src/app/page.tsx

@@ -8,11 +8,20 @@ import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Globe, HelpCircle, Leaf, Mail, Recycle, Shield, Sparkles, Star, TrendingUp, Users, Zap, Heart, Share2, Crown } from "lucide-react";
+import { useState } from "react";
 
 export default function LandingPage() {
+  const [formData, setFormData] = useState<Record<string, string>>({});
+
+  const handleContactSubmit = (data: Record<string, string>) => {
+    setFormData(data);
+    console.log("Form submitted:", data);
+    // Handle form submission here
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -193,16 +202,24 @@ export default function LandingPage() {
       </div>
 
       <div id="contact" data-section="contact">
-        <ContactCenter
-          tag="Stay Connected"
-          tagIcon={Mail}
+        <ContactSplitForm
           title="Get Early Access to New Drops"
           description="Subscribe to our newsletter and be the first to know about exclusive releases, limited editions, and special events."
-          background={{ variant: "rotated-rays-animated-grid" }}
+          inputs={[
+            { name: "email", type: "email", placeholder: "your@email.com", required: true },
+            { name: "name", type: "text", placeholder: "Your name", required: true }
+          ]}
+          textarea={{
+            name: "message",            placeholder: "Tell us what styles you're interested in...",            rows: 4,
+            required: false
+          }}
           useInvertedBackground={false}
-          inputPlaceholder="your@email.com"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_32SzEkxKoNyIbQ4hnQYui6BHsfB/uploaded-1771003746831-w3xavybf.jpg"
+          imageAlt="APEX Newsletter"
+          mediaPosition="right"
+          mediaAnimation="blur-reveal"
           buttonText="Subscribe"
-          termsText="We respect your privacy. Unsubscribe anytime. No spam, just pure streetwear culture."
+          onSubmit={handleContactSubmit}
         />
       </div>