src/app/contact/page.tsx

@@ -0,0 +1,54 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="rounded"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Courses", id: "/" },
+            { name: "Tools", id: "/" },
+            { name: "About", id: "/" },
+            { name: "Contact", id: "/contact" },
+          ]}
+          brandName="GrowthLab"
+          button={{ text: "Start Learning", href: "/" }}
+        />
+        
+        <ContactSplitForm
+          title="Contact Us"
+          description="We're here to help. Send us your inquiry."
+          inputs={[
+            { name: "name", type: "text", placeholder: "Your Name", required: true },
+            { name: "email", type: "email", placeholder: "Your Email", required: true },
+          ]}
+          textarea={{ name: "message", placeholder: "How can we help?", rows: 4 }}
+        />
+        
+        <FooterBaseReveal
+          logoText="GrowthLab"
+          columns={[
+            { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,13 +32,12 @@ export default function LandingPage() {
       navItems={[
         { name: "Courses", id: "courses" },
         { name: "Tools", id: "tools" },
-        { name: "Brands", id: "/brands" },
-        { name: "Partnerships", id: "/partnerships" },
         { name: "About", id: "about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="GrowthLab"
       button={{
-        text: "Start Learning",        href: "#contact"}}
+        text: "Start Learning",        href: "/contact"}}
     />
   </div>
 
@@ -201,7 +200,7 @@ export default function LandingPage() {
             {
               label: "About Us",              href: "#about"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact"},
           ],
         },
         {

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
-  --card: #f9f9f9;
-  --foreground: #120a00e6;
-  --primary-cta: #E34400;
+  --background: #f5faff;
+  --card: #f1f8ff;
+  --foreground: #001122;
+  --primary-cta: #15479c;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #ffffff;
   --secondary-cta-text: #120a00e6;
-  --accent: #e2e2e2;
-  --background-accent: #E34400;
+  --accent: #a8cce8;
+  --background-accent: #7ba3cf;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);