From 678576752b804ca66d512489fe48a0d308e2ff00 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 19 Apr 2026 01:26:43 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 225 +++++++++++------------------------------------
 1 file changed, 50 insertions(+), 175 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7332f83..76c331b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
@@ -31,24 +31,16 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleCentered
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Showroom",
-          id: "products",
-        },
+          name: "Showroom",          id: "products"},
         {
-          name: "About",
-          id: "about",
-        },
+          name: "About",          id: "about"},
         {
-          name: "Services",
-          id: "features",
-        },
+          name: "Services",          id: "features"},
         {
-          name: "Contact",
-          id: "contact",
-        },
+          name: "Contact",          id: "contact"},
       ]}
       brandName="Apex Motors"
     />
@@ -60,38 +52,24 @@ export default function LandingPage() {
       description="Discover a curated collection of world-class vehicles designed to redefine your driving experience. Performance, style, and innovation await."
       buttons={[
         {
-          text: "Explore Collection",
-          href: "#products",
-        },
+          text: "Explore Collection",          href: "#products"},
         {
-          text: "Contact Us",
-          href: "#contact",
-        },
+          text: "Contact Us",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/traffic-tunnel_1359-593.jpg"
       imageAlt="Luxury vehicle in studio"
       showDimOverlay={true}
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",
-          alt: "Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",          alt: "Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
-          alt: "Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          alt: "Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",
-          alt: "Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",          alt: "Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",
-          alt: "Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153828.jpg",          alt: "Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
-          alt: "Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",          alt: "Customer 5"},
       ]}
       avatarText="Trusted by 10,000+ drivers"
     />
@@ -104,19 +82,13 @@ export default function LandingPage() {
       metrics={[
         {
           icon: ShieldCheck,
-          label: "Certified Vehicles",
-          value: "500+",
-        },
+          label: "Certified Vehicles",          value: "500+"},
         {
           icon: Award,
-          label: "Years Experience",
-          value: "25",
-        },
+          label: "Years Experience",          value: "25"},
         {
           icon: ThumbsUp,
-          label: "Satisfied Clients",
-          value: "10k+",
-        },
+          label: "Satisfied Clients",          value: "10k+"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -129,17 +101,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "No hidden transaction fees",
-          "No compromise on quality",
-          "No high-pressure sales",
-        ],
+          "No hidden transaction fees",          "No compromise on quality",          "No high-pressure sales"],
       }}
       positiveCard={{
         items: [
-          "Certified multi-point inspection",
-          "Transparent pricing models",
-          "Priority maintenance support",
-        ],
+          "Certified multi-point inspection",          "Transparent pricing models",          "Priority maintenance support"],
       }}
       title="Why Drive With Us"
       description="Experience automotive excellence through our commitment to quality, service, and innovation."
@@ -154,41 +120,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p1",
-          name: "Apex Sedán Pro",
-          price: "$85,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213563.jpg",
-        },
+          id: "p1",          name: "Apex Sedán Pro",          price: "$85,000",          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-tablet-street_23-2148213563.jpg"},
         {
-          id: "p2",
-          name: "Titan SUV Zenith",
-          price: "$110,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg",
-        },
+          id: "p2",          name: "Titan SUV Zenith",          price: "$110,000",          imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg"},
         {
-          id: "p3",
-          name: "Volt Electric Sport",
-          price: "$95,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25981.jpg",
-        },
+          id: "p3",          name: "Volt Electric Sport",          price: "$95,000",          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-street_1303-25981.jpg"},
         {
-          id: "p4",
-          name: "Urban Hybrid Zen",
-          price: "$45,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35470.jpg",
-        },
+          id: "p4",          name: "Urban Hybrid Zen",          price: "$45,000",          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35470.jpg"},
         {
-          id: "p5",
-          name: "Roadster Velocity",
-          price: "$125,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg",
-        },
+          id: "p5",          name: "Roadster Velocity",          price: "$125,000",          imageSrc: "http://img.b2bpic.net/free-photo/wooden-interior-luxury-car_114579-4011.jpg"},
         {
-          id: "p6",
-          name: "Golden Horizon Super",
-          price: "$250,000",
-          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg",
-        },
+          id: "p6",          name: "Golden Horizon Super",          price: "$250,000",          imageSrc: "http://img.b2bpic.net/free-photo/yellow-sport-car-render-3d-illustration_654080-1126.jpg"},
       ]}
       title="Our Premium Showroom"
       description="Explore the latest models from the world's most iconic luxury and performance brands."
@@ -202,55 +144,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
-          badge: "Essential",
-          price: "$499/yr",
-          subtitle: "Basic maintenance package",
-          buttons: [
+          id: "basic",          badge: "Essential",          price: "$499/yr",          subtitle: "Basic maintenance package",          buttons: [
             {
-              text: "Select Plan",
-              href: "#",
-            },
+              text: "Select Plan",              href: "#"},
           ],
           features: [
-            "Oil changes",
-            "Safety inspection",
-            "Tire rotation",
-          ],
+            "Oil changes",            "Safety inspection",            "Tire rotation"],
         },
         {
-          id: "pro",
-          badge: "Premium",
-          price: "$899/yr",
-          subtitle: "Advanced protection package",
-          buttons: [
+          id: "pro",          badge: "Premium",          price: "$899/yr",          subtitle: "Advanced protection package",          buttons: [
             {
-              text: "Select Plan",
-              href: "#",
-            },
+              text: "Select Plan",              href: "#"},
           ],
           features: [
-            "Full engine tune-up",
-            "Priority scheduling",
-            "Concierge pick-up",
-          ],
+            "Full engine tune-up",            "Priority scheduling",            "Concierge pick-up"],
         },
         {
-          id: "elite",
-          badge: "Executive",
-          price: "$1499/yr",
-          subtitle: "Total luxury maintenance",
-          buttons: [
+          id: "elite",          badge: "Executive",          price: "$1499/yr",          subtitle: "Total luxury maintenance",          buttons: [
             {
-              text: "Select Plan",
-              href: "#",
-            },
+              text: "Select Plan",              href: "#"},
           ],
           features: [
-            "Elite interior detail",
-            "Comprehensive warranty",
-            "24/7 Roadside Assistance",
-          ],
+            "Elite interior detail",            "Comprehensive warranty",            "24/7 Roadside Assistance"],
         },
       ]}
       title="Service Packages"
