Merge version_2 into main

Update src/app/page.tsx
2026-04-19 01:26:49 +00:00 · 2026-04-19 01:26:43 +00:00
1 changed files with 50 additions and 175 deletions
--- 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>
  );
-}
+}
Author	SHA1	Message	Date
bender	bc1129a1e5	Merge version_2 into main Merge version_2 into main	2026-04-19 01:26:49 +00:00
bender	678576752b	Update src/app/page.tsx	2026-04-19 01:26:43 +00:00