Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
 import { Award, Calendar, Search, Settings } from "lucide-react";
 
 export default function LandingPage() {
@@ -32,21 +32,13 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Process",
+          name: "Process",          id: "process"},
-          id: "process",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Reflekt"
     />
@@ -55,41 +47,26 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardCarousel
       background={{
-        variant: "gradient-bars",
+        variant: "gradient-bars"}}
-      }}
       title="More Than Detailing. This is Reflekt."
       description="Precision automotive care designed to restore, protect, and elevate your vehicle to statement status."
       buttons={[
         {
-          text: "Book via WhatsApp",
+          text: "Book via WhatsApp",          href: "https://wa.me/923335962947"},
-          href: "https://wa.me/923335962947",
-        },
       ]}
       mediaItems={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340006-6wvq1r8i.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340006-6wvq1r8i.jpg",          imageAlt: "Reflekt detailing studio interior"},
-          imageAlt: "Reflekt detailing studio interior",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-9dysaptr.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-9dysaptr.jpg",          imageAlt: "Car detailing process"},
-          imageAlt: "Car detailing process",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-kg906aer.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-kg906aer.jpg",          imageAlt: "Premium automotive finish"},
-          imageAlt: "Premium automotive finish",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-3yo9igji.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-3yo9igji.jpg",          imageAlt: "Detailing studio lighting"},
-          imageAlt: "Detailing studio lighting",
-        },
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-aevyc82r.jpg",
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3C1Hj1B2UZc7HWijaYyiDO9TLi6/uploaded-1775546340007-aevyc82r.jpg",          imageAlt: "Precision detailing work"},
-          imageAlt: "Precision detailing work",
-        },
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212196.jpg",
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212196.jpg",          imageAlt: "Cinematic studio shot"},
-          imageAlt: "Cinematic studio shot",
-        },
       ]}
     />
   </div>
@@ -101,34 +78,16 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "1",
+          id: "1",          value: "5.0",          title: "Star Rating",          items: [
-          value: "5.0",
+            "Google Reviews",            "Customer Satisfaction",            "Industry Standard"],
-          title: "Star Rating",
-          items: [
-            "Google Reviews",
-            "Customer Satisfaction",
-            "Industry Standard",
-          ],
         },
         {
-          id: "2",
+          id: "2",          value: "100%",          title: "Satisfaction",          items: [
-          value: "100%",
+            "Vehicle Restoration",            "Precision Care",            "Client Trust"],
-          title: "Satisfaction",
-          items: [
-            "Vehicle Restoration",
-            "Precision Care",
-            "Client Trust",
-          ],
         },
         {
-          id: "3",
+          id: "3",          value: "24/7",          title: "Passion",          items: [
-          value: "24/7",
+            "Obsessive Detail",            "Automotive Art",            "Dedication"],
-          title: "Passion",
-          items: [
-            "Obsessive Detail",
-            "Automotive Art",
-            "Dedication",
-          ],
         },
       ]}
       title="Unrivaled Standards"
@@ -144,21 +103,13 @@ export default function LandingPage() {
       description="Reflekt Detailing Studio is built on precision, passion, and perfection. Every vehicle is treated as a statement piece, not just transport. Inspired by industry standards: detailing is not just cleaning, it’s restoring and protecting vehicles to their best condition."
       bulletPoints={[
         {
-          title: "Paint Protection Expertise",
+          title: "Paint Protection Expertise",          description: "Cutting-edge protection techniques."},
-          description: "Cutting-edge protection techniques.",
-        },
         {
-          title: "Premium Products",
+          title: "Premium Products",          description: "Only the finest formulas used."},
-          description: "Only the finest formulas used.",
-        },
         {
-          title: "Skilled Professionals",
+          title: "Skilled Professionals",          description: "Experts in automotive care."},
-          description: "Experts in automotive care.",
-        },
         {
-          title: "Unmatched Detail",
+          title: "Unmatched Detail",          description: "Every millimeter analyzed."},
-          description: "Every millimeter analyzed.",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498630.jpg"
       mediaAnimation="blur-reveal"
@@ -172,41 +123,20 @@ export default function LandingPage() {
       useInvertedBackground={true}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Core",          price: "Starting from PKR 8,000",          subtitle: "Detailing",          features: [
-          badge: "Core",
+            "Exterior hand wash",            "Interior vacuuming",            "Wheel cleaning"],
-          price: "PKR XX,XXX",
-          subtitle: "Deep Cleaning",
-          features: [
-            "Engine bay cleaning",
-            "Interior sanitization",
-            "Exterior hand wash",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Expert",          price: "Starting from PKR 15,000",          subtitle: "Ceramic Coating",          features: [
-          badge: "Expert",
+            "Paint decontamination",            "Surface polish",            "Ceramic layer protection"],
-          price: "PKR XX,XXX",
-          subtitle: "Ceramic Coating",
-          features: [
-            "Advanced coating",
-            "Surface prep",
-            "Long-term shine",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Elite",          price: "Starting from PKR 90,000",          subtitle: "PPF",          features: [
-          badge: "Elite",
+            "Full body paint protection",            "Self-healing technology",            "Ultimate gloss retention"],
-          price: "PKR XX,XXX",
-          subtitle: "Paint Protection",
-          features: [
-            "Full body PPF",
-            "Self-healing layer",
-            "Ultimate shield",
-          ],
         },
       ]}
       title="Professional Services"
