Update src/app/page.tsx

src/app/page.tsx

@@ -6,10 +6,9 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Award, Cookie, Heart, Leaf, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,261 +28,96 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
+        { name: "Home", id: "#hero" },
-          name: "Home",
+        { name: "Services", id: "#services" },
-          id: "#hero",
+        { name: "About", id: "#about" },
-        },
+        { name: "Reviews", id: "#reviews" },
-        {
+        { name: "Book Appointment", id: "#contact" },
-          name: "About",
-          id: "#about",
-        },
-        {
-          name: "Products",
-          id: "#products",
-        },
-        {
-          name: "Reviews",
-          id: "#reviews",
-        },
-        {
-          name: "Contact",
-          id: "#contact",
-        },
       ]}
-      brandName="Sweet Delights"
+      brandName="Elite Auto Care"
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitKpi
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
+      title="Luxury Care For Your Performance Vehicle"
-      }}
+      description="Experience unparalleled service with our certified specialists. From premium diagnostics to bespoke detailing, we maintain your car at its peak."
-      title="Freshly Baked Every Day"
-      description="Indulge in our artisanal selection of cakes, pastries, and breads, handcrafted daily with premium ingredients for the perfect experience."
       kpis={[
-        {
+        { value: "20+ Years", label: "Expertise" },
-          value: "15+",
+        { value: "5-Star", label: "Service" },
-          label: "Years Baking",
+        { value: "100%", label: "Certified" },
-        },
-        {
-          value: "50+",
-          label: "Daily Varieties",
-        },
-        {
-          value: "4.9★",
-          label: "Customer Rating",
-        },
       ]}
       enableKpiAnimation={true}
-      imageSrc="http://img.b2bpic.net/free-photo/side-view-azeri-national-pastries-shor-gogal-black_140725-12094.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/luxury-car-service-center_140725-12094.jpg"
       mediaAnimation="slide-up"
-      avatars={[
+      buttons={[{ text: "Book Appointment", href: "#contact" }]}
-        {
-          src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
-          alt: "Customer 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-portrait-elegant-french-woman-red-beret-eating-tasty-croissants_273443-1933.jpg",
-          alt: "Customer 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cake-customer_1170-660.jpg",
-          alt: "Customer 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
-          alt: "Customer 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-eating-cheesecake-cottage-cheese-fritter-morning_169016-45071.jpg",
-          alt: "Customer 5",
-        },
-      ]}
-      avatarText="Trusted by 5,000+ dessert lovers"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "Fresh Daily",
-          icon: Cookie,
-        },
-        {
-          type: "text-icon",
-          text: "Organic Ingredients",
-          icon: Leaf,
-        },
-        {
-          type: "text-icon",
-          text: "Family Owned",
-          icon: Heart,
-        },
-        {
-          type: "text-icon",
-          text: "Local Sourced",
-          icon: MapPin,
-        },
-        {
-          type: "text-icon",
-          text: "Artisan Crafted",
-          icon: Award,
-        },
-      ]}
     />
   </div>
 
   <div id="about" data-section="about">
       <TextAbout
       useInvertedBackground={true}
-      title="Our Passion for Perfection"
+      title="Preserving Automotive Excellence"
-      tag="About Us"
+      tag="Our Commitment"
     />
   </div>
 
-  <div id="products" data-section="products">
+  <div id="services" data-section="services">
-      <ProductCardFour
+      <FeatureCardTwentySeven
       animationType="slide-up"
       textboxLayout="split"
-      gridVariant="four-items-2x2-equal-grid"
+      title="Premium Automotive Services"
+      description="Tailored care packages designed to protect your investment and ensure your vehicle runs perfectly."
       useInvertedBackground={false}
