Merge version_2 into main

Merge version_2 into main

src/app/contact/page.tsx

@@ -8,6 +8,10 @@ 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,17 +30,11 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "About",
-          id: "/about",
-        },
+          name: "About",          id: "/about"},
         {
-          name: "Contact",
-          id: "/contact",
-        },
+          name: "Contact",          id: "/contact"},
       ]}
       brandName="PrintPop"
     />
@@ -46,15 +44,14 @@ export default function LandingPage() {
       <ContactCTA
       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."
+      onSubmit={handleFormSubmit}
       buttons={[
         {
-          text: "Submit Request",
-          href: "#",
+          text: "Submit Request",          onClick: () => {},
         },
       ]}
     />
@@ -73,29 +70,19 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "PrintPop",
-          items: [
+          title: "PrintPop",          items: [
             {
-              label: "About Us",
-              href: "/about",
-            },
+              label: "About Us",              href: "/about"},
             {
-              label: "Start Order",
-              href: "/contact",
-            },
+              label: "Start Order",              href: "/contact"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
@@ -106,4 +93,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}