From b4f97061b79183b2c198741515b192510c6bf39a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 22 Apr 2026 05:25:42 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 514 +++++++++++++----------------------------------
 1 file changed, 143 insertions(+), 371 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index dc96b82..1c5df89 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,388 +18,160 @@ export default function LandingPage() {
         defaultButtonVariant="hover-magnetic"
         defaultTextAnimation="entrance-slide"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Home",
-          id: "home",
-        },
-        {
-          name: "Inventory",
-          id: "featured",
-        },
-        {
-          name: "Sell",
-          id: "sell",
-        },
-        {
-          name: "Reviews",
-          id: "testimonials",
-        },
-      ]}
-      brandName="AutoElite Pro"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleApple
+              navItems={[
+                { name: "Home", id: "home" },
+                { name: "Inventory", id: "featured" },
+                { name: "Sell", id: "sell" },
+                { name: "Reviews", id: "testimonials" },
+                { name: "Contact", id: "contact" }
+              ]}
+              brandName="AutoElite Pro"
+            />
+        </div>
 
-  <div id="home" data-section="home">
-      <HeroSplitDoubleCarousel
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      title="AutoElite Pro: Premium Car Marketplace"
-      description="Discover your dream car with over 5000+ luxury vehicles. Certified pre-owned, 360° inspection, and nationwide delivery."
-      leftCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500611.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elegant-geometric-background-business_24972-1791.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-vector/luxury-modern-background-gradient-abstract_343694-1693.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Browse Inventory",
-          href: "#featured",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-pretty-positive-businesswoman-coat-with-laptop-joyfully-looking-away-outdoor_574295-2165.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="Trusted by 50,000+ happy car owners"
-      marqueeItems={[
-        {
-          type: "text",
-          text: "Ferrari",
-        },
-        {
-          type: "text",
-          text: "Porsche",
-        },
-        {
-          type: "text",
-          text: "Mercedes-Benz",
-        },
-        {
-          type: "text",
-          text: "Lamborghini",
-        },
-        {
-          type: "text",
-          text: "Audi",
-        },
-      ]}
-    />
-  </div>
+        <div id="home" data-section="home">
+            <HeroSplitDoubleCarousel
+              background={{ variant: "rotated-rays-animated" }}
+              title="AutoElite Pro: Premium Car Marketplace"
+              description="Discover your dream car with over 5000+ luxury vehicles. Certified pre-owned, 360° inspection, and nationwide delivery."
+              leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500611.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/empty-dark-room-modern-futuristic-sci-fi-background-3d-illustration_35913-2367.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car_23-2150796982.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-bridge-night-time_181624-29222.jpg" }]}
+              rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-metallic-car_23-2151113206.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-front-blue-modern-stylish-car_181624-11795.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/back-view-grey-car-standing-bridge_114579-4084.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/elegant-geometric-background-business_24972-1791.jpg" }, { imageSrc: "http://img.b2bpic.net/free-vector/luxury-modern-background-gradient-abstract_343694-1693.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-by-white-car_1303-16424.jpg" }]}
+              buttons={[{ text: "Browse Inventory", href: "#featured" }]}
+              avatars={[{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 1" }, { src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Client 2" }, { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg", alt: "Client 3" }, { src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 4" }, { src: "http://img.b2bpic.net/free-photo/young-pretty-positive-businesswoman-coat-with-laptop-joyfully-looking-away-outdoor_574295-2165.jpg", alt: "Client 5" }]}
+              avatarText="Trusted by 50,000+ happy car owners"
+              marqueeItems={[{ type: "text", text: "Ferrari" }, { type: "text", text: "Porsche" }, { type: "text", text: "Mercedes-Benz" }, { type: "text", text: "Lamborghini" }, { type: "text", text: "Audi" }]}
+            />
+        </div>
 