-      description="Elevate your vehicle today."
+      description="Prices vary by vehicle type. Exact quote on inspection/WhatsApp."
     />
   </div>
 
@@ -217,24 +147,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Book Appointment",
+          title: "Book Appointment",          description: "Secure your slot in Islamabad.",          icon: Calendar,
-          description: "Secure your slot in Islamabad.",
-          icon: Calendar,
         },
         {
-          title: "Vehicle Inspection",
+          title: "Vehicle Inspection",          description: "Detailed diagnosis of paint.",          icon: Search,
-          description: "Detailed diagnosis of paint.",
-          icon: Search,
         },
         {
-          title: "Precision Detailing",
+          title: "Precision Detailing",          description: "Masterful restoration work.",          icon: Settings,
-          description: "Masterful restoration work.",
-          icon: Settings,
         },
         {
-          title: "Final Reveal",
+          title: "Final Reveal",          description: "Your car, elevated.",          icon: Award,
-          description: "Your car, elevated.",
-          icon: Award,
         },
       ]}
       title="Our Precision Process"
@@ -243,66 +165,46 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardSix
+      <TestimonialCardFifteen
-      animationType="slide-up"
+        testimonial="The paint protection work on my SUV was absolutely incredible. The team is professional, detail-oriented, and clearly passionate about cars!"
-      textboxLayout="default"
+        rating={5}
-      useInvertedBackground={true}
+        author=""
-      testimonials={[
+        avatars={[]}
-        {
+        ratingAnimation="slide-up"
-          id: "1",
+        avatarsAnimation="slide-up"
-          name: "Ahmed K.",
+        useInvertedBackground={true}
-          handle: "@ahmedk",
+      />
-          testimonial: "Absolutely transformed my car. Looks brand new.",
+      <TestimonialCardFifteen
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-dark-jacket-pink-background_179666-14555.jpg",
+        testimonial="Best ceramic coating I've ever had. My car retains that deep, wet gloss even after weeks of driving in dusty conditions."
-        },
+        rating={5}
-        {
+        author=""
-          id: "2",
+        avatars={[]}
-          name: "Sara Z.",
+        ratingAnimation="slide-up"
-          handle: "@saraz",
+        avatarsAnimation="slide-up"
-          testimonial: "Best detailing studio in the city. Professional and clean.",
+        useInvertedBackground={true}
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-business-man-taking-selfie_171337-16169.jpg",
+      />
-        },
+      <TestimonialCardFifteen
-        {
+        testimonial="Flawless PPF installation. They don't just work on cars; they treat them like art. Truly high-end detailing standards in Islamabad."
-          id: "3",
+        rating={5}
-          name: "Bilal M.",
+        author=""
-          handle: "@bilalm",
+        avatars={[]}
-          testimonial: "Attention to detail is on another level.",
+        ratingAnimation="slide-up"
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg",
+        avatarsAnimation="slide-up"
-        },
+        useInvertedBackground={true}
-        {
+      />
-          id: "4",
-          name: "Zainab R.",
-          handle: "@zainabr",
-          testimonial: "Exceeded all my expectations. Highly recommended.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-byuing-car-car-showroom_1303-16340.jpg",
-        },
-        {
-          id: "5",
-          name: "Omar F.",
-          handle: "@omarf",
-          testimonial: "A truly premium experience for car owners.",
-          imageSrc: "http://img.b2bpic.net/free-photo/thumbs-up-spa-smiling-girl-white-robe-good-wellness-vibes_169016-69478.jpg",
-        },
-      ]}
-      title="Client Perspectives"
-      description="Trusted by automotive enthusiasts in Islamabad."
-    />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       tag="Ready to Transform?"
       title="Your Car Deserves More Than Average."
       description="F-13, Islamabad | 0333 5962947"
       buttons={[
         {
-          text: "Book Now on WhatsApp",
+          text: "Book Now on WhatsApp",          href: "https://wa.me/923335962947"},
-          href: "https://wa.me/923335962947",
-        },
       ]}
     />
   </div>
@@ -312,33 +214,23 @@ export default function LandingPage() {
       logoText="Reflekt"
       columns={[
         {
-          title: "Connect",
+          title: "Connect",          items: [
-          items: [
             {
-              label: "Instagram",
+              label: "Instagram",              href: "https://www.instagram.com/reflektdetailingstudio"},
-              href: "https://www.instagram.com/reflektdetailingstudio",
-            },
             {
-              label: "TikTok",
+              label: "TikTok",              href: "https://www.tiktok.com/@reflektdetailingstudio"},
-              href: "https://www.tiktok.com/@reflektdetailingstudio",
-            },
           ],
         },
         {
-          title: "Support",
+          title: "Support",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
-      copyrightText="© 2024 Reflekt Detailing Studio. All rights reserved."
+      copyrightText="© 2026 Reflekt Detailing Studio. All rights reserved."
     />
   </div>
       </ReactLenis>