@@ -266,25 +181,13 @@ export default function LandingPage() {
       useInvertedBackground={true}
       metrics={[
         {
-          id: "m1",
-          value: "15,000+",
-          title: "Happy Drivers",
-          description: "Successfully handed keys to.",
-          icon: Smile,
+          id: "m1",          value: "15,000+",          title: "Happy Drivers",          description: "Successfully handed keys to.",          icon: Smile,
         },
         {
-          id: "m2",
-          value: "45+",
-          title: "Brands Partnered",
-          description: "Curating best in class options.",
-          icon: Building2,
+          id: "m2",          value: "45+",          title: "Brands Partnered",          description: "Curating best in class options.",          icon: Building2,
         },
         {
-          id: "m3",
-          value: "98%",
-          title: "Customer Retention",
-          description: "Committed to long-term trust.",
-          icon: Star,
+          id: "m3",          value: "98%",          title: "Customer Retention",          description: "Committed to long-term trust.",          icon: Star,
         },
       ]}
       title="Impact in Numbers"
@@ -300,25 +203,15 @@ export default function LandingPage() {
       author="Sarah Miller"
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",
-          alt: "Customer 1",
-        },
+          src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-looking-camera_23-2148187139.jpg",          alt: "Customer 1"},
         {
-          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",
-          alt: "Customer 2",
-        },
+          src: "http://img.b2bpic.net/free-photo/successful-senior-businesswoman-eyeglasses_1262-5856.jpg",          alt: "Customer 2"},
         {
-          src: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg",
-          alt: "Customer 3",
-        },
+          src: "http://img.b2bpic.net/free-photo/woman-coat-outside-th-street_1303-11079.jpg",          alt: "Customer 3"},
         {
-          src: "http://img.b2bpic.net/free-photo/close-up-businesswoman-standing-car-door_23-2147943892.jpg",
-          alt: "Customer 4",
-        },
+          src: "http://img.b2bpic.net/free-photo/close-up-businesswoman-standing-car-door_23-2147943892.jpg",          alt: "Customer 4"},
         {
-          src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",
-          alt: "Customer 5",
-        },
+          src: "http://img.b2bpic.net/free-photo/adorable-lovely-woman-fashion-clothes-is-sitting-open-air-cafe-is-using-smartphone-waiting-friends-city-lights-background_291650-842.jpg",          alt: "Customer 5"},
       ]}
       ratingAnimation="blur-reveal"
       avatarsAnimation="slide-up"
@@ -331,20 +224,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       faqs={[
         {
-          id: "faq1",
-          title: "Do you offer financing options?",
-          content: "Yes, we partner with multiple leading banks to offer flexible and competitive financing plans for all our clients.",
-        },
+          id: "faq1",          title: "Do you offer financing options?",          content: "Yes, we partner with multiple leading banks to offer flexible and competitive financing plans for all our clients."},
         {
-          id: "faq2",
-          title: "How can I schedule a test drive?",
-          content: "You can easily schedule a test drive directly through our product showroom page or by contacting our team via phone.",
-        },
+          id: "faq2",          title: "How can I schedule a test drive?",          content: "You can easily schedule a test drive directly through our product showroom page or by contacting our team via phone."},
         {
-          id: "faq3",
-          title: "Do you provide international shipping?",
-          content: "We handle logistics for local, regional, and national deliveries. For international requests, please contact our support team.",
-        },
+          id: "faq3",          title: "Do you provide international shipping?",          content: "We handle logistics for local, regional, and national deliveries. For international requests, please contact our support team."},
       ]}
       title="Frequently Asked Questions"
       description="Find answers to our most common questions about services and sales."
@@ -356,16 +240,13 @@ export default function LandingPage() {
       <ContactCTA
       useInvertedBackground={false}
       background={{
-        variant: "sparkles-gradient",
-      }}
+        variant: "sparkles-gradient"}}
       tag="Get In Touch"
       title="Ready to Drive Your Dream?"
       description="Reach out to our experts today and start your journey towards your perfect vehicle."
       buttons={[
         {
-          text: "Contact Sales",
-          href: "#",
-        },
+          text: "Contact Sales",          href: "#"},
       ]}
     />
   </div>
@@ -377,23 +258,17 @@ export default function LandingPage() {
       socialLinks={[
         {
           icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
+          href: "#",          ariaLabel: "Instagram"},
         {
           icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
+          href: "#",          ariaLabel: "Twitter"},
         {
           icon: Linkedin,
-          href: "#",
-          ariaLabel: "Linkedin",
-        },
+          href: "#",          ariaLabel: "Linkedin"},
       ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1