Update src/app/page.tsx

src/app/page.tsx

@@ -2,7 +2,7 @@
 
 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 FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
@@ -31,31 +31,19 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "For Businesses",
+          name: "For Businesses",          id: "for-businesses"},
-          id: "for-businesses",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="A Express"
       button={{
-        text: "Book a Delivery",
+        text: "Book a Delivery",        href: "#contact"}}
-        href: "#contact",
-      }}
     />
   </div>
 
@@ -63,28 +51,19 @@ export default function LandingPage() {
       <HeroBillboardTestimonial
       useInvertedBackground={true}
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="60-Minute Delivery in Antwerp ⚡"
       description="Send anything across the city — fast, safe, and reliable."
       testimonials={[
         {
-          name: "Local Business Owner",
+          name: "Local Business Owner",          handle: "@antwerp_eats",          testimonial: "A Express transformed our local deliveries, making us faster and more reliable!",          rating: 5,
-          handle: "@antwerp_eats",
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg"},
-          testimonial: "A Express transformed our local deliveries, making us faster and more reliable!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6551.jpg",
-        },
       ]}
       buttons={[
         {
-          text: "Book a Delivery",
+          text: "Book a Delivery",          href: "#contact"},
-          href: "#contact",
-        },
         {
-          text: "Contact Us",
+          text: "Contact Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/blue-delivery-van-wet-highway-with-motion-blur-shipping-motion_169016-69815.jpg"
       imageAlt="Modern city skyline with a delivery vehicle"
@@ -99,23 +78,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "step-1",
+          id: "step-1",          icon: Truck,
-          icon: Truck,
+          title: "Request a Delivery",          value: "1"},
-          title: "Request a Delivery",
-          value: "1",
-        },
         {
-          id: "step-2",
+          id: "step-2",          icon: Package,
-          icon: Package,
+          title: "We Pick It Up",          value: "2"},
-          title: "We Pick It Up",
-          value: "2",
-        },
         {
-          id: "step-3",
+          id: "step-3",          icon: CheckCircle,
-          icon: CheckCircle,
+          title: "Delivered Within 60 Minutes",          value: "3"},
-          title: "Delivered Within 60 Minutes",
-          value: "3",
-        },
       ]}
       title="How It Works"
       description="Getting your items delivered is as easy as 1-2-3."
@@ -129,19 +99,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       negativeCard={{
         items: [
-          "Fast 60-minute delivery",
+          "Fast 60-minute delivery",          "Local Antwerp service",          "Reliable and safe",          "Simple booking process"],
-          "Local Antwerp service",
-          "Reliable and safe",
-          "Simple booking process",
-        ],
       }}
       positiveCard={{
         items: [
-          "Urgent parcel delivery",
+          "Urgent parcel delivery",          "Document delivery",          "Forgotten item delivery",          "Local business deliveries"],
-          "Document delivery",
-          "Forgotten item delivery",
-          "Local business deliveries",
-        ],
       }}
       title="Your Local Delivery Partner"
       description="Experience unparalleled speed and reliability for all your local delivery needs in Antwerp."
@@ -155,57 +117,22 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "small",
+          id: "small",          tag: "Small Package",          price: "€4",          period: "+ €1 per km",          description: "Ideal for documents & small items",          button: {
-          tag: "Small Package",
+            text: "Book Now",            href: "#contact"},
-          price: "€4",
+          featuresTitle: "Includes",          features: [
-          period: "+ €1 per km",
+            "Quick 60-min delivery",            "Real-time tracking",            "Secure handling"],
-          description: "Ideal for documents & small items",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Quick 60-min delivery",
-            "Real-time tracking",
-            "Secure handling",
-          ],
         },
         {
-          id: "medium",
+          id: "medium",          tag: "Medium Package",          price: "€6",          period: "+ €1 per km",          description: "Perfect for parcels & everyday needs",          button: {
-          tag: "Medium Package",
+            text: "Book Now",            href: "#contact"},
-          price: "€6",
+          featuresTitle: "Includes",          features: [
-          period: "+ €1 per km",
+            "Quick 60-min delivery",            "Real-time tracking",            "Secure handling",            "Proof of delivery"],
-          description: "Perfect for parcels & everyday needs",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Quick 60-min delivery",
-            "Real-time tracking",
-            "Secure handling",
-            "Proof of delivery",
-          ],
         },
         {
-          id: "large",
+          id: "large",          tag: "Large Package",          price: "€8",          period: "+ €1 per km",          description: "For urgent, bulkier deliveries",          button: {
-          tag: "Large Package",
+            text: "Book Now",            href: "#contact"},
-          price: "€8",
+          featuresTitle: "Includes",          features: [
-          period: "+ €1 per km",
+            "Quick 60-min delivery",            "Real-time tracking",            "Secure handling",            "Priority dispatch"],
-          description: "For urgent, bulkier deliveries",
-          button: {
-            text: "Book Now",
-            href: "#contact",
-          },
-          featuresTitle: "Includes",
-          features: [
-            "Quick 60-min delivery",
-            "Real-time tracking",
-            "Secure handling",
-            "Priority dispatch",
-          ],
         },
       ]}
       title="Transparent Pricing"
