Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -4,15 +4,15 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
+import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { CreditCard, Shield, Truck } from "lucide-react";
+import { AlertTriangle, MessageCircle, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -32,16 +32,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Cars", id: "inventory" },
-        {
+        { name: "Why Us", id: "about" },
-          name: "Cars",          id: "inventory"},
+        { name: "Testimonials", id: "testimonials" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Why Us",          id: "about"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
       ]}
       brandName="AutoTrust Pakistan"
     />
@@ -49,52 +44,23 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars"}}
+      tag="Limited Time: Free 1-Year Warranty"
+      tagIcon={AlertTriangle}
       title="Your Trusted Destination for Certified Cars in Pakistan"
       description="Drive home with confidence. Every car goes through a 200-point inspection. Transparent pricing, easy financing, and a 7-day money-back guarantee."
       kpis={[
-        {
+        { value: "1,500+", label: "Verified Cars Sold" },
-          value: "1,500+",          label: "Verified Cars Sold"},
+        { value: "4.9/5", label: "Customer Satisfaction" },
-        {
+        { value: "7-Day", label: "Return Guarantee" },
-          value: "4.9/5",          label: "Customer Satisfaction"},
-        {
-          value: "7-Day",          label: "Return Guarantee"},
       ]}
       enableKpiAnimation={true}
       buttons={[
-        {
+        { text: "Browse Inventory", href: "#inventory" },
-          text: "Browse Inventory",          href: "#inventory"},
+        { text: "Chat on WhatsApp", href: "https://wa.me/923000000000" },
-        {
-          text: "Get Instant Price",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg"
       mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg",          alt: "Woman buying car"},
-        {
-          src: "http://img.b2bpic.net/free-photo/parking-valet-beoge-suit-stands-before-white-peugeout_1304-3055.jpg",          alt: "Valet standing"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-stylish-indian-man-model-pose-street-against-suv-car_627829-4501.jpg",          alt: "Man with suv"},
-        {
-          src: "http://img.b2bpic.net/free-photo/curly-haired-businessman-from-india-drinks-coffee_496169-2929.jpg",          alt: "Businessman drinking coffee"},
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-with-bright-makeup-sit-hood-red-city-car_627829-1173.jpg",          alt: "Woman by red car"},
-      ]}
-      avatarText="Trusted by 5,000+ happy car buyers"
-      marqueeItems={[
-        {
-          type: "text",          text: "200-Point Inspected"},
-        {
-          type: "text",          text: "Easy EMI Plans"},
-        {
-          type: "text",          text: "7-Day Returns"},
-        {
-          type: "text",          text: "Free Delivery"},
-        {
-          type: "text",          text: "Transparent Pricing"},
-      ]}
     />
   </div>
 
@@ -104,12 +70,9 @@ export default function LandingPage() {
       title="Why AutoTrust Pakistan?"
       description="We redefined the car buying experience in Pakistan. No hidden fees, no shady deals, just pure automotive transparency."
       metrics={[
-        {
+        { value: "0%", title: "Hidden Fees" },
-          value: "0%",          title: "Hidden Fees"},
+        { value: "200+", title: "Inspection Points" },
-        {
+        { value: "24/7", title: "Customer Support" },
-          value: "200+",          title: "Inspection Points"},
-        {
-          value: "24/7",          title: "Customer Support"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/important-document-manager-stands-front-modern-white-car-with-paper-hands_146671-16503.jpg"
       mediaAnimation="slide-up"
@@ -119,23 +82,16 @@ export default function LandingPage() {
 
   <div id="inventory" data-section="inventory">
       <ProductCardFour
+      tag="Hot Deals Today"
+      tagIcon={MessageCircle}
       animationType="slide-up"
       textboxLayout="split"
       gridVariant="two-columns-alternating-heights"
       useInvertedBackground={true}
       products={[
-        {
+        { id: "1", name: "Honda Civic Turbo 2022", price: "PKR 7,500,000", variant: "Limited Stock", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg" },
-          id: "1",          name: "Honda Civic Turbo 2022",          price: "PKR 7,500,000",          variant: "Certified",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blonde-sexy-fashion-woman-model-cap-all-black-blue-corset-with-bright-makeup-near-red-city-car_627829-1117.jpg"},
+        { id: "2", name: "Toyota Corolla Altis 2023", price: "PKR 6,200,000", variant: "Hot Deal", imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483027.jpg" },
-        {
+        { id: "3", name: "Suzuki Alto VXR 2024", price: "PKR 2,800,000", variant: "In Stock", imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg" },
-          id: "2",          name: "Toyota Corolla Altis 2023",          price: "PKR 6,200,000",          variant: "Inspected",          imageSrc: "http://img.b2bpic.net/free-photo/off-road-car-wilderness_23-2151483027.jpg"},
-        {
-          id: "3",          name: "Suzuki Alto VXR 2024",          price: "PKR 2,800,000",          variant: "Brand New",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
-        {
-          id: "4",          name: "Hyundai Elantra 2023",          price: "PKR 6,900,000",          variant: "Verified",          imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13635.jpg"},
-        {
-          id: "5",          name: "KIA Sportage AWD 2022",          price: "PKR 8,800,000",          variant: "Inspected",          imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-playing-ukulele-car_23-2147769181.jpg"},
-        {
-          id: "6",          name: "Toyota Yaris Ativ 2023",          price: "PKR 4,500,000",          variant: "Certified",          imageSrc: "http://img.b2bpic.net/free-photo/mother-with-four-kids-sitting-trunk-big-suv-car_627829-1516.jpg"},
       ]}
       title="Recently Inspected Cars"
       description="Premium imported and local stock. Book your inspection online today."
@@ -143,41 +99,15 @@ export default function LandingPage() {
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardTwentyFive
+      <FeatureCardSix
-      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Certified Safety Standards", description: "Our 200-point inspection ensures every vehicle is road-ready and reliable for your family.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1661.jpg" },
-          title: "200-Point Inspection",          description: "Every car is rigorously inspected by our certified automotive experts.",          icon: Shield,
+        { title: "Transparent Pricing", description: "No surprises. We believe in honest pricing so you can budget with peace of mind.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee_23-2148305941.jpg" },
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/men-working-cutting-mdf-board_23-2149384798.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1661.jpg"},
-          ]
-        },
-        {
-          title: "Flexible EMI Plans",          description: "Calculate your monthly installments instantly with our smart finance tools.",          icon: CreditCard,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21395.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-personal-planning-financial-with-coffee_23-2148305941.jpg"},
-          ]
-        },
-        {
-          title: "Doorstep Delivery",          description: "Safe, secure, and professional home delivery across all major cities.",          icon: Truck,
-          mediaItems: [
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/handsome-elegant-man-car-salon_1157-38928.jpg"},
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/car-full-food-poor-people_23-2149012199.jpg"},
-          ]
-        },
       ]}
-      title="A Smarter Way to Buy"
+      title="Engineered for Your Peace of Mind"
-      description="We leverage technology to ensure you get the best deal on the market."
+      description="We combine rigorous technical standards with customer-centric service to guarantee your total satisfaction."
     />
   </div>
 
@@ -188,12 +118,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "95%", description: "Customer Retention Rate" },
-          id: "m1",          value: "95%",          description: "Customer Retention Rate"},
+        { id: "m2", value: "PKR 2B+", description: "Total Value Sold" },
-        {
+        { id: "m3", value: "45 min", description: "Average Approval Time" },
-          id: "m2",          value: "PKR 2B+",          description: "Total Value Sold"},
-        {
-          id: "m3",          value: "45 min",          description: "Average Approval Time"},
       ]}
       title="The Numbers Don't Lie"
       description="Thousands of happy drivers trust us with their automotive needs."
@@ -201,23 +128,16 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
+      <TestimonialCardSix
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "t1", name: "Ahmed Raza", handle: "Verified Buyer", testimonial: "The rigorous inspection gave me total confidence in my purchase. Truly professional service!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg", icon: Star },
-          id: "t1",          title: "Reliable Service",          quote: "The inspection process gave me total peace of mind. Great car, smooth delivery.",          name: "Ahmed Raza",          role: "Software Engineer",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-beautiful-young-woman-giving-thumbs-up-standing-isolated-rosy_176532-7958.jpg"},
+        { id: "t2", name: "Fatima Khan", handle: "Verified Buyer", testimonial: "Transparent pricing and a seamless experience. AutoTrust is the only place I'd buy a car.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg", icon: Star },
-        {
-          id: "t2",          title: "Transparent",          quote: "No hidden costs. The price I saw online is exactly what I paid. Highly recommended.",          name: "Fatima Khan",          role: "Architect",          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-suit-posing-grey-background_613910-11594.jpg"},
-        {
-          id: "t3",          title: "Fast Financing",          quote: "I got my car approved and delivered in just 2 days. The EMI plans are very helpful.",          name: "Bilal Sheikh",          role: "Businessman",          imageSrc: "http://img.b2bpic.net/free-photo/happy-buyer-sitting-new-vehicle-holding-car-keys_342744-750.jpg"},
-        {
-          id: "t4",          title: "Certified Quality",          quote: "I've bought three cars from them. Always reliable and top-notch customer support.",          name: "Sarah J.",          role: "Doctor",          imageSrc: "http://img.b2bpic.net/free-photo/family-car-salon-woman-buying-car-little-african-girl-with-mther_1157-44053.jpg"},
-        {
-          id: "t5",          title: "Hassle Free",          quote: "The home delivery option saved me so much time. Excellent service.",          name: "Usman Malik",          role: "Manager",          imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-car-showroom_1303-19008.jpg"},
       ]}
-      title="What Our Drivers Say"
+      title="Trusted by Pakistan's Drivers"
-      description="Don't take our word for it — listen to our community."
+      description="Read real success stories from customers who found their perfect vehicle with our certified, reliable process."
     />
   </div>
 
@@ -226,17 +146,11 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Do you offer warranties?", content: "Yes, every certified car comes with a 6-month engine and gearbox warranty." },
-          id: "f1",          title: "Do you offer warranties?",          content: "Yes, every certified car comes with a 6-month engine and gearbox warranty."},
+        { id: "f2", title: "Can I trade in my old car?", content: "Absolutely. We offer a fair trade-in valuation for your existing car." },
-        {
-          id: "f2",          title: "Can I trade in my old car?",          content: "Absolutely. We offer a fair trade-in valuation for your existing car."},
-        {
-          id: "f3",          title: "Is the pricing final?",          content: "Our pricing is transparent and fixed, but we often have promotional offers available."},
-        {
-          id: "f4",          title: "Are these cars registered?",          content: "Yes, all our stock is fully verified for registration and ownership history."},
       ]}
       title="Frequently Asked Questions"
-      description="Have questions? We have answers. Check out our most common inquiries."
+      description="Have questions? We have answers."
       faqsAnimation="slide-up"
     />
   </div>
@@ -244,16 +158,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient"}}
       tag="Get in Touch"
       title="Ready to Find Your Dream Car?"
       description="Our experts are ready to assist you. Call us or visit our showroom today."
       buttons={[
-        {
+        { text: "Call Now", href: "tel:+923000000000" },
-          text: "Call Now",          href: "tel:+923000000000"},
+        { text: "Contact via WhatsApp", href: "https://wa.me/923000000000" },
-        {
-          text: "WhatsApp Support",          href: "https://wa.me/923000000000"},
       ]}
     />
   </div>
@@ -262,36 +173,9 @@ export default function LandingPage() {
       <FooterBaseCard
       logoText="AutoTrust"
       columns={[
-        {
+        { title: "Cars", items: [{ label: "Inventory", href: "#inventory" }, { label: "Certified", href: "#inventory" }] },
-          title: "Cars",          items: [
+        { title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
-            {
+        { title: "Support", items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }] },
-              label: "Inventory",              href: "#inventory"},
-            {
-              label: "Certified",              href: "#inventory"},
-            {
-              label: "Sell My Car",              href: "#contact"},
-          ],
-        },
-        {
-          title: "Company",          items: [
-            {
-              label: "About Us",              href: "#about"},
-            {
-              label: "Careers",              href: "#"},
-            {
-              label: "Press",              href: "#"},
-          ],
-        },
-        {
-          title: "Support",          items: [
-            {
-              label: "FAQ",              href: "#faq"},
-            {
-              label: "Financing",              href: "#"},
-            {
-              label: "Contact",              href: "#contact"},
-          ],
-        },
       ]}
     />
   </div>