-  <div id="featured" data-section="featured">
-      <ProductCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "Mercedes S-Class",
-          price: "$125,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg",
-        },
-        {
-          id: "p2",
-          name: "Porsche 911 Turbo",
-          price: "$189,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg",
-        },
-        {
-          id: "p3",
-          name: "BMW M8 Competition",
-          price: "$145,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/neon-tunnel-futuristic-perspective_23-2151986961.jpg",
-        },
-        {
-          id: "p4",
-          name: "Audi RS7 Sportback",
-          price: "$115,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-led-headlight-black-auto_23-2147963034.jpg",
-        },
-        {
-          id: "p5",
-          name: "Lamborghini Huracan",
-          price: "$295,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg",
-        },
-        {
-          id: "p6",
-          name: "Ferrari SF90",
-          price: "$450,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg",
-        },
-      ]}
-      title="Featured Collection"
-      description="Handpicked luxury vehicles with full service history."
-    />
-  </div>
+        <div id="featured" data-section="featured">
+            <ProductCardThree
+              animationType="slide-up"
+              textboxLayout="split"
+              gridVariant="three-columns-all-equal-width"
+              useInvertedBackground={false}
+              products={[
+                { id: "p1", name: "Mercedes S-Class", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg" },
+                { id: "p2", name: "Porsche 911 Turbo", price: "$189,000", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-headlight-silver-car_181624-22638.jpg" },
+                { id: "p3", name: "BMW M8 Competition", price: "$145,000", imageSrc: "http://img.b2bpic.net/free-photo/neon-tunnel-futuristic-perspective_23-2151986961.jpg" },
+                { id: "p4", name: "Audi RS7 Sportback", price: "$115,000", imageSrc: "http://img.b2bpic.net/free-photo/modern-led-headlight-black-auto_23-2147963034.jpg" },
+                { id: "p5", name: "Lamborghini Huracan", price: "$295,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg" },
+                { id: "p6", name: "Ferrari SF90", price: "$450,000", imageSrc: "http://img.b2bpic.net/free-photo/breathtaking-view-lightened-tunnel-road_181624-17780.jpg" }
+              ]}
+              title="Featured Collection"
+              description="Handpicked luxury vehicles with full service history."
+            />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardTwentyEight
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "f1",
-          title: "360° Inspection",
-          subtitle: "Every vehicle is thoroughly vetted.",
-          category: "Trust",
-          value: "100%",
-        },
-        {
-          id: "f2",
-          title: "Service History",
-          subtitle: "Full documentation provided.",
-          category: "Quality",
-          value: "Verified",
-        },
-        {
-          id: "f3",
-          title: "Buyback Protection",
-          subtitle: "30-day peace of mind guarantee.",
-          category: "Protection",
-          value: "30 Days",
-        },
-      ]}
-      title="Why Choose AutoElite Pro?"
-      description="Luxury redefined through trust and quality."
-    />
-  </div>
+        <div id="features" data-section="features">
+            <FeatureCardTwentyEight
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              features={[
+                { id: "f1", title: "360° Inspection", subtitle: "Every vehicle is thoroughly vetted.", category: "Trust", value: "100%" },
+                { id: "f2", title: "Service History", subtitle: "Full documentation provided.", category: "Quality", value: "Verified" },
+                { id: "f3", title: "Buyback Protection", subtitle: "30-day peace of mind guarantee.", category: "Protection", value: "30 Days" }
+              ]}
+              title="Why Choose AutoElite Pro?"
+              description="Luxury redefined through trust and quality."
+            />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "50,000+",
-          title: "Happy Clients",
-          description: "Global reach.",
-          imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-purple-arrow_1232-165.jpg",
-        },
-        {
-          id: "m2",
-          value: "5,247",
-          title: "Inventory",
-          description: "Live cars.",
-          imageSrc: "http://img.b2bpic.net/free-photo/crystal-building-view_1112-416.jpg",
-        },
-        {
-          id: "m3",
-          value: "4.9/5",
-          title: "Average Rating",
-          description: "Verified reviews.",
-          imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17116.jpg",
-        },
-      ]}
-      title="Market Impact"
-      description="Proven results for luxury car enthusiasts."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+            <MetricCardEleven
+              animationType="slide-up"
+              textboxLayout="split"
+              useInvertedBackground={false}
+              metrics={[
+                { id: "m1", value: "50,000+", title: "Happy Clients", description: "Global reach.", imageSrc: "http://img.b2bpic.net/free-photo/index-finger-touching-purple-arrow_1232-165.jpg" },
+                { id: "m2", value: "5,247", title: "Inventory", description: "Live cars.", imageSrc: "http://img.b2bpic.net/free-photo/crystal-building-view_1112-416.jpg" },
+                { id: "m3", value: "4.9/5", title: "Average Rating", description: "Verified reviews.", imageSrc: "http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17116.jpg" }
+              ]}
+              title="Market Impact"
+              description="Proven results for luxury car enthusiasts."
+            />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="The buying process was incredibly smooth. AutoElite Pro provided professional service from start to finish."
-      rating={5}
-      author="Sarah Johnson"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg",
-          alt: "Sarah",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg",
-          alt: "Michael",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg",
-          alt: "David",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
-          alt: "Emily",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-sitting-sofa-home_839833-34080.jpg",
-          alt: "Mark",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+            <TestimonialCardFifteen
+              useInvertedBackground={false}
+              testimonial="The buying process was incredibly smooth. AutoElite Pro provided professional service from start to finish."
+              rating={5}
+              author="Sarah Johnson"
+              avatars={[
+                { src: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman_1262-20882.jpg", alt: "Sarah" },
+                { src: "http://img.b2bpic.net/free-photo/young-cheerful-casual-businesswoman-coat-with-laptop-happily-looking-camera-outdoor_574295-2167.jpg", alt: "Michael" },
+                { src: "http://img.b2bpic.net/free-photo/man-showing-happy-studio-smiling_1262-2754.jpg", alt: "David" },
+                { src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg", alt: "Emily" },
+                { src: "http://img.b2bpic.net/free-photo/middle-age-greyhaired-man-smiling-confident-sitting-sofa-home_839833-34080.jpg", alt: "Mark" }
+              ]}
+              ratingAnimation="slide-up"
+              avatarsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="split"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "How do I sell my car?",
-          content: "Submit details via our form, get a quote, and we handle pickup.",
-        },
-        {
-          id: "q2",
-          title: "Is delivery nationwide?",
-          content: "Yes, we ship to all 50 states.",
-        },
-        {
-          id: "q3",
-          title: "Do you offer financing?",
-          content: "We work with top banks for flexible rates.",
-        },
-      ]}
-      title="Common Questions"
-      description="Get answers quickly."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+            <FaqBase
+              textboxLayout="split"
+              useInvertedBackground={false}
+              faqs={[
+                { id: "q1", title: "How do I sell my car?", content: "Submit details via our form, get a quote, and we handle pickup." },
+                { id: "q2", title: "Is delivery nationwide?", content: "Yes, we ship to all 50 states." },
+                { id: "q3", title: "Do you offer financing?", content: "We work with top banks for flexible rates." }
+              ]}
+              title="Common Questions"
+              description="Get answers quickly."
+              faqsAnimation="slide-up"
+            />
+        </div>
 
