Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FaqDouble from '@/components/sections/faq/FaqDouble';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -31,32 +31,24 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
+        { name: "Inventory", id: "inventory" },
-          name: "Inventory",          id: "inventory"},
+        { name: "About", id: "about" },
-        {
+        { name: "Reviews", id: "testimonials" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
-          name: "Reviews",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="JC Auto"
-      button={{
+      button={{ text: "Call Now", href: "tel:+27000000000" }}
-        text: "Call Now",        href: "tel:+27000000000"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroLogoBillboard
-      background={{
+      background={{ variant: "radial-gradient" }}
-        variant: "radial-gradient"}}
       logoText="JC AUTO 5"
       description="Premium pre-owned vehicles. Excellence, honesty, and a passion for every journey."
       buttons={[
-        {
+        { text: "View Inventory", href: "#inventory" },
-          text: "View Inventory",          href: "#inventory"},
+        { text: "Contact Us", href: "#contact" },
-        {
-          text: "Contact Us",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/top-view-hard-drive-with-blue-light_23-2149413376.jpg"
       imageAlt="Luxury vehicle in showroom"
@@ -70,12 +62,9 @@ export default function LandingPage() {
       title="Our Track Record"
       tag="Quality Assured"
       metrics={[
-        {
+        { id: "m1", value: "100+", description: "Happy Clients" },
-          id: "m1",          value: "100+",          description: "Happy Clients"},
+        { id: "m2", value: "4.5★", description: "Average Rating" },
-        {
+        { id: "m3", value: "15+", description: "Years Experience" },
-          id: "m2",          value: "4.5★",          description: "Average Rating"},
-        {
-          id: "m3",          value: "15+",          description: "Years Experience"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -88,18 +77,12 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", name: "Luxury SUV", price: "R 450,000", imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg" },
-          id: "p1",          name: "Luxury SUV",          price: "R 450,000",          imageSrc: "http://img.b2bpic.net/free-photo/back-view-silver-sport-sedan-with-red-lights_114579-4050.jpg"},
+        { id: "p2", name: "Sporty Sedan", price: "R 320,000", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg" },
-        {
+        { id: "p3", name: "Premium Sports", price: "R 650,000", imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg" },
-          id: "p2",          name: "Sporty Sedan",          price: "R 320,000",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6916.jpg"},
+        { id: "p4", name: "Executive SUV", price: "R 580,000", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg" },
-        {
+        { id: "p5", name: "Compact Luxury", price: "R 280,000", imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg" },
-          id: "p3",          name: "Premium Sports",          price: "R 650,000",          imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg"},
+        { id: "p6", name: "Premium Bakkie", price: "R 950,000", imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16531.jpg" },
-        {
-          id: "p4",          name: "Executive SUV",          price: "R 580,000",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-rich-business-woman-red-suit-posing-white-car_285396-6780.jpg"},
-        {
-          id: "p5",          name: "Compact Luxury",          price: "R 280,000",          imageSrc: "http://img.b2bpic.net/free-photo/speed-neon-lights-city_23-2149552521.jpg"},
-        {
-          id: "p6",          name: "Premium Bakkie",          price: "R 950,000",          imageSrc: "http://img.b2bpic.net/free-photo/one-person-only-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16531.jpg"},
       ]}
       title="Immaculate Vehicles"
       description="Discover our collection of premium, thoroughly inspected vehicles."
@@ -113,12 +96,9 @@ export default function LandingPage() {
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       features={[
-        {
+        { title: "Inspected Excellence", description: "Every vehicle is vetted for performance and safety.", imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg" },
-          title: "Inspected Excellence",          description: "Every vehicle is vetted for performance and safety.",          imageSrc: "http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"},
+        { title: "Professional Detailing", description: "We ensure your new car arrives in showroom condition.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-gray-haired-mature-female-driver-standing-near-her-broken-white-car-with-open-hood_343059-179.jpg" },
-        {
+        { title: "Family Values", description: "Personalized, friendly service from a dedicated family team.", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg" },
-          title: "Professional Detailing",          description: "We ensure your new car arrives in showroom condition.",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-attractive-gray-haired-mature-female-driver-standing-near-her-broken-white-car-with-open-hood_343059-179.jpg"},
-        {
-          title: "Family Values",          description: "Personalized, friendly service from a dedicated family team.",          imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg"},
       ]}
       title="Why Choose JC Auto?"
       description="We believe in transparency, quality, and going the extra mile for every client."
@@ -127,29 +107,20 @@ export default function LandingPage() {
 
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
-      animationType="depth-3d"
+      showRating={true}
-      textboxLayout="split"
+      tagAnimation="slide-up"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Gerda Burger", handle: "@gerdab", testimonial: "Fantastic service and immaculate cars!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117140.jpg" },
-          id: "1",          name: "Gerda Burger",          handle: "@gerdaburger",          testimonial: "I had the best experience ever. The people are friendly, helpful, and go the extra mile.",          rating: 5,
+        { id: "2", name: "Ronel Van Wyk", handle: "@ronelv", testimonial: "Honest dealings and great prices.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-handshaking-his-employer-after-being-accepted-his-new-office-job_23-2149034565.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-car-showroom-dealership_23-2149117140.jpg"},
+        { id: "3", name: "Johan Wassenaar", handle: "@johanw", testimonial: "Professional from start to finish.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg" },
-        {
+        { id: "4", name: "Linton Mokamola", handle: "@lintonm", testimonial: "Highly recommended for pre-owned cars.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg" },
-          id: "2",          name: "Ronel Van Wyk",          handle: "@ronelvw",          testimonial: "Outstanding service! They helped me even after the paperwork was done. Highly recommended.",          rating: 5,
+        { id: "5", name: "Quinton Ackerman", handle: "@quintona", testimonial: "A truly seamless buying experience.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/man-handshaking-his-employer-after-being-accepted-his-new-office-job_23-2149034565.jpg"},
-        {
-          id: "3",          name: "Johan Wassenaar",          handle: "@johanw",          testimonial: "They made automotive purchasing easy and efficient. Satisfaction guaranteed.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-family-home_23-2149610756.jpg"},
-        {
-          id: "4",          name: "Linton Mokamola",          handle: "@lintonm",          testimonial: "The best sales experience. They sold me my dream bakkie!",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-having-lunch-luxury-restaurant_23-2150598413.jpg"},
-        {
-          id: "5",          name: "Quinton Ackerman",          handle: "@quintonack",          testimonial: "JC Auto is my number 1 car dealer. Cleanest vehicles I know of.",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-cozy-office_23-2149739353.jpg"},
       ]}
-      showRating={true}
       title="What Our Clients Say"
-      description="Join our growing family of happy drivers."
+      animationType="slide-up"
+      description="Real feedback from our satisfied customers."
+      textboxLayout="split"
     />
   </div>
 
@@ -158,12 +129,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Do you accept trade-ins?", content: "Yes, we offer competitive trade-in prices for your current vehicle." },
-          id: "f1",          title: "Do you accept trade-ins?",          content: "Yes, we offer competitive trade-in prices for your current vehicle."},
+        { id: "f2", title: "Are the vehicles inspected?", content: "Yes, all our vehicles undergo a thorough quality and safety inspection." },
-        {
+        { id: "f3", title: "Can you assist with finance?", content: "Absolutely, our team guides you through the entire financial process." },
-          id: "f2",          title: "Are the vehicles inspected?",          content: "Yes, all our vehicles undergo a thorough quality and safety inspection."},
-        {
-          id: "f3",          title: "Can you assist with finance?",          content: "Absolutely, our team guides you through the entire financial process."},
       ]}
       title="Frequently Asked"
       description="Common questions about purchasing your next vehicle."
@@ -175,8 +143,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      names={["Absa", "WesBank", "MFC", "Standard Bank", "Nedbank", "Bidvest Bank", "FNB"]}
-        "Absa",        "WesBank",        "MFC",        "Standard Bank",        "Nedbank",        "Bidvest Bank",        "FNB"]}
       title="Trusted by Leaders"
       description="We partner with top financial and automotive institutions to provide the best value."
     />
@@ -188,26 +155,22 @@ export default function LandingPage() {
       title="Start Your Journey"
       description="Fill in your details, and a team member will reach out to help you find your perfect car."
       inputs={[
-        {
+        { name: "name", type: "text", placeholder: "Your Name", required: true },
-          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
+        { name: "email", type: "email", placeholder: "Email Address", required: true },
-        },
+        { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
-        {
-          name: "email",          type: "email",          placeholder: "Email Address",          required: true,
-        },
-        {
-          name: "phone",          type: "tel",          placeholder: "Phone Number",          required: true,
-        },
       ]}
-      textarea={{
+      textarea={{ name: "message", placeholder: "Tell us what you're looking for...", rows: 4 }}
-        name: "message",        placeholder: "Tell us what you're looking for...",        rows: 4,
-      }}
       imageSrc="http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149089.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterMedia
       logoText="JC Auto"
+      videoSrc="https://www.w3schools.com/howto/movie.mp4"
+      columns={[
+        { title: "Navigation", items: [{ label: "Inventory", href: "#inventory" }, { label: "Contact", href: "#contact" }] }
+      ]}
       copyrightText="© 2025 JC Auto | All Rights Reserved"
     />
   </div>