From ec081982d643c7abe086749287e9058abb0f1244 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 1 Apr 2026 01:45:30 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 226 +++++++++++------------------------------------
 1 file changed, 52 insertions(+), 174 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index b0b021a..a9ae4cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { ShieldCheck, Sparkles, Car, Settings, Paintbrush, Droplets } from "lucide-react";
 import ContactText from '@/components/sections/contact/ContactText';
-import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
-import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
   return (
@@ -29,211 +30,88 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "features" },
+        { name: "Reviews", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Elite Detailers"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroLogoBillboardSplit
-      background={{
-        variant: "gradient-bars",
-      }}
-      logoText="Premium Car Wash & Detailing"
-      description="Providing exceptional auto care in Medley for over 20 years. Veteran-owned business dedicated to perfection."
-      buttons={[
-        {
-          text: "Get Free Quote",
-          href: "#contact",
-        },
+      <HeroBillboardCarousel
+      title="20 Years of Professional Auto Care"
+      description="Experience the highest standard in automotive detailing. From thorough engine cleaning to ceramic coating, we bring your vehicle back to life."
+      background={{ variant: "gradient-bars" }}
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
+      mediaItems={[
+        { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1", imageAlt: "Car interior detailing" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193144.jpg", imageAlt: "Exterior washing" }
       ]}
-      layoutOrder="default"
-      imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1"
-      mediaAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={true}
-      heading={[
-        {
-          type: "text",
-          content: "Over 20 Years of ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193144.jpg",
-          alt: "Service",
-        },
-        {
-          type: "text",
-          content: " Excellence",
-        },
-      ]}
+      <TestimonialAboutCard
+      tag="Our Legacy"
+      title="20+ Years in Business"
+      description="Since 2004, we have provided premium detailing services to the Medley community. We are proud to serve those who serve with special military discounts on all packages."
+      subdescription="We treat every vehicle as if it were our own, ensuring meticulous attention to every detail."
+      icon={ShieldCheck}
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193144.jpg"
     />
   </div>
 
   <div id="features" data-section="features">
-      <FeatureCardThree
-      animationType="slide-up"
+      <FeatureCardTwentyFive
+      title="Comprehensive Detailing Services"
+      description="Expert care for every part of your vehicle, from engine bay to exterior paint."
+      animationType="blur-reveal"
       textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       features={[
-        {
-          id: "1",
-          title: "Ceramic Coating",
-          description: "Long-lasting protection and incredible shine.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-with-open-hood_23-2148257995.jpg",
-        },
-        {
-          id: "2",
-          title: "Interior Detailing",
-          description: "Deep cleaning for leather, fabric, and carpets.",
-          imageSrc: "http://img.b2bpic.net/free-photo/driver-gesture-rainy-drive-car-dashboard_169016-68038.jpg",
-        },
-        {
-          id: "3",
-          title: "Engine Bay Cleaning",
-          description: "Professional engine bay degreasing.",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-car-service-station_23-2148327584.jpg",
-        },
+        { title: "Engine Detailing", description: "Advanced degreasing and cleaning for a pristine engine bay.", icon: Settings, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-car-service-station_23-2148327584.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-with-open-hood_23-2148257995.jpg" }] },
+        { title: "Interior & Exterior", description: "Full interior deep clean plus expert exterior washing.", icon: Car, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1" }, { imageSrc: "http://img.b2bpic.net/free-photo/woman-black-hat-standing-by-her-new-white-car_1303-28799.jpg" }] },
+        { title: "Ceramic & Wax", description: "Long-lasting shine with professional-grade ceramic coating and wax.", icon: Sparkles, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193144.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=2" }] }
       ]}
-      title="Professional Services"
-      description="Comprehensive detailing to restore and protect your investment."
-    />
-  </div>
-
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          value: "366+",
-          title: "Verified Reviews",
-          description: "5.0 star average rating",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130220.jpg?_wi=1",
-        },
-        {
-          id: "m2",
-          value: "20+",
-          title: "Years Experience",
-          description: "Serving the Medley area",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193144.jpg",
-        },
-        {
-          id: "m3",
-          value: "24/7",
-          title: "Availability",
-          description: "Always ready to serve",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=2",
-        },
-      ]}
-      title="Why Choose Us"
-      description="Trusted by hundreds of satisfied customers."
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
+      <TestimonialCardSixteen
+      title="Customer Success Stories"
+      description="We have built our reputation on quality, trust, and 20 years of experience."
+      animationType="blur-reveal"
       textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Sarah J.",
-          role: "Client",
-          company: "Medley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130220.jpg?_wi=2",
-        },
-        {
-          id: "2",
-          name: "Mark D.",
-          role: "Client",
-          company: "Medley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-black-hat-standing-by-her-new-white-car_1303-28799.jpg",
-        },
-        {
-          id: "3",
-          name: "Elena R.",
-          role: "Client",
-          company: "Medley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-office-with-tablet_1098-2077.jpg",
-        },
-        {
-          id: "4",
-          name: "James K.",
-          role: "Client",
-          company: "Medley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-medium-shot_23-2148320231.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert L.",
-          role: "Client",
-          company: "Medley",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130220.jpg?_wi=3",
-        },
+      useInvertedBackground={true}
+      kpiItems={[
+        { value: "5.0", label: "Average Rating" },
+        { value: "20+", label: "Years Serving" },
+        { value: "500+", label: "Vehicles Served" }
+      ]}
+      testimonials={[
+        { id: "1", name: "Sarah J.", role: "Regular Client", company: "Medley", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130220.jpg?_wi=2" },
+        { id: "2", name: "Mark D.", role: "Car Enthusiast", company: "Medley", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-talking-phone-medium-shot_23-2148320231.jpg" }
       ]}
-      title="Customer Reviews"
-      description="See why our customers trust us with their vehicles."
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      text="Ready for a professional car detailing? Get in touch today for a free quote."
-      buttons={[
-        {
-          text: "Contact Us Now",
-          href: "tel:8774343749",
-        },
-      ]}
+      useInvertedBackground={false}
+      background={{ variant: "rotated-rays-animated" }}
+      text="Ready to restore your vehicle's shine? Contact us for a free estimate or to discuss our veteran/military discount programs."
+      buttons={[{ text: "Call Elite Detailers", href: "tel:8774343749" }]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Elite Detailers"
-      leftLink={{
-        text: "Terms of Service",
-        href: "#",
-      }}
-      rightLink={{
-        text: "Privacy Policy",
-        href: "#",
-      }}
+      leftLink={{ text: "Terms of Service", href: "#" }}
+      rightLink={{ text: "Privacy Policy", href: "#" }}
     />
   </div>
       </ReactLenis>
-- 
2.49.1