Update src/app/contact/page.tsx

Merge version_1 into main

src/app/contact/page.tsx

@@ -2,12 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 
 export default function LandingPage() {
+  const handleFormSubmit = (email: string) => {
+    window.location.href = `mailto:printpop.shirtdesign@gmail.com?subject=New Custom Order Request&body=Email: ${email}`;
+  };
+
   return (
     <ThemeProvider
         defaultButtonVariant="elastic-effect"
@@ -26,37 +30,26 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "/"},
-          id: "/",
-        },
         {
-          name: "About",
+          name: "About",          id: "/about"},
-          id: "/about",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "/contact"},
-          id: "/contact",
-        },
       ]}
       brandName="PrintPop"
     />
   </div>
 
   <div id="custom-order-form" data-section="custom-order-form">
-      <ContactCTA
+      <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Request a Design"
       title="Start Your Custom Order"
       description="This is a custom order process. After submitting your details, we will contact you to finalize the design, quantities, and send an invoice."
-      buttons={[
+      onSubmit={handleFormSubmit}
-        {
+      buttonText="Submit Request"
-          text: "Submit Request",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -73,29 +66,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "PrintPop",
+          title: "PrintPop",          items: [
-          items: [
             {
-              label: "About Us",
+              label: "About Us",              href: "/about"},
-              href: "/about",
-            },
             {
-              label: "Start Order",
+              label: "Start Order",              href: "/contact"},
-              href: "/contact",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -106,4 +89,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}