From 6e7794538e7f51b5c01285eaf9a884656ccb587e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 18 Apr 2026 16:39:51 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 254 ++++++++++-------------------------------------
 1 file changed, 54 insertions(+), 200 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f503a14..0eaccd8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,75 +19,47 @@ export default function LandingPage() {
         defaultButtonVariant="elastic-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="rounded"
+        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: "Catalog",
-          id: "catalog",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Catalog", id: "catalog" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="MC Motor"
       button={{
-        text: "Book Test Drive",
-        href: "#contact",
-      }}
+        text: "Book Test Drive",        href: "#contact"}}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Drive Your Future at MC Motor"
       description="Experience unparalleled luxury and performance. Discover our curated collection of premium vehicles tailored to your lifestyle."
       tag="Premier Dealership"
       buttons={[
         {
-          text: "View Collection",
-          href: "#catalog",
-        },
+          text: "View Collection",          href: "#catalog"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       mediaItems={[
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg?_wi=1",
-          imageAlt: "Luxury Showroom",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg",          imageAlt: "Luxury Showroom"},
         {
-          imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=1",
-          imageAlt: "Automotive Detail",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/talking-about-that-brand-new-vehicle-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16060.jpg",
-          imageAlt: "Customer meeting in showroom",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg",
-          imageAlt: "Family choosing a car",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-financially-independence-while-buying-car_23-2149434345.jpg",
-          imageAlt: "Successful car buyer",
-        },
+          imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg",          imageAlt: "Automotive Detail"}
       ]}
       mediaAnimation="blur-reveal"
       rating={5}
@@ -101,7 +73,7 @@ export default function LandingPage() {
       title="Legacy of Automotive Excellence"
       description="At MC Motor, we redefine the automotive buying experience. With years of expertise in high-end vehicle sales, we provide personalized service, transparent financing, and quality assurance that you can trust."
       tag="Our Story"
-      imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg?_wi=1"
+      imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg"
       imageAlt="Modern car service center"
     />
   </div>
@@ -113,47 +85,23 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          title: "Precision Engineering",
-          description: "Every vehicle undergoes a rigorous 200-point inspection to ensure peak performance.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746590.jpg",
-            imageAlt: "Luxury Interior",
-          },
+          title: "Precision Engineering",          description: "Every vehicle undergoes a rigorous 200-point inspection to ensure peak performance.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746590.jpg",            imageAlt: "Luxury Interior"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/car-driving-green-hill_23-2148195720.jpg",
-            imageAlt: "Performance Drive",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/it-has-few-special-functions-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16061.jpg?_wi=2",
-          imageAlt: "car leather interior luxury",
+            imageSrc: "http://img.b2bpic.net/free-photo/car-driving-green-hill_23-2148195720.jpg",            imageAlt: "Performance Drive"}
         },
         {
-          title: "Tailored Financing",
-          description: "Customized financial solutions that fit your budget and lifestyle requirements.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg",
-            imageAlt: "Luxury Interior",
-          },
+          title: "Tailored Financing",          description: "Customized financial solutions that fit your budget and lifestyle requirements.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-inner-accessories_181624-61771.jpg",            imageAlt: "Luxury Interior"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19899.jpg",
-            imageAlt: "Performance Drive",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg?_wi=2",
-          imageAlt: "car leather interior luxury",
+            imageSrc: "http://img.b2bpic.net/free-photo/stylish-young-man-wearing-black-coat-with-her-arms-crossed-standing-luxury-car-autumn-forest-evening_613910-19899.jpg",            imageAlt: "Performance Drive"}
         },
         {
-          title: "Lifetime Support",
-          description: "Our dedicated team remains committed to your vehicle's health and satisfaction for as long as you drive.",
-          phoneOne: {
-            imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",
-            imageAlt: "Luxury Interior",
-          },
+          title: "Lifetime Support",          description: "Our dedicated team remains committed to your vehicle's health and satisfaction for as long as you drive.",          phoneOne: {
+            imageSrc: "http://img.b2bpic.net/free-photo/glove-compartment-car-with-black-leather_181624-22102.jpg",            imageAlt: "Luxury Interior"},
           phoneTwo: {
-            imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207318.jpg",
-            imageAlt: "Performance Drive",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-using-laptop-while-servicing-car-engine_1170-1334.jpg?_wi=2",
-          imageAlt: "car leather interior luxury",
-        },
+            imageSrc: "http://img.b2bpic.net/free-photo/young-digital-nomad-traveling-winter-time_23-2149207318.jpg",            imageAlt: "Performance Drive"}
+        }
       ]}
       showStepNumbers={true}
       title="Why Choose MC Motor?"