@@ -221,40 +148,38 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "same-day",
+          id: "same-day",          name: "Same-Day Delivery for Customers",          price: "Custom",          variant: "Tailored for your business",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-pack_23-2149103400.jpg",          imageAlt: "Customer receiving a package from a delivery driver"},
-          name: "Same-Day Delivery for Customers",
-          price: "Custom",
-          variant: "Tailored for your business",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-receiving-pack_23-2149103400.jpg",
-          imageAlt: "Customer receiving a package from a delivery driver",
-        },
         {
-          id: "bulk-options",
+          id: "bulk-options",          name: "Bulk Delivery Options",          price: "Custom",          variant: "Flexible for large orders",          imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229210.jpg",          imageAlt: "Multiple packages being loaded for bulk delivery"},
-          name: "Bulk Delivery Options",
-          price: "Custom",
-          variant: "Flexible for large orders",
-          imageSrc: "http://img.b2bpic.net/free-photo/courier-doing-jobs-logistics_23-2149229210.jpg",
-          imageAlt: "Multiple packages being loaded for bulk delivery",
-        },
       ]}
       title="For Local Businesses"
       description="Empower your business with A Express's tailored delivery solutions for same-day speed and bulk options."
       buttons={[
         {
-          text: "Partner with Us",
+          text: "Partner with Us",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
       useInvertedBackground={false}
-      background={{
+      title="Book Your Delivery Today"
-        variant: "radial-gradient",
+      description="Fill out the form below to book your delivery. We'll get back to you within minutes with a quote and live tracking options."
+      inputs={[
+        { name: 'name', type: 'text', placeholder: 'Your Name', required: true },
+        { name: 'email', type: 'email', placeholder: 'Your Email', required: true },
+        { name: 'phone', type: 'tel', placeholder: 'Your Phone Number', required: false },
+      ]}
+      textarea={{
+        name: 'message',
+        placeholder: 'Delivery Details (items, addresses, urgency)',
+        rows: 4,
+        required: true,
       }}
-      text="Ready to experience fast, reliable local deliveries? Contact A Express today to book your next delivery or learn more about our services.\n\nEmail: support@aexpress.be\nInstagram: @aexpress_delivery"
+      buttonText="Book Now"
+      onSubmit={(data) => console.log('Booking submitted:', data)}
+      mediaAnimation="opacity"
     />
   </div>
 
@@ -263,50 +188,31 @@ export default function LandingPage() {
       logoText="A Express"
       columns={[
         {
-          title: "Quick Links",
+          title: "Quick Links",          items: [
-          items: [
             {
-              label: "Home",
+              label: "Home",              href: "#hero"},
-              href: "#hero",
-            },
             {
-              label: "Services",
+              label: "Services",              href: "#services"},
-              href: "#services",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
             {
-              label: "For Businesses",
+              label: "For Businesses",              href: "#for-businesses"},
-              href: "#for-businesses",
-            },
             {
-              label: "Contact",
+              label: "Contact",              href: "#contact"},
-              href: "#contact",
-            },
           ],
         },
         {
-          title: "Follow Us",
+          title: "Follow Us",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://instagram.com/aexpress_delivery"},
-              href: "https://instagram.com/aexpress_delivery",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}