Update src/app/contact/page.tsx

Merge version_2 into main

src/app/brands/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function BrandsPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "courses" },
+              { name: "Brands", id: "/brands" },
+              { name: "Partnerships", id: "/partnerships" },
+            ]}
+            brandName="GrowthLab"
+          />
+        </div>
+        <main className="min-h-screen pt-24 px-6 flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-4">Our Brands</h1>
+          <p>Learn more about the brands we work with.</p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="GrowthLab" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/contact/page.tsx

@@ -0,0 +1,61 @@
+"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>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Courses", id: "/" },
+              { name: "Tools", id: "/" },
+              { name: "About", id: "/" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="GrowthLab"
+            button={{ text: "Start Learning", href: "/" }}
+          />
+        </div>
+        
+        <div id="contact" data-section="contact">
+          <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 }}
+            useInvertedBackground={false}
+          />
+        </div>
+        
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="GrowthLab"
+            columns={[
+              { title: "Navigation", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,12 +32,12 @@ export default function LandingPage() {
       navItems={[
         { name: "Courses", id: "courses" },
         { name: "Tools", id: "tools" },
-        { name: "Community", id: "community" },
         { name: "About", id: "about" },
+        { name: "Contact", id: "/contact" },
       ]}
       brandName="GrowthLab"
       button={{
-        text: "Start Learning",        href: "#contact"}}
+        text: "Start Learning",        href: "/contact"}}
     />
   </div>
 
@@ -200,7 +200,7 @@ export default function LandingPage() {
             {
               label: "About Us",              href: "#about"},
             {
-              label: "Contact",              href: "#contact"},
+              label: "Contact",              href: "/contact"},
           ],
         },
         {
@@ -217,4 +217,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/partnerships/page.tsx

@@ -0,0 +1,44 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+
+export default function PartnershipsPage() {
+  return (
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Courses", id: "courses" },
+              { name: "Brands", id: "/brands" },
+              { name: "Partnerships", id: "/partnerships" },
+            ]}
+            brandName="GrowthLab"
+          />
+        </div>
+        <main className="min-h-screen pt-24 px-6 flex flex-col items-center justify-center">
+          <h1 className="text-4xl font-bold mb-4">Partnerships</h1>
+          <p>Discover how to partner with GrowthLab.</p>
+        </main>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal logoText="GrowthLab" columns={[{ title: "Links", items: [{ label: "Home", href: "/" }, { label: "Contact", href: "/contact" }] }]} />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

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);