@@ -165,44 +113,15 @@ export default function LandingPage() {
       <ProductCardThree
       textboxLayout="split"
       gridVariant="three-columns-all-equal-width"
+      animationType="slide-up"
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Executive Sedan",
-          price: "$45,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg",
-        },
+          id: "1",          name: "Executive Sedan",          price: "$45,000",          imageSrc: "http://img.b2bpic.net/free-photo/details-car-standing-car-showroom_1303-29468.jpg"},
         {
-          id: "2",
-          name: "Luxury SUV",
-          price: "$65,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg",
-        },
+          id: "2",          name: "Luxury SUV",          price: "$65,000",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-security-guards-working_23-2148404048.jpg"},
         {
-          id: "3",
-          name: "Sports Convertible",
-          price: "$78,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6699.jpg",
-        },
-        {
-          id: "4",
-          name: "Modern Coupe",
-          price: "$55,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-white-toy-sports-car-black-surface_181624-17606.jpg",
-        },
-        {
-          id: "5",
-          name: "Premium EV",
-          price: "$82,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/electric-vehicle-charging_23-2151951202.jpg",
-        },
-        {
-          id: "6",
-          name: "Performance Master",
-          price: "$95,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-dealership_23-2148130091.jpg",
-        },
+          id: "3",          name: "Sports Convertible",          price: "$78,000",          imageSrc: "http://img.b2bpic.net/free-photo/stunning-young-woman-waring-dress-posing-front-her-car-outdoors-ownership-driver_158595-6699.jpg"}
       ]}
       title="Premium Inventory"
       description="Explore our hand-selected inventory of high-performance vehicles waiting for their next owner."
@@ -217,20 +136,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
-          value: "12+",
-          description: "Years in business",
-        },
+          id: "m1",          value: "12+",          description: "Years in business"},
         {
-          id: "m2",
-          value: "500+",
-          description: "Happy clients",
-        },
+          id: "m2",          value: "500+",          description: "Happy clients"},
         {
-          id: "m3",
-          value: "24/7",
-          description: "Support available",
-        },
+          id: "m3",          value: "24/7",          description: "Support available"},
       ]}
       title="By The Numbers"
       description="Proven reliability and expertise in every interaction."
@@ -245,45 +155,14 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Alex Rivet",
-          role: "CEO",
-          company: "TechStream",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg",
-        },
+          id: "1",          name: "Alex Rivet",          role: "CEO",          company: "TechStream",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-man-with-his-new-car_23-2148332983.jpg"},
         {
-          id: "2",
-          name: "Maria Garcia",
-          role: "Designer",
-          company: "Studio X",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg",
-        },
+          id: "2",          name: "Maria Garcia",          role: "Designer",          company: "Studio X",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-black-car-repairman-young-businessman-handshaking-auto-repair-shop_637285-4249.jpg"},
         {
-          id: "3",
-          name: "James Watt",
-          role: "Entrepreneur",
-          company: "Watt Group",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg",
-        },
-        {
-          id: "4",
-          name: "Sarah Chen",
-          role: "Consultant",
-          company: "GrowthCo",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-handsome-man-near-car-outdoors_158595-4251.jpg",
-        },
-        {
-          id: "5",
-          name: "Robert Miller",
-          role: "Manager",
-          company: "Global Corp",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-3567.jpg",
-        },
+          id: "3",          name: "James Watt",          role: "Entrepreneur",          company: "Watt Group",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lady-black-jacket-posing-isolated-background-happy-cheerful-woman-dark-suit-laughing-looking-into-camera_197531-18513.jpg"}
       ]}
       title="Driver Voices"
       description="See why our customers keep coming back for their next driving adventure."
@@ -296,20 +175,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "f1",
-          title: "Do you offer trade-ins?",
-          content: "Yes, we provide competitive trade-in valuations for your existing vehicle.",
-        },
+          id: "f1",          title: "Do you offer trade-ins?",          content: "Yes, we provide competitive trade-in valuations for your existing vehicle."},
         {
-          id: "f2",
-          title: "What warranty do you offer?",
-          content: "All our premium vehicles come with a comprehensive 12-month warranty plan.",
-        },
+          id: "f2",          title: "What warranty do you offer?",          content: "All our premium vehicles come with a comprehensive 12-month warranty plan."},
         {
-          id: "f3",
-          title: "Can I book a test drive online?",
-          content: "Absolutely! Simply fill out our contact form and our team will get in touch to schedule.",
-        },
+          id: "f3",          title: "Can I book a test drive online?",          content: "Absolutely! Simply fill out our contact form and our team will get in touch to schedule."},
       ]}
       title="Frequently Asked Questions"
       description="Clear answers to your most common questions about our services and inventory."
@@ -321,8 +191,7 @@ export default function LandingPage() {
       <ContactCenter
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="Connect With Us"
       title="Ready to Drive Away?"
       description="Submit your information and our sales team will reach out to schedule your test drive or answer your questions."
@@ -334,42 +203,27 @@ export default function LandingPage() {
       logoText="MC Motor"
       columns={[
         {
-          title: "Explore",
-          items: [
+          title: "Explore",          items: [
             {
-              label: "Catalog",
-              href: "#catalog",
-            },
+              label: "Catalog",              href: "#catalog"},
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "About Us",              href: "#about"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Contact",
-              href: "#contact",
-            },
+              label: "Contact",              href: "#contact"},
             {
-              label: "FAQ",
-              href: "#faq",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          title: "Legal",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-- 
2.49.1