add wakatime and fakoor and amirmoghi3

src/components/Footer/index.tsx

@@ -30,7 +30,7 @@ const Footer = () => {
       ref: useRef(null),
     },
     {
-      href: "https://www.instagram.com/amirmoghi3/",
+      href: "https://www.instagram.com/itsmoghi3/",
       label: "Instagram",
       icon: instagram,
       path: "assets/json/instagram.json",

src/components/Journey/index.tsx

@@ -8,6 +8,7 @@ type Props = {
   isLunched?: boolean;
   development: boolean;
   image?: string;
+  time?: string;
 };
 
 const Journey = ({
@@ -19,6 +20,7 @@ const Journey = ({
   isLunched,
   development,
   image,
+  time,
 }: Props) => {
   return (
     <div className="bg-dark-primary rounded-md flex flex-col p-3 mx-3 relative">
@@ -63,6 +65,9 @@ const Journey = ({
           <strong className="opacity-80 text-sm">{year}</strong>
         </p>
       )}
+      <div>
+        <img src={time} />
+      </div>
     </div>
   );
 };

src/layouts/mainLayout.tsx

@@ -4,8 +4,8 @@ import {  Outlet } from "react-router-dom"
 
 const MainLayout = () => {
   return (
-    <div className="w-screen h-screen bg-dark-primary p-5 ">
+    <div className="lg:w-screen lg:h-screen bg-dark-primary p-5 ">
-      <main className="bg-light-primary w-full h-full">
+      <main className="bg-light-primary w-full h-full overflow-hidden">
         <Navbar />
         <Outlet />
         <Footer />

src/pages/index.tsx

@@ -6,18 +6,41 @@ const Home = () => {
     <>
       <Helmet>
         <title>امیرحسین مقیسه</title>
-        <meta name="description" content="وبسایت شخصی مهندس امیرحسین مقیسه به جهت آشنایی بیشتر با توانایی  و سوابق امیرحسین مقیسه" />
+        <meta name="description" content="وبسایت شخصی مهندس امیرحسین مقیسه به جهت آشنایی بیشتر با توانایی و سوابق امیرحسین مقیسه" />
       </Helmet>
-      <div className="text-center text-secondary relative top-[30%]  px-2">
+      <div className="text-center text-secondary relative p-10 flex flex-col-reverse items-center gap-12 lg:gap-0 lg:flex-row justify-around lg:h-[calc(100%-200px)]" style={{ direction: "rtl" }}>
         {/* <h1 className='text-3xl'> <Image alt="amirmoghi3" src={amirmoghi3Glitch} /></h1> */}
-        <p className="opacity-60 text-sm">
+        <div className="basis-2/3 justify-center flex  flex-col gap-4 items-center ">
-          PM4D | Web3 Developer | Software Engineer
+          <div className="flex gap-2 items-center w-full justify-center">
-        </p>
+            <p className="text-2xl">
-        <Link to={"resume"}>
+              Real-Time
-          <button className="py-4 px-8 border w-fit border-secondary m-4 rounded-lg hover:bg-secondary hover:text-dark-primary">
+            </p>
-            Resume
+            <span className="w-4 h-4 aspect-square bg-[green] rounded-full"></span>
-          </button>
+          </div>
-        </Link>
+          <div className="overflow-y-auto flex flex-col gap-10 items-center">
+            <div className="bg-dark-primary rounded-xl p-4 w-full">
+              <p className="text-left py-2">Coding Activity</p>
+              <img className="w-full" src="https://wakatime.com/share/@018dc372-1f4e-4b99-af4a-a20bb01cac1b/c7dfc76c-04e8-4b40-9ebe-b5b26ab6469d.png" />
+            </div>
+            <div className="bg-dark-primary rounded-xl p-4 w-full">
+              <p className="text-left py-2">Languages</p>
+              <img className="aspect-square" src="https://wakatime.com/share/@018dc372-1f4e-4b99-af4a-a20bb01cac1b/a15ec6e8-d8f6-4a6f-b668-062cd57f8db7.png" />
+            </div>
+
+          </div>
+        </div>
+        <div className="text-left flex flex-col gap-4 basis-1/3 items-center">
+          <p className="text-3xl">Amirhossein Moghiseh</p>
+          <p className="opacity-60 text-lg">
+            PM4D | Web3 Developer | Software Engineer
+          </p>
+          <Link to={"resume"}>
+            <button className="py-4 px-8 border w-fit border-secondary rounded-lg hover:bg-secondary hover:text-dark-primary">
+              Resume
+            </button>
+          </Link>
+        </div>
+
       </div>
     </>
   );

src/pages/resume/index.tsx

@@ -336,12 +336,42 @@ const thoseWhatIknowAndFamiliarAndSpecialistAt = [
     title: "cva",
     percent: 90,
   },
-  
+
 ].sort((a, b) => a.title.localeCompare(b.title));
 
 const projects = [
   {
-    order:5,
+    order: 1,
+    title: "Fakoor",
+    tags: [
+      "react",
+      "vite",
+      "typescript",
+    ],
+    description: "DMS,CMS,ConceptMS,BPMS",
+    year: 2023,
+    isLunched: true,
+    development: false,
+    image: "https://storage.amirmoghi3.ir/Images/Screenshot%202024-02-21%20022238.png",
+    time: "https://wakatime.com/badge/user/018dc372-1f4e-4b99-af4a-a20bb01cac1b/project/018dc373-fb62-4fbd-9d51-e592e3c25836.svg"
+  },
+  {
+    order: 6,
+    title: "Amirmoghi3",
+    tags: [
+      "react",
+      "vite",
+      "typescript",
+    ],
+    description: "Personal Website ",
+    year: 2019,
+    isLunched: true,
+    development: false,
+    image: "https://gravatar.com/avatar/a223ee530d6b82e3f0539001e140b782?s=200",
+    time: "https://wakatime.com/badge/user/018dc372-1f4e-4b99-af4a-a20bb01cac1b/project/018dc373-fb62-4fbd-9d51-e592e3c25836.svg"
+  },
+  {
+    order: 5,
     title: "Baladam",
     tags: [
       "nuxtjs",
@@ -360,7 +390,7 @@ const projects = [
     image: "https://avatars.githubusercontent.com/u/43704900?s=200&v=4",
   },
   {
-    order:2,
+    order: 2,
     title: "Mucut",
     tags: ["nuxtjs", "python", "mysql", "nginx", "pm2"],
     description:
@@ -372,7 +402,7 @@ const projects = [
     image: "https://mucut.ir/images/mucut.logo.svg",
   },
   {
-    order:3,
+    order: 3,
     title: "!mixsome",
     tags: ["reactjs", "web3", "moralis"],
     description: "Approval manager dashboard and revoking approvals ",
@@ -383,7 +413,7 @@ const projects = [
     image: "https://mixsome.cash/images/logo-white500px.gif",
   },
   {
-    order:4,
+    order: 4,
     title: "MPCP (mutant penguins club project)",
     tags: [
       "reactjs",
@@ -403,7 +433,7 @@ const projects = [
     image: "https://docs.soliditylang.org/en/v0.8.20/_static/logo.svg",
   },
   {
-    order:6,
+    order: 6,
     title: "instagram-scr.ap.per",
     tags: ["python", "proxy", "selenium"],
     description: "Scrapping public data from Instagram",
@@ -415,7 +445,7 @@ const projects = [
       "https://upload.wikimedia.org/wikipedia/commons/9/95/Instagram_logo_2022.svg",
   },
   {
-    order:7,
+    order: 7,
     title: "Yaus",
     tags: ["rust", "actix", "mongodb"],
     description: "Free URL shortener and link services with less than 10MB RAM",
@@ -426,7 +456,7 @@ const projects = [
     image: "https://yaus.ir/favicon.png",
   },
   {
-    order:12,
+    order: 12,
     title: "Mafia Game",
     tags: ["nodejs", "redis", "reactjs", "sqlite", "socketjs"],
     description: "Mafia Game (werewolf)",
@@ -438,7 +468,7 @@ const projects = [
       "https://mafia-game.igarson.app/static/media/mafia-logo.a06d547a1d64327fdfc0.png",
   },
   {
-    order:1,
+    order: 1,
     title: "iGarson.app",
     tags: [
       "paas",
@@ -465,7 +495,7 @@ const projects = [
     image: "https://igarson.app/_next/static/media/G.c7e22450.svg",
   },
   {
-    order:9,
+    order: 9,
     title: "ftsco.co",
     tags: ["nextjs", "docker", "swarm", "nginx", "let's encrypt"],
     description: "introducing herbal products for export.",
@@ -477,7 +507,7 @@ const projects = [
       "https://ftsco.co/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.ec591a4f.png&w=1920&q=75",
   },
   {
-    order:10,
+    order: 10,
     title: "imedapp",
     tags: ["nextjs", "pg", "swarm", "docker"],
     description: "selling medical content",
@@ -489,19 +519,19 @@ const projects = [
       "https://admin.imedapp.ir/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3c212134.png&w=640&q=75",
   },
   {
-    order:15,
+    order: 15,
     title: "Chemiboard",
-    tags: ["nextjs", "designsystem", "tailwindcss", "storybook","mysql","nodejs"],
+    tags: ["nextjs", "designsystem", "tailwindcss", "storybook", "mysql", "nodejs"],
     description: "Wholesale sale of chemicals",
     year: 2022,
     url: "https://chemiboard.com",
     isLunched: true,
     development: false,
     // image:
-      // "https://admin.imedapp.ir/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3c212134.png&w=640&q=75",
+    // "https://admin.imedapp.ir/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flogo.3c212134.png&w=640&q=75",
   },
   {
-    order:7,
+    order: 7,
     title: "menuva",
     tags: ["react-ts", "vite", "signalR"],
     description: "digital jukebox",