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

@@ -8,17 +8,40 @@ const Home = () => {
         <title>امیرحسین مقیسه</title>
         <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 ">
+          <div className="flex gap-2 items-center w-full justify-center">
+            <p className="text-2xl">
+              Real-Time
+            </p>
+            <span className="w-4 h-4 aspect-square bg-[green] rounded-full"></span>
+          </div>
+          <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 m-4 rounded-lg hover:bg-secondary hover:text-dark-primary">
+            <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

@@ -340,6 +340,36 @@ const thoseWhatIknowAndFamiliarAndSpecialistAt = [
 ].sort((a, b) => a.title.localeCompare(b.title));
 
 const projects = [
+  {
+    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",