From 684e9507c7ca6674d1c6293f69ca8f802f2bbbfc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 14:47:13 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 529 ++++++++++++++---------------------------------
 1 file changed, 155 insertions(+), 374 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b61b3e..b24dbb5 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,391 +16,172 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="soft"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="soft"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Showroom",
-          id: "showroom",
-        },
-        {
-          name: "Testimonials",
-          id: "testimonials",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="Elite Motors"
-      button={{
-        text: "Book Test Drive",
-        href: "#contact",
-      }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Showroom", id: "showroom" },
+              { name: "Testimonials", id: "testimonials" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="Elite Motors"
+            button={{
+              text: "Book Test Drive",              href: "#contact"}}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="ELITE MOTORS"
-      description="Experience the pinnacle of automotive craftsmanship. Discover our curated collection of world-class vehicles designed for those who demand excellence."
-      buttons={[
-        {
-          text: "View Inventory",
-          href: "#showroom",
-        },
-        {
-          text: "Contact Us",
-          href: "#contact",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg",
-          imageAlt: "Luxury showroom floor",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22680.jpg",
-          imageAlt: "Premium vehicle display",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg",
-          imageAlt: "Sleek automotive interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg",
-          imageAlt: "Modern dealership aesthetic",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg",
-          imageAlt: "Luxury brand presentation",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg",
-          imageAlt: "Exclusive vehicle gallery",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="ELITE MOTORS"
+            description="Experience the pinnacle of automotive craftsmanship. Discover our curated collection of world-class vehicles designed for those who demand excellence."
+            buttons={[
+              { text: "View Inventory", href: "#showroom" },
+              { text: "Contact Us", href: "#contact" },
+            ]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/looking-vehicle-interior-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16013.jpg", imageAlt: "Luxury showroom floor" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22680.jpg", imageAlt: "Premium vehicle display" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-looking-car-car-showroom_1303-15196.jpg", imageAlt: "Sleek automotive interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-8348.jpg", imageAlt: "Modern dealership aesthetic" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106170.jpg", imageAlt: "Luxury brand presentation" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434336.jpg", imageAlt: "Exclusive vehicle gallery" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="Decades of Excellence"
-      description="At Elite Motors, we don't just sell cars; we curate driving experiences. With over 20 years in the industry, our commitment to quality, transparency, and customer satisfaction remains our guiding principle."
-      metrics={[
-        {
-          value: "20+",
-          title: "Years Experience",
-        },
-        {
-          value: "5k+",
-          title: "Vehicles Delivered",
-        },
-        {
-          value: "98%",
-          title: "Client Satisfaction",
-        },
-        {
-          value: "12",
-          title: "Industry Awards",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg"
-      imageAlt="Elite Motors team in showroom"
-      mediaAnimation="slide-up"
-      metricsAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MetricSplitMediaAbout
+            useInvertedBackground={false}
+            title="Decades of Excellence"
+            description="At Elite Motors, we don't just sell cars; we curate driving experiences. With over 20 years in the industry, our commitment to quality, transparency, and customer satisfaction remains our guiding principle."
+            metrics={[
+              { value: "20+", title: "Years Experience" },
+              { value: "5k+", title: "Vehicles Delivered" },
+              { value: "98%", title: "Client Satisfaction" },
+              { value: "12", title: "Industry Awards" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-24274.jpg"
+            imageAlt="Elite Motors team in showroom"
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "f1",
-          label: "Performance",
-          title: "Certified Quality",
-          items: [
-            "Rigorous 200-point inspection",
-            "Full service history documentation",
-            "Certified pre-owned guarantee",
-          ],
-        },
-        {
-          id: "f2",
-          label: "Finance",
-          title: "Flexible Financing",
-          items: [
-            "Customized loan packages",
-            "Competitive interest rates",
-            "Fast approval process",
-          ],
-        },
-        {
-          id: "f3",
-          label: "Service",
-          title: "Premium Aftercare",
-          items: [
-            "Dedicated maintenance support",
-            "Extended warranty options",
-            "Priority service scheduling",
-          ],
-        },
-        {
-          id: "f4",
-          label: "Support",
-          title: "24/7 Concierge",
-          items: [
-            "Roadside assistance",
-            "Digital appointment booking",
-            "Direct advisor access",
-          ],
-        },
-      ]}
-      title="Why Choose Elite"
-      description="We ensure every vehicle meets the highest standards of safety, performance, and luxury."
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { id: "f1", label: "Performance", title: "Certified Quality", items: ["Rigorous 200-point inspection", "Full service history documentation", "Certified pre-owned guarantee"] },
+              { id: "f2", label: "Finance", title: "Flexible Financing", items: ["Customized loan packages", "Competitive interest rates", "Fast approval process"] },
+              { id: "f3", label: "Service", title: "Premium Aftercare", items: ["Dedicated maintenance support", "Extended warranty options", "Priority service scheduling"] },
+              { id: "f4", label: "Support", title: "24/7 Concierge", items: ["Roadside assistance", "Digital appointment booking", "Direct advisor access"] },
+            ]}
+            title="Why Choose Elite"
+            description="We ensure every vehicle meets the highest standards of safety, performance, and luxury."
+          />
+        </div>
 
-  <div id="showroom" data-section="showroom">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Luxury Obsidian Sedan",
-          price: "$85,000",
-          variant: "2024 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg",
-        },
-        {
-          id: "p2",
-          name: "Performance Sport SUV",
-          price: "$92,000",
-          variant: "2024 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13647.jpg",
-        },
-        {
-          id: "p3",
-          name: "Urban Electric Cruiser",
-          price: "$78,000",
-          variant: "2023 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-by-car_1303-17416.jpg",
-        },
-        {
-          id: "p4",
-          name: "Metallic Blue Coupe",
-          price: "$105,000",
-          variant: "2024 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg",
-        },
-        {
-          id: "p5",
-          name: "Classic White Convertible",
-          price: "$120,000",
-          variant: "2024 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg",
-        },
-        {
-          id: "p6",
-          name: "Crossover Hybrid Elite",
-          price: "$65,000",
-          variant: "2023 Model",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347178.jpg",
-        },
-      ]}
-      title="Current Inventory"
-      description="Explore our premium selection of luxury and performance vehicles currently available in our showroom."
-    />
-  </div>
+        <div id="showroom" data-section="showroom">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "Luxury Obsidian Sedan", price: "$85,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-fashion-blond-girl-model-with-bright-makeup-curly-hairstyle-retro-style-sitting-old-car_158538-9302.jpg" },
+              { id: "p2", name: "Performance Sport SUV", price: "$92,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/salesman-woman-looking-car-car-showroom_1303-13647.jpg" },
+              { id: "p3", name: "Urban Electric Cruiser", price: "$78,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/female-salesperson-car-showroom-by-car_1303-17416.jpg" },
+              { id: "p4", name: "Metallic Blue Coupe", price: "$105,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138960.jpg" },
+              { id: "p5", name: "Classic White Convertible", price: "$120,000", variant: "2024 Model", imageSrc: "http://img.b2bpic.net/free-photo/saleswoman-car-showroom-selling-cars_1303-25500.jpg" },
+              { id: "p6", name: "Crossover Hybrid Elite", price: "$65,000", variant: "2023 Model", imageSrc: "http://img.b2bpic.net/free-photo/urban-landscape-tokyo-city-day_23-2149347178.jpg" },
+            ]}
+            title="Current Inventory"
+            description="Explore our premium selection of luxury and performance vehicles currently available in our showroom."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "Jonathan M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
-        },
-        {
-          id: "t2",
-          name: "Elena S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg",
-        },
-        {
-          id: "t3",
-          name: "Marcus R.",
-          imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg",
-        },
-        {
-          id: "t4",
-          name: "Sophie K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24279.jpg",
-        },
-        {
-          id: "t5",
-          name: "David W.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg",
-        },
-      ]}
-      cardTitle="What Our Clients Say"
-      cardTag="Testimonials"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "t1", name: "Jonathan M.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg" },
+              { id: "t2", name: "Elena S.", imageSrc: "http://img.b2bpic.net/free-photo/man-checking-out-new-car_23-2148130140.jpg" },
+              { id: "t3", name: "Marcus R.", imageSrc: "http://img.b2bpic.net/free-photo/distraught-man-feeling-sad-while-showing-his-mechanic-car-breakdown-auto-repair-shop_637285-7708.jpg" },
+              { id: "t4", name: "Sophie K.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-people-car-salon_1157-24279.jpg" },
+              { id: "t5", name: "David W.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171286.jpg" },
+            ]}
+            cardTitle="What Our Clients Say"
+            cardTag="Testimonials"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social" data-section="social">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Manufacturer A",
-        "Manufacturer B",
-        "Manufacturer C",
-        "Manufacturer D",
-        "Manufacturer E",
-        "Manufacturer F",
-        "Manufacturer G",
-      ]}
-      title="Trusted Partners"
-      description="We partner with the world's leading automotive manufacturers to bring you unparalleled quality."
-    />
-  </div>
+        <div id="social" data-section="social">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Manufacturer A", "Manufacturer B", "Manufacturer C", "Manufacturer D", "Manufacturer E", "Manufacturer F", "Manufacturer G"]}
+            title="Trusted Partners"
+            description="We partner with the world's leading automotive manufacturers to bring you unparalleled quality."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "q1",
-          title: "Do you offer trade-in services?",
-          content: "Yes, we provide competitive trade-in valuations for your existing vehicle.",
-        },
-        {
-          id: "q2",
-          title: "Can I book a test drive online?",
-          content: "Absolutely. You can schedule your preferred test drive time directly through our website.",
-        },
-        {
-          id: "q3",
-          title: "Is financing available on-site?",
-          content: "Yes, we work with multiple lenders to offer flexible financing solutions for all our clients.",
-        },
-        {
-          id: "q4",
-          title: "Do you provide international shipping?",
-          content: "We offer shipping services within the country; please contact our team for specifics.",
-        },
-        {
-          id: "q5",
-          title: "Are extended warranties available?",
-          content: "Yes, we offer comprehensive warranty packages for all our inventory.",
-        },
-      ]}
-      title="Frequently Asked Questions"
-      faqsAnimation="slide-up"
-      description="Have questions about our process? Find answers to our most common queries here."
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "q1", title: "Do you offer trade-in services?", content: "Yes, we provide competitive trade-in valuations for your existing vehicle." },
+              { id: "q2", title: "Can I book a test drive online?", content: "Absolutely. You can schedule your preferred test drive time directly through our website." },
+              { id: "q3", title: "Is financing available on-site?", content: "Yes, we work with multiple lenders to offer flexible financing solutions for all our clients." },
+              { id: "q4", title: "Do you provide international shipping?", content: "We offer shipping services within the country; please contact our team for specifics." },
+              { id: "q5", title: "Are extended warranties available?", content: "Yes, we offer comprehensive warranty packages for all our inventory." },
+            ]}
+            title="Frequently Asked Questions"
+            faqsAnimation="slide-up"
+            description="Have questions about our process? Find answers to our most common queries here."
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Visit Us"
-      title="Schedule Your Visit"
-      description="Ready to get behind the wheel? Our showroom is open daily. Contact us to schedule an appointment or visit our location today."
-      buttons={[
-        {
-          text: "Contact Us",
-          href: "mailto:info@elitemotors.com",
-        },
-        {
-          text: "Get Directions",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Visit Us"
+            title="Schedule Your Visit"
+            description="Ready to get behind the wheel? Our showroom is open daily. Contact us to schedule an appointment or visit our location today."
+            buttons={[
+              { text: "Contact Us", href: "mailto:info@elitemotors.com" },
+              { text: "Get Directions", href: "#" },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About Us",
-              href: "#about",
-            },
-            {
-              label: "Inventory",
-              href: "#showroom",
-            },
-            {
-              label: "Services",
-              href: "#features",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Careers",
-              href: "#",
-            },
-            {
-              label: "Press Room",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="ELITE MOTORS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterLogoEmphasis
+            columns={[
+              { items: [{ label: "About Us", href: "#about" }, { label: "Inventory", href: "#showroom" }, { label: "Services", href: "#features" }] },
+              { items: [{ label: "FAQ", href: "#faq" }, { label: "Contact", href: "#contact" }, { label: "Terms of Service", href: "#" }] },
+              { items: [{ label: "Privacy Policy", href: "#" }, { label: "Careers", href: "#" }, { label: "Press Room", href: "#" }] },
+            ]}
+            logoText="ELITE MOTORS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1