new hero effect & mobile responsive

src/app/(__PAGES__)/contact/page.tsx

@@ -1,21 +1,8 @@
-import MeCard from "@/components/me-card";
-import Contact from "@/components/setions/contact";
 import React from "react";
+import Contact from "@/components/setions/contact";
 
 function ContactPage() {
-  return (
-    <div className="flex gap-12 lg:gap-20 container ">
-      <MeCard
-        className="sticky top-20"
-        button={{
-          label: "Email Me",
-          link: `mailto:${process.env.NEXT_PUBLIC_EMAIL}`,
-        }}
-      />
-
-      <Contact />
-    </div>
-  );
+  return <Contact />;
 }
 
 export default ContactPage;

src/app/(__PAGES__)/layout.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import Navbar from "@/components/navbar";
+import Footer from "@/components/footer";
 
 function Layout({ children }: { children: JSX.Element }) {
   return (
@@ -10,6 +11,8 @@ function Layout({ children }: { children: JSX.Element }) {
 
         {/* <div className="absolute w-1 h-screen top-0 left-1/2 -translate-x-1/2 transform bg-foreground" /> */}
       </main>
+
+      <Footer />
     </div>
   );
 }

src/app/(__PAGES__)/page.tsx

@@ -1,11 +1,17 @@
-import { Hero, Projects } from "@/components/setions";
+import { Hero, Projects, Tech } from "@/components/setions";
+import Contact from "@/components/setions/contact";
 
 export default function Home() {
   return (
     <>
-      <Hero />
-      <div className="w-full mt-64">
+      <div className="pt-12 lg:pt-40">
+        <Hero />
+      </div>
+      <div className="w-full mt-20 lg:mt-44 space-y-12">
+        <Tech />
         <Projects />
+
+        <Contact withoutMeCard />
       </div>
     </>
   );

src/app/(__PAGES__)/projects/page.tsx

@@ -0,0 +1,14 @@
+import { Projects } from "@/components/setions";
+import Contact from "@/components/setions/contact";
+import React from "react";
+
+function ProjectsPage() {
+  return (
+    <>
+      <Projects />
+      <Contact withoutMeCard />
+    </>
+  );
+}
+
+export default ProjectsPage;

src/app/globals.css

@@ -65,13 +65,6 @@ body {
 }
 
 @layer base {
-  * {
-    @apply border-border;
-  }
-  body {
-    @apply dark bg-background text-foreground;
-  }
-
   @font-face {
     font-family: "Poppins";
     src: url("./fonts/Poppins-Regular.ttf") format("truetype");
@@ -85,6 +78,18 @@ body {
     font-weight: 700;
     font-style: normal;
   }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply dark bg-background text-foreground;
+  }
+  html {
+    scroll-behavior: smooth;
+  }
 
   .halftone {
     --dotSize: 0.25rem;
@@ -122,7 +127,3 @@ body {
     );
   }
 }
-
-html {
-  scroll-behavior: smooth;
-}