Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -11,7 +11,11 @@ import TestimonialCardFifteen from "@/components/sections/testimonial/Testimonia
 import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
-import { Sparkles, Zap, Wrench } from "lucide-react";
+import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import ProductCardFour from "@/components/sections/product/ProductCardFour";
+import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
+import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
+import { Sparkles, Zap, Wrench, Crown } from "lucide-react";
 
 export default function ModXMotorsPage() {
   return (
@@ -49,7 +53,7 @@ export default function ModXMotorsPage() {
           tag="Premium 3D Modifications"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-stunning-3d-rendered-luxury-sports-car-1773000619048-266418b9.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-stunning-3d-rendered-luxury-sports-car-1773000619048-266418b9.png?_wi=1"
           imageAlt="3D rendered luxury modified sports car"
           mediaAnimation="slide-up"
           buttons={[
@@ -69,7 +73,7 @@ export default function ModXMotorsPage() {
           description="Founded in 2018"
           subdescription="Pioneering digital automotive transformation"
           icon={Wrench}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-professional-3d-car-modification-works-1773000618043-26f3d1f1.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-professional-3d-car-modification-works-1773000618043-26f3d1f1.png?_wi=1"
           imageAlt="ModX Motors professional modification workspace"
           mediaAnimation="slide-up"
           useInvertedBackground={false}
@@ -83,15 +87,15 @@ export default function ModXMotorsPage() {
           products={[
             {
               id: "1",              brand: "ModX Motors",              name: "Premium Sedan Widebody Kit",              price: "$8,500",              rating: 5,
-              reviewCount: "127",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-beautifully-modified-premium-sedan-wit-1773000617735-9d2b30d6.png",              imageAlt: "Modified luxury sedan with widebody kit"
+              reviewCount: "127",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-beautifully-modified-premium-sedan-wit-1773000617735-9d2b30d6.png?_wi=1",              imageAlt: "Modified luxury sedan with widebody kit"
             },
             {
               id: "2",              brand: "ModX Motors",              name: "Hypercar Aerodynamic Package",              price: "$15,200",              rating: 5,
-              reviewCount: "89",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-sleek-modified-hypercar-with-aggressiv-1773000617659-7e02f25d.png",              imageAlt: "Aggressive hypercar with performance modifications"
+              reviewCount: "89",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-sleek-modified-hypercar-with-aggressiv-1773000617659-7e02f25d.png?_wi=1",              imageAlt: "Aggressive hypercar with performance modifications"
             },
             {
               id: "3",              brand: "ModX Motors",              name: "Classic Sports Car Pro Upgrade",              price: "$12,800",              rating: 5,
-              reviewCount: "156",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modified-classic-sports-car-with-conte-1773000618328-32ffa1b4.png",              imageAlt: "Modified classic sports car with modern performance upgrades"
+              reviewCount: "156",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modified-classic-sports-car-with-conte-1773000618328-32ffa1b4.png?_wi=1",              imageAlt: "Modified classic sports car with modern performance upgrades"
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -142,6 +146,121 @@ export default function ModXMotorsPage() {
         />
       </div>
 
+      <div id="showcase" data-section="showcase">
+        <HeroBillboardCarousel
+          title="Pakistani Cars Showcase"
+          description="Stunning collection of modified Pakistani vehicles with premium customizations and performance enhancements."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Pakistani Automotive Excellence"
+          tagIcon={Crown}
+          tagAnimation="slide-up"
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-beautifully-modified-premium-sedan-wit-1773000617735-9d2b30d6.png?_wi=2",              imageAlt: "Modified Premium Sedan"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-sleek-modified-hypercar-with-aggressiv-1773000617659-7e02f25d.png?_wi=2",              imageAlt: "Modified Hypercar"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modified-classic-sports-car-with-conte-1773000618328-32ffa1b4.png?_wi=2",              imageAlt: "Modified Classic Sports Car"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-stunning-3d-rendered-luxury-sports-car-1773000619048-266418b9.png?_wi=2",              imageAlt: "Luxury Modified Vehicle"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-professional-3d-car-modification-works-1773000618043-26f3d1f1.png?_wi=2",              imageAlt: "Premium Modified Car"
+            },
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modern-3d-visualization-of-a-luxury-mo-1773000618125-7d371f33.png?_wi=1",              imageAlt: "Luxury Modified Vehicle Showcase"
+            },
+          ]}
+          buttons={[
+            { text: "Explore All Models", href: "products" },
+            { text: "Request Customization", href: "contact" },
+          ]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      <div id="showcase-products" data-section="showcase-products">
+        <ProductCardFour
+          title="Pakistani Car Modifications"
+          description="Premium modification packages tailored for Pakistani automotive enthusiasts"
+          products={[
+            {
+              id: "1",              name: "Premium Sedan Package",              price: "$8,500",              variant: "Black  Custom Bodykit",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-beautifully-modified-premium-sedan-wit-1773000617735-9d2b30d6.png?_wi=3",              imageAlt: "Modified Premium Sedan"
+            },
+            {
+              id: "2",              name: "Hypercar Upgrade",              price: "$15,200",              variant: "Carbon Fiber  Aero Package",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-sleek-modified-hypercar-with-aggressiv-1773000617659-7e02f25d.png?_wi=3",              imageAlt: "Modified Hypercar"
+            },
+            {
+              id: "3",              name: "Sports Car Kit",              price: "$12,800",              variant: "Red  Performance Tuning",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modified-classic-sports-car-with-conte-1773000618328-32ffa1b4.png?_wi=3",              imageAlt: "Modified Classic Sports Car"
+            },
+            {
+              id: "4",              name: "Luxury Edition",              price: "$18,900",              variant: "Silver  Full Customization",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-stunning-3d-rendered-luxury-sports-car-1773000619048-266418b9.png?_wi=3",              imageAlt: "Luxury Modified Vehicle"
+            },
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="showcase-pricing" data-section="showcase-pricing">
+        <PricingCardOne
+          title="Modification Packages"
+          description="Choose the perfect modification package for your Pakistani vehicle"
+          plans={[
+            {
+              id: "1",              badge: "Entry Level",              price: "$4,999",              subtitle: "Perfect for first-time modifiers",              features: [
+                "Basic exterior customization",                "Paint protection film",                "Interior upgrades",                "6-month warranty"
+              ]
+            },
+            {
+              id: "2",              badge: "Most Popular",              badgeIcon: Crown,
+              price: "$9,999",              subtitle: "Comprehensive modification suite",              features: [
+                "Advanced exterior kit",                "Performance tuning",                "Full interior renovation",                "Premium wheels & tires",                "1-year warranty"
+              ]
+            },
+            {
+              id: "3",              badge: "Premium",              price: "$16,999",              subtitle: "Full luxury transformation",              features: [
+                "Complete custom bodywork",                "Engine optimization",                "Bespoke interior design",                "Exotic wheels & suspension",                "3-year warranty",                "Lifetime support"
+              ]
+            },
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="showcase-testimonials" data-section="showcase-testimonials">
+        <TestimonialCardFive
+          title="Client Experiences"
+          description="Hear from satisfied Pakistani car owners who transformed their vehicles with ModX Motors"
+          testimonials={[
+            {
+              id: "1",              name: "Ahmed Khan, Car Enthusiast",              date: "Date: 15 January 2025",              title: "Exceptional transformation experience!",              quote: "The team at ModX Motors completely transformed my sedan. The 3D visualization was spot-on, and the final result exceeded all expectations. Every detail was perfect.",              tag: "Premium Package",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/professional-headshot-of-a-satisfied-aut-1773000618537-1bcda562.png",              avatarAlt: "Ahmed Khan",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-beautifully-modified-premium-sedan-wit-1773000617735-9d2b30d6.png?_wi=4",              imageAlt: "Modified Premium Sedan"
+            },
+            {
+              id: "2",              name: "Fatima Ali, Automotive Designer",              date: "Date: 12 January 2025",              title: "Professional-grade customization!",              quote: "As someone in the design industry, I was impressed by their technical expertise and attention to detail. They delivered a modification that's both beautiful and functionally superior.",              tag: "Custom Build",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/another-professional-headshot-of-a-clien-1773000617304-bd3aa653.png",              avatarAlt: "Fatima Ali",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-sleek-modified-hypercar-with-aggressiv-1773000617659-7e02f25d.png?_wi=4",              imageAlt: "Modified Hypercar"
+            },
+            {
+              id: "3",              name: "Hassan Malik, Business Owner",              date: "Date: 8 January 2025",              title: "Investment worth every penny!",              quote: "I invested in the premium package and it was absolutely worth it. Not only does my car look stunning, but the performance improvements are incredible. Highly recommend their services!",              tag: "Premium Package",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/professional-headshot-of-automotive-enth-1773000617868-29639e3a.png",              avatarAlt: "Hassan Malik",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modified-classic-sports-car-with-conte-1773000618328-32ffa1b4.png?_wi=4",              imageAlt: "Modified Sports Car"
+            },
+            {
+              id: "4",              name: "Zainab Hassan, Marketing Executive",              date: "Date: 5 January 2025",              title: "Turned my vision into reality!",              quote: "I had a vision for my car and ModX Motors made it happen perfectly. Their team was professional, responsive, and delivered exactly what I wanted. Five stars!",              tag: "Custom Design",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/professional-headshot-of-satisfied-modx--1773000618977-929a7801.png",              avatarAlt: "Zainab Hassan",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-stunning-3d-rendered-luxury-sports-car-1773000619048-266418b9.png?_wi=4",              imageAlt: "Luxury Modified Vehicle"
+            },
+            {
+              id: "5",              name: "Usman Ahmed, Collector",              date: "Date: 2 January 2025",              title: "Restoration mastery!",              quote: "They restored and modified my classic car to museum quality standards. The craftsmanship is unmatched. ModX Motors is the gold standard in automotive modification.",              tag: "Restoration",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/professional-headshot-of-a-satisfied-aut-1773000618537-1bcda562.png",              avatarAlt: "Usman Ahmed",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-professional-3d-car-modification-works-1773000618043-26f3d1f1.png?_wi=3",              imageAlt: "Professional Modification Workspace"
+            },
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardFifteen
           testimonial="ModX Motors transformed my vehicle beyond my expectations. The 3D visualization was incredibly accurate, and the final modifications are flawless. Highly recommend their services to anyone serious about automotive excellence."
@@ -203,7 +322,7 @@ export default function ModXMotorsPage() {
             required: true,
           }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modern-3d-visualization-of-a-luxury-mo-1773000618125-7d371f33.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ag3msv2PVMs0YswGyGlssMeUOB/a-modern-3d-visualization-of-a-luxury-mo-1773000618125-7d371f33.png?_wi=2"
           imageAlt="Premium modified vehicles"
           mediaAnimation="slide-up"
           mediaPosition="right"