-  <div id="sell" data-section="sell">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Sell Your Car Today"
-      description="Instant valuation and fast payout."
-      inputs={[
-        {
-          name: "make",
-          type: "text",
-          placeholder: "Vehicle Make",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "Your Email",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/three-collegues-working-car-showroom_1303-17436.jpg"
-    />
-  </div>
+        <div id="sell" data-section="sell">
+            <ContactSplitForm
+              useInvertedBackground={false}
+              title="Sell Your Car Today"
+              description="Instant valuation and fast payout."
+              inputs={[
+                { name: "make", type: "text", placeholder: "Vehicle Make", required: true },
+                { name: "email", type: "email", placeholder: "Your Email", required: true }
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/three-collegues-working-car-showroom_1303-17436.jpg"
+            />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Still Have Questions?"
-      description="Reach out to our expert support team."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Name",
-          required: true,
-        },
-        {
-          name: "msg",
-          type: "text",
-          placeholder: "Message",
-          required: true,
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/horizontal-indoor-shot-beautiful-young-woman-with-stylish-haircut-working-home-office-sitting-front-generic-laptop-computer-having-thoughtful-look-dreaming-about-vacations-by-sea_343059-181.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactSplitForm
+              useInvertedBackground={false}
+              title="Still Have Questions?"
+              description="Reach out to our expert support team."
+              inputs={[
+                { name: "name", type: "text", placeholder: "Name", required: true },
+                { name: "msg", type: "text", placeholder: "Message", required: true }
+              ]}
+              imageSrc="http://img.b2bpic.net/free-photo/horizontal-indoor-shot-beautiful-young-woman-with-stylish-haircut-working-home-office-sitting-front-generic-laptop-computer-having-thoughtful-look-dreaming-about-vacations-by-sea_343059-181.jpg"
+            />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-vector/luxury-wings-eagle-with-gold-color-logo-template_361591-408.jpg"
-      logoText="AutoElite Pro"
-      columns={[
-        {
-          title: "Quick Links",
-          items: [
-            {
-              label: "Inventory",
-              href: "#featured",
-            },
-            {
-              label: "Valuation",
-              href: "#sell",
-            },
-          ],
-        },
-        {
-          title: "Support",
-          items: [
-            {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "FAQ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterMedia
+              imageSrc="http://img.b2bpic.net/free-vector/luxury-wings-eagle-with-gold-color-logo-template_361591-408.jpg"
+              logoText="AutoElite Pro"
+              columns={[
+                { title: "Quick Links", items: [{ label: "Inventory", href: "#featured" }, { label: "Valuation", href: "#sell" }] },
+                { title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQ", href: "#faq" }] }
+              ]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1