d32fce93-871a-42b4-ba81-d0bb4bca931f/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Shield, Sparkles, CheckCircle, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "About", id: "about" },
        { name: "Features", id: "features" },
        { name: "Cars", id: "products" },
        { name: "Testimonials", id: "testimonials" },
        { name: "Contact", id: "contact" },
      ]}
      brandName="GlobalAuto"
      button={{ text: "Get Started", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{ variant: "plain" }}
      title="Drive Your Dream Car, Anywhere on Earth."
      description="We source, verify, and deliver the world's finest vehicles to your doorstep, no matter where you are. Your dream drive is only a click away."
      buttons={[
        { text: "Browse Catalog", href: "#products" },
        { text: "Contact Us", href: "#contact" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/exterior-modern-white-luxury-car_181624-23559.jpg"
      mediaAnimation="blur-reveal"
      avatarText="Trusted by 5,000+ drivers"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", alt: "User 1" },
        { src: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", alt: "User 2" },
        { src: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg", alt: "User 3" },
        { src: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10394.jpg", alt: "User 4" },
        { src: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", alt: "User 5" },
      ]}
      marqueeItems={[
        { type: "text", text: "Worldwide Shipping" },
        { type: "text", text: "Verified Inspections" },
        { type: "text", text: "Legal Compliance" },
        { type: "text", text: "Secure Payments" },
        { type: "text", text: "Doorstep Delivery" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Mission"
      title="Bridging Global Borders"
      description="We simplify global car sourcing. From luxury supercars to reliable daily drivers, we handle the logistics, customs, and transport so you don't have to."
      subdescription="With over 10 years of experience, we've helped thousands of clients get their perfect car, secure and worry-free."
      icon={Shield}
      imageSrc="http://img.b2bpic.net/free-photo/light-trails-city-street-with-cityscape_1359-784.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      tag="Exclusive Perks"
      tagIcon={Sparkles}
      title="Engineered for Excellence"
      description="Discover why drivers worldwide choose our premium vehicle sourcing services for their next supercar or reliable daily driver."
      accordionItems={[
        { id: "1", title: "Global Sourcing", content: "Access to exclusive networks across 50+ countries ensures we find the exact vehicle you desire." },
        { id: "2", title: "Total Compliance", content: "Our team manages all international customs, import tax, and registration paperwork seamlessly." },
        { id: "3", title: "Rigorous Inspection", content: "Every vehicle undergoes a 200-point mechanical and history check prior to transport." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/worker-follows-car-checklist-fixing-tires_482257-75661.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Porsche 911 GT3", price: "$185,000", imageSrc: "http://img.b2bpic.net/free-photo/vertical-picture-part-grey-car_181624-33069.jpg" },
        { id: "2", name: "Range Rover Autobiography", price: "$150,000", imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-front-car_23-2147724809.jpg" },
        { id: "3", name: "Mercedes G63 AMG", price: "$195,000", imageSrc: "http://img.b2bpic.net/free-photo/3d-car-with-minimal-background_23-2150796916.jpg" },
        { id: "4", name: "Ferrari F8 Tributo", price: "$320,000", imageSrc: "http://img.b2bpic.net/free-vector/set-colorful-sports-car-vectors_53876-67389.jpg" },
        { id: "5", name: "Tesla Model S Plaid", price: "$110,000", imageSrc: "http://img.b2bpic.net/free-photo/girl-car-night_23-2148140710.jpg" },
        { id: "6", name: "BMW M5 Competition", price: "$125,000", imageSrc: "http://img.b2bpic.net/free-photo/man-sitting-car-night_23-2149001291.jpg" },
      ]}
      title="Available Inventory"
      description="Explore our curated selection of premium and exotic vehicles."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Alexander M.", date: "Jan 2024", title: "Dream Car Delivered", quote: "Fantastic service. My 911 arrived in perfect condition to Dubai.", tag: "UAE", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", imageSrc: "http://img.b2bpic.net/free-photo/interior-new-luxury-sport-car_627829-661.jpg" },
        { id: "2", name: "Sophie L.", date: "Feb 2024", title: "Efficient & Professional", quote: "They made the import to France incredibly easy. Truly global.", tag: "France", avatarSrc: "http://img.b2bpic.net/free-photo/attractive-girl-portrait-white-shirt_158595-1477.jpg", imageSrc: "http://img.b2bpic.net/free-photo/delivery-male-with-mask-packages_23-2148869453.jpg" },
        { id: "3", name: "David W.", date: "Mar 2024", title: "Best in Class", quote: "Seamless communication throughout the entire shipping process.", tag: "USA", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-hispanic-male-formal-outfit-with-happy-face-expression_181624-32986.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-car-talking-smartphone_23-2147841942.jpg" },
        { id: "4", name: "Elena K.", date: "Apr 2024", title: "Highly Recommend", quote: "Found a rare classic vehicle and got it to my door in Australia.", tag: "Australia", avatarSrc: "http://img.b2bpic.net/free-photo/redhead-female-supervisor-dressed-elegant-suit-grey-background_613910-10394.jpg", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1896.jpg" },
        { id: "5", name: "Markus S.", date: "May 2024", title: "Worth Every Penny", quote: "Professional team, zero headache. My G-Wagon is perfect.", tag: "Germany", avatarSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17885.jpg", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-grey-car_181624-25312.jpg" },
      ]}
      title="Client Success Stories"
      description="Don't just take our word for it—hear from satisfied drivers globally."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{ variant: "plain" }}
      tag="Contact Us"
      title="Start Your Car Search"
      description="Ready to get behind the wheel of your next vehicle? Tell us what you're looking for, and we'll handle the rest."
      imageSrc="http://img.b2bpic.net/free-photo/car-salesman-with-tablet_23-2148130723.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="GlobalAuto"
      columns={[
        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#features" }] },
        { title: "Marketplace", items: [{ label: "Inventory", href: "#products" }, { label: "Request", href: "#contact" }] },
        { title: "Support", items: [{ label: "Terms", href: "#" }, { label: "Privacy", href: "#" }] },
      ]}
      copyrightText="© 2024 GlobalAuto. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}