remove payload and make the pages static

.gitignore

@@ -35,3 +35,14 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# lock files
+yarn.lock
+bun.lockb
+pnpm-lock.yaml
+package-lock.json
+
+# env files (can opt-in for committing if needed)
+.env
+.env.local
+.env.development

app/(app)/components/contact.tsx → app/components/contact.tsx

@@ -13,9 +13,6 @@ import { z } from "zod";
 import { cn } from "@/lib/utils";
 import { zodResolver } from "@hookform/resolvers/zod";
 
-// @actions
-import { submitInquiry } from "@/lib/payload";
-
 const formSchema = z.object({
   name: z.string().min(3, {
     message: "Name must be at least 3 characters long",
@@ -56,22 +53,20 @@ export function Contact() {
     formData.append("email", values.email);
     formData.append("message", values.message);
 
-    const response = await submitInquiry(formData);
-
-    if (response.status === 200) {
-      reset();
-      setError(null);
-      setIsSuccess(true);
-      setIsLoading(false);
+    // if (response.status === 200) {
+    //   reset();
+    //   setError(null);
+    //   setIsSuccess(true);
+    //   setIsLoading(false);
 
-      setTimeout(() => {
-        setIsSuccess(false);
-      }, 3000);
-    } else {
-      setIsLoading(false);
-      setIsSuccess(false);
-      setError(response.message);
-    }
+    //   setTimeout(() => {
+    //     setIsSuccess(false);
+    //   }, 3000);
+    // } else {
+    //   setIsLoading(false);
+    //   setIsSuccess(false);
+    //   setError(response.message);
+    // }
   }
 
   return (

app/components/experience.tsx

@@ -0,0 +1,58 @@
+// @components
+import { ExperienceTimeline } from "@/components";
+
+const experiences = [
+  {
+    companyLogo: "/reach.png",
+    companyWebsite: "https://www.getreach.xyz/",
+    date: "2024 - 2024",
+    role: "Senior Frontend Engineer",
+    description:
+      "Developing a high-performance frontend architecture for Reach web application, ensuring a scalable and flexible codebase, high-quality user interface and seamless user experience across devices.",
+  },
+  {
+    companyLogo: "/mintra.png",
+    companyWebsite: "https://www.mintra.ai/",
+    date: "2022 - 2024",
+    role: "Senior Frontend Engineer",
+    description:
+      "Led the design and development of scalable, high-performance, feature rich frontend architectures for a NFT marketplace, ensuring the best user interface and user experience for the end users.",
+  },
+  {
+    companyLogo: "/creative-tim.png",
+    companyWebsite: "https://www.creative-tim.com/",
+    date: "2020 - 2022",
+    role: "Web Developer & Community Manager",
+    description:
+      "Built high quality and responsive templates, ui kits, dashboard, building blocks, open-source component library for react.js and managed developers community.",
+  },
+];
+
+export function Experience() {
+  return (
+    <section className="p-8 sm:p-10 lg:p-20">
+      <div className="max-w-2xl mx-auto">
+        <h2 className="text-xl md:text-2xl text-black font-medium mb-10">
+          My Experiences
+        </h2>
+        <div className="space-y-14">
+          {experiences.map(
+            (
+              { role, date, description, companyWebsite, companyLogo }: any,
+              key
+            ) => (
+              <ExperienceTimeline
+                key={key}
+                role={role}
+                date={date}
+                description={description}
+                companyLogo={`/media/${companyLogo?.filename}`}
+                companyWebsite={companyWebsite}
+              />
+            )
+          )}
+        </div>
+      </div>
+    </section>
+  );
+}

app/(app)/components/hero.tsx → app/components/hero.tsx

@@ -1,4 +1,5 @@
 // @components
+import Link from "next/link";
 import Image from "next/image";
 import { Button } from "@/components";
 import {
@@ -10,7 +11,6 @@ import {
 
 // @icons
 import { Contra } from "@/icons";
-import Link from "next/link";
 
 export function Hero() {
   return (