Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -2,9 +2,9 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
@@ -20,10 +20,10 @@ export default function LandingPage() {
         contentWidth="small"
         sizing="mediumLargeSizeLargeTitles"
         background="grid"
-        cardStyle="gradient-mesh"
+        cardStyle="glass-elevated"
         primaryButtonStyle="shadow"
         secondaryButtonStyle="layered"
-        headingFontWeight="medium"
+        headingFontWeight="semibold"
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
@@ -122,25 +122,31 @@ export default function LandingPage() {
         </div>
 
         <div id="contact" data-section="contact">
-            <ContactText
+            <ContactSplitForm
               useInvertedBackground={false}
-              background={{ variant: "sparkles-gradient" }}
+              title="Contact Us"
-              text="Join the Flipper circle for early access and collection updates."
+              description="We're here to assist with any questions about our premium collections."
-              buttons={[{ text: "Subscribe Now", href: "#" }]}
+              inputs={[
+                { name: "name", type: "text", placeholder: "Full Name", required: true },
+                { name: "email", type: "email", placeholder: "Email Address", required: true }
+              ]}
+              textarea={{ name: "message", placeholder: "How can we help?", required: true }}
+              buttonText="Send Message"
             />
         </div>
 
         <div id="footer" data-section="footer">
-            <FooterBaseCard
+            <FooterSimple
-              logoText="FLIPPER"
               columns={[
-                { title: "Shop", items: [{ label: "New Arrivals", href: "#" }, { label: "Bestsellers", href: "#" }, { label: "Sale", href: "#" }] },
+                { title: "Shop", items: [{ label: "New Arrivals" }, { label: "Bestsellers" }, { label: "Sale" }] },
-                { title: "Support", items: [{ label: "Shipping", href: "#" }, { label: "Returns", href: "#" }, { label: "Contact", href: "#" }] },
+                { title: "Support", items: [{ label: "Shipping" }, { label: "Returns" }, { label: "Contact" }] },
-                { title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+                { title: "Legal", items: [{ label: "Privacy Policy" }, { label: "Terms of Service" }] }
               ]}
+              bottomLeftText="© 2025 Flipper"
+              bottomRightText="Designed for Excellence"
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}