-      products={[
+      features={[
-        {
+        { id: "s1", title: "Advanced Diagnostics", descriptions: ["State-of-the-art diagnostic equipment for precise issue identification."], imageSrc: "" },
-          id: "p1",
+        { id: "s2", title: "Engine & Performance", descriptions: ["Expert maintenance and precision engine repair services."], imageSrc: "" },
-          name: "Chocolate Truffle Cake",
+        { id: "s3", title: "Brakes & Suspension", descriptions: ["Premium safety checks and suspension tuning for ultimate handling."], imageSrc: "" },
-          price: "$6.50",
+        { id: "s4", title: "Luxury Detailing", descriptions: ["Comprehensive cleaning and protection to keep your paint pristine."], imageSrc: "" },
-          variant: "Signature",
+        { id: "s5", title: "Oil & Fluid Services", descriptions: ["Using only the highest quality synthetic fluids for performance engines."], imageSrc: "" },
-          imageSrc: "http://img.b2bpic.net/free-photo/dough-inside-round-pan-with-cook-spreading-sour-cream-it-inside-kitchen_140725-14934.jpg",
+        { id: "s6", title: "Concierge Pickup", descriptions: ["We provide convenient door-to-door pickup for your service."], imageSrc: "" }
-        },
-        {
-          id: "p2",
-          name: "Buttery Croissant",
-          price: "$3.50",
-          variant: "Morning",
-          imageSrc: "http://img.b2bpic.net/free-photo/delicious-pastry-black-board-with-cloth_114579-83383.jpg",
-        },
-        {
-          id: "p3",
-          name: "Fruit Tartlet",
-          price: "$4.25",
-          variant: "Seasonal",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-fruit-cakes-creamy-desserts-with-fruits-white-background-cream-cookie-dessert-sweet-cake-tea_140725-115632.jpg",
-        },
-        {
-          id: "p4",
-          name: "Cinnamon Swirl",
-          price: "$4.00",
-          variant: "Classic",
-          imageSrc: "http://img.b2bpic.net/free-photo/sweet-single-bun-purple-plate_114579-88162.jpg",
-        },
-        {
-          id: "p5",
-          name: "Chocolate Muffin",
-          price: "$3.75",
-          variant: "Fresh",
-          imageSrc: "http://img.b2bpic.net/free-photo/muffins-placed-line_23-2147693729.jpg",
-        },
-        {
-          id: "p6",
-          name: "Macaron Box",
-          price: "$12.00",
-          variant: "Gift",
-          imageSrc: "http://img.b2bpic.net/free-photo/colorful-cookies-box_1232-555.jpg",
-        },
       ]}
-      title="Our Signature Sweets"
-      description="Hand-cut slices and individual pastries prepared to perfection for your immediate enjoyment."
     />
   </div>
 
   <div id="reviews" data-section="reviews">
-      <TestimonialCardFifteen
+      <TestimonialCardThirteen
+      showRating={true}
+      textboxLayout="default"
+      title="Client Experiences"
+      description="Hear from our valued clients about their luxury service journey."
       useInvertedBackground={true}
-      testimonial="Everything is delicious and affordable. The cakes are cut into pieces, so you can try several at once."
+      animationType="slide-up"
-      rating={5}
+      testimonials={[
-      author="Aleksey Kurochkin"
+        { id: "t1", name: "Jonathan R.", handle: "@jonathan_r", testimonial: "The level of care and precision is unmatched. My car has never performed better.", rating: 5 },
-      avatars={[
+        { id: "t2", name: "Elena S.", handle: "@elena_s", testimonial: "Fantastic concierge pickup service. Truly luxury from start to finish.", rating: 5 }
-        {
-          src: "http://img.b2bpic.net/free-photo/female-bakery-owner-counter-with-croissant-talking-mobile-phone_23-2148189128.jpg",
-          alt: "Aleksey",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/indoor-portrait-elegant-french-woman-red-beret-eating-tasty-croissants_273443-1933.jpg",
-          alt: "Elena",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waitress-serving-plate-cake-customer_1170-660.jpg",
-          alt: "Marcus",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/waitress-serving-cup-coffee-customers_1170-652.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-eating-cheesecake-cottage-cheese-fritter-morning_169016-45071.jpg",
-          alt: "David",
-        },
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
+      tag="Booking"
-      }}
+      title="Schedule Your Visit"
-      tag="Visit Us"
+      description="Secure your appointment today and give your car the luxury treatment it deserves."
-      title="Ready for a Treat?"
+      buttons={[{ text: "Book Now", href: "#contact" }]}
-      description="Stop by our shop today to see what's fresh out of the oven."
-      buttons={[
-        {
-          text: "Get Directions",
-          href: "#",
-        },
-      ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterSimple
       columns={[
-        {
+        { title: "Services", items: [{ label: "Diagnostics" }, { label: "Engine Repair" }, { label: "Detailing" }] },
-          title: "Sweets",
+        { title: "Company", items: [{ label: "About" }, { label: "Book Appointment" }] },
-          items: [
-            {
-              label: "Cakes",
-              href: "#products",
-            },
-            {
-              label: "Pastries",
-              href: "#products",
-            },
-            {
-              label: "Bread",
-              href: "#products",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-          ],
-        },
       ]}
-      bottomLeftText="© 2024 Sweet Delights"
+      bottomLeftText="© 2025 Elite Auto Care"
-      bottomRightText="Crafted with love"
+      bottomRightText="Excellence in Maintenance"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}