Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -32,26 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "features" },
-          id: "hero",
+        { name: "Partners", id: "social-proof" },
-        },
+        { name: "Tires", id: "products" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Partners",
-          id: "social-proof",
-        },
-        {
-          name: "Tires",
-          id: "products",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="STE M WHEEL"
     />
@@ -59,9 +44,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       title="STE M WHEEL: Mechanical Perfection"
       description="Hyper-realistic automotive engineering services, diagnostic precision, and premium tire solutions."
       imageSrc="http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg"
@@ -74,21 +57,9 @@ export default function LandingPage() {
       useInvertedBackground={false}
       title="Precision Engineering"
       metrics={[
-        {
+        { icon: Wrench, label: "Engine Repairs", value: "2500+" },
-          icon: Wrench,
+        { icon: Gauge, label: "Diagnostics", value: "1200+" },
-          label: "Engine Repairs",
+        { icon: Gauge, label: "Wheels Balanced", value: "4000+" },
-          value: "2500+",
-        },
-        {
-          icon: Gauge,
-          label: "Diagnostics",
-          value: "1200+",
-        },
-        {
-          icon: Gauge,
-          label: "Wheels Balanced",
-          value: "4000+",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -96,24 +67,13 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureHoverPattern
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
       features={[
-        {
+        { icon: Monitor, title: "Diagnostic", description: "Cutting-edge diagnostic screens and precision analysis." },
-          icon: Monitor,
+        { icon: Droplets, title: "Vidange", description: "Professional oil service for optimal engine longevity." },
-          title: "Diagnostic",
+        { icon: Circle, title: "Dressage des Jantes", description: "Expert rim straightening and repair services." },
-          description: "Cutting-edge diagnostic screens and precision analysis.",
-        },
-        {
-          icon: Droplets,
-          title: "Vidange",
-          description: "Professional oil service for optimal engine longevity.",
-        },
-        {
-          icon: Circle,
-          title: "Dressage des Jantes",
-          description: "Expert rim straightening and repair services.",
-        },
       ]}
       title="Our Expert Services"
       description="We offer top-tier automotive technical services with premium components."
@@ -124,15 +84,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Michelin", "Pirelli", "Continental", "Goodyear", "Bridgestone", "Hankook", "Dunlop"]}
-        "Michelin",
-        "Pirelli",
-        "Continental",
-        "Goodyear",
-        "Bridgestone",
-        "Hankook",
-        "Dunlop",
-      ]}
       title="Nos Partenaires"
       description="Collaborating with industry-leading automotive brands for optimal performance."
     />
@@ -145,42 +97,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "1", name: "Racing Sport V1", price: "180€", imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg" },
-          id: "1",
+        { id: "2", name: "Touring Comfort Plus", price: "145€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-truck-s-tire-wheel-asphalt-road_23-2151979272.jpg" },
-          name: "Racing Sport V1",
+        { id: "3", name: "Off-Road Terrain", price: "210€", imageSrc: "http://img.b2bpic.net/free-photo/alloy-wheel-black-rubber-wet-tire-speed-generated-by-ai_188544-17354.jpg" },
-          price: "180€",
+        { id: "4", name: "All-Season Precision", price: "160€", imageSrc: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/rim-black-metal-grunge-close-up-3d-rendering_1379-899.jpg",
+        { id: "5", name: "Winter Grip Pro", price: "195€", imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg" },
-        },
+        { id: "6", name: "Performance Elite", price: "230€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel-with-detailed-view-brake-disc-rim_23-2151979281.jpg" },
-        {
-          id: "2",
-          name: "Touring Comfort Plus",
-          price: "145€",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-truck-s-tire-wheel-asphalt-road_23-2151979272.jpg",
-        },
-        {
-          id: "3",
-          name: "Off-Road Terrain",
-          price: "210€",
-          imageSrc: "http://img.b2bpic.net/free-photo/alloy-wheel-black-rubber-wet-tire-speed-generated-by-ai_188544-17354.jpg",
-        },
-        {
-          id: "4",
-          name: "All-Season Precision",
-          price: "160€",
-          imageSrc: "http://img.b2bpic.net/free-photo/uniform-male-electrician-blue-working_1134-1119.jpg",
-        },
-        {
-          id: "5",
-          name: "Winter Grip Pro",
-          price: "195€",
-          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14040.jpg",
-        },
-        {
-          id: "6",
-          name: "Performance Elite",
-          price: "230€",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-wheel-with-detailed-view-brake-disc-rim_23-2151979281.jpg",
-        },
       ]}
       title="Vente de Pneus"
       description="High-performance tires for all vehicle types."
@@ -193,24 +115,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       metrics={[
-        {
+        { id: "m1", icon: Zap, title: "Power Efficiency", value: "98%" },
-          id: "m1",
+        { id: "m2", icon: Timer, title: "Service Speed", value: "1.5h" },
-          icon: Zap,
+        { id: "m3", icon: ShieldCheck, title: "Safety Rating", value: "A+" },
-          title: "Power Efficiency",
-          value: "98%",
-        },
-        {
-          id: "m2",
-          icon: Timer,
-          title: "Service Speed",
-          value: "1.5h",
-        },
-        {
-          id: "m3",
-          icon: ShieldCheck,
-          title: "Safety Rating",
-          value: "A+",
-        },
       ]}
       title="Performance Tracking"
       description="Real-time mechanical data for total vehicle health."
@@ -222,21 +129,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "f1", title: "Do you straighten rims?", content: "Yes, our Dressage des Jantes service focuses specifically on repair and straightening." },
-          id: "f1",
+        { id: "f2", title: "What diagnostic tools do you use?", content: "We use high-end automotive diagnostic systems to ensure maximum engine precision." },
-          title: "Do you straighten rims?",
+        { id: "f3", title: "Can I book a consultation?", content: "Yes, use the contact section below to request a service session." },
-          content: "Yes, our Dressage des Jantes service focuses specifically on repair and straightening.",
-        },
-        {
-          id: "f2",
-          title: "What diagnostic tools do you use?",
-          content: "We use high-end automotive diagnostic systems to ensure maximum engine precision.",
-        },
-        {
-          id: "f3",
-          title: "Can I book a consultation?",
-          content: "Yes, use the contact section below to request a service session.",
-        },
       ]}
       title="Mechanical FAQs"
       description="Common questions about our services."
@@ -247,18 +142,11 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient",
-      }}
       tag="Contact Us"
       title="Ready for an experience?"
       description="Contact STE M WHEEL for expert mechanics."
-      buttons={[
+      buttons={[{ text: "Book Session", href: "#" }]}
-        {
-          text: "Book Session",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
@@ -266,31 +154,11 @@ export default function LandingPage() {
       <FooterSimple
       columns={[
         {
-          title: "Services",
+          title: "Services",          items: [{ label: "Diagnostics", href: "#" }, { label: "Vidange", href: "#" }]
-          items: [
-            {
-              label: "Diagnostics",
-              href: "#",
-            },
-            {
-              label: "Vidange",
-              href: "#",
-            },
-          ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [{ label: "FAQ", href: "#" }, { label: "Contact", href: "#" }]
-          items: [
+        }
-            {
-              label: "FAQ",
-              href: "#",
-            },
-            {
-              label: "Contact",
-              href: "#",
-            },
-          ],
-        },
       ]}
       bottomLeftText="© 2024 STE M WHEEL"
       bottomRightText="High-end Mechanical Workshop"