"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Collection",
          id: "#products",
        },
        {
          name: "Innovation",
          id: "#features",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/corporative-logo-design_1057-597.jpg"
      logoAlt="Luna Automotive Logo"
      brandName="LUNA AUTOMOTIVE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "downward-rays-animated",
      }}
      title="Engineering Meets Cinema Drive Innovation"
      description="Experience Luna Automotive through cutting-edge 3D cinematics and immersive vehicle showcases. Every detail, every motion, engineered for impact."
      buttons={[
        {
          text: "Explore Our Collection",
          href: "#products",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138966.jpg"
      videoSrc="http://img.b2bpic.net/free-photo/night-drive_23-2151955606.jpg"
      imageAlt="Futuristic luxury car in cinematic lighting"
      mediaAnimation="blur-reveal"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/male-suit-showing-thumb-up_23-2148112210.jpg",
          alt: "Executive praising Luna Automotive",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg",
          alt: "Stylish man admiring luxury car",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background-glasses_158538-9628.jpg",
          alt: "Fashion male model with a futuristic car",
        },
        {
          src: "http://img.b2bpic.net/free-photo/male-costume-with-cup-coffee_23-2148112124.jpg",
          alt: "Businessman reviewing car features",
        },
        {
          src: "http://img.b2bpic.net/free-photo/sensual-dangerous-woman-standing-with-feline-look-door_158595-1153.jpg",
          alt: "Confident woman with a sleek vehicle",
        },
      ]}
      avatarText="Join over 100,000 enthusiasts"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649911.jpg",
          alt: "Futuristic car concept with neon lights",
        },
        {
          type: "text",
          text: "Future Forward Design",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674314.jpg",
          alt: "Modern car driving in a futuristic city",
        },
        {
          type: "text",
          text: "Luxury Redefined",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/view-3d-car-model_23-2151138964.jpg",
          alt: "Detailed 3D car model view",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Crafted for the Future of Driving"
      description={[
        "At Luna Automotive, we transcend traditional vehicle manufacturing, blending German engineering precision with cinematic digital artistry. Our commitment is to deliver not just a car, but an unparalleled sensory journey from the first click to the open road.",
        "We pride ourselves on innovation, pushing boundaries with cutting-edge 3D vehicle showcases and immersive virtual experiences. Each model is a masterpiece, designed to ignite passion and redefine luxury mobility.",
      ]}
      buttons={[
        {
          text: "Discover Our Philosophy",
          href: "#about",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Cinematic Lighting System",
          description: "Adaptive LED matrices that respond to environment and driver mood, creating an immersive and dynamic visual experience.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-carbon-fibre-headlight-sports-car_181624-23606.jpg",
          imageAlt: "Cinematic Lighting System",
        },
        {
          title: "Adaptive Aerodynamics",
          description: "Intelligent body panels and spoilers adjust in real-time to optimize airflow, enhancing performance and efficiency.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-car-sketch-style_23-2151138905.jpg",
          imageAlt: "Adaptive Aerodynamics",
        },
        {
          title: "Intuitive Cockpit Interface",
          description: "Holographic displays and haptic controls blend seamlessly, providing critical information and an unparalleled driving command center.",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674227.jpg",
          imageAlt: "Intuitive Cockpit Interface",
        },
        {
          title: "Advanced AI Co-Pilot",
          description: "An intelligent assistant learning your preferences, anticipating needs, and enhancing safety and comfort on every journey.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-technological-screen_23-2149126942.jpg",
          imageAlt: "Advanced AI Co-Pilot",
        },
        {
          title: "Sustainable Performance Engine",
          description: "Engineered for maximum power delivery with zero emissions, combining exhilarating performance with environmental responsibility.",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-city-with-high-tech-mobility-social-welfare_23-2151065318.jpg",
          imageAlt: "Sustainable Performance Engine",
        },
        {
          title: "Immersive Audio Experience",
          description: "A bespoke sound system with directional audio, creating a concert-hall experience tailored to each passenger.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-interior-details-modern-luxury-car_181624-22687.jpg",
          imageAlt: "Immersive Audio Experience",
        },
      ]}
      title="Unrivaled Innovation in Every Detail"
      description="Discover the core technologies and design principles that set Luna Automotive apart. Each feature is a testament to our relentless pursuit of perfection and our vision for the future of driving."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Luna Equinox",
          price: "From €125,000",
          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139123.jpg",
          imageAlt: "Luna Equinox luxury electric sedan",
        },
        {
          id: "2",
          name: "Luna Zenith",
          price: "From €140,000",
          imageSrc: "http://img.b2bpic.net/free-vector/blue-background-with-black-blue-sign-with-star-design-it_125964-4106.jpg",
          imageAlt: "Luna Zenith luxury electric coupe",
        },
        {
          id: "3",
          name: "Luna Atlas",
          price: "From €130,000",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-desert-supercar_23-2151955600.jpg",
          imageAlt: "Luna Atlas luxury electric SUV",
        },
        {
          id: "4",
          name: "Luna Eclipse",
          price: "From €155,000",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1303-14756.jpg",
          imageAlt: "Luna Eclipse luxury electric roadster",
        },
        {
          id: "5",
          name: "Luna Odyssey",
          price: "From €145,000",
          imageSrc: "http://img.b2bpic.net/free-vector/police-car-background-design_1268-528.jpg",
          imageAlt: "Luna Odyssey luxury electric grand tourer",
        },
        {
          id: "6",
          name: "Luna Nova",
          price: "From €115,000",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-electric-car-with-charged-battery-symbol_23-2148972408.jpg",
          imageAlt: "Luna Nova luxury electric compact sedan",
        },
      ]}
      title="Our Prestigious Collection"
      description="Explore Luna Automotive's exquisite range of vehicles, each a blend of sophisticated design, groundbreaking technology, and exhilarating performance. Find the model that speaks to your ambition."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "2.8s",
          description: "0-100 km/h Acceleration",
        },
        {
          id: "2",
          value: "700 km+",
          description: "Maximum Electric Range",
        },
        {
          id: "3",
          value: "Level 3+",
          description: "Autonomous Driving",
        },
        {
          id: "4",
          value: "100%",
          description: "Sustainable Materials",
        },
      ]}
      title="Performance That Commands Respect"
      description="Luna Automotive vehicles are engineered to exceed expectations, delivering segment-leading performance and innovation that reshapes the driving experience."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Dr. Anya Sharma",
          handle: "@AnyaSharma",
          testimonial: "Driving the Luna Equinox is an experience unlike any other. The attention to detail, the seamless technology, and the sheer power are simply breathtaking. It's truly a masterpiece.",
          imageSrc: "http://img.b2bpic.net/free-photo/confident-handsome-man-talking-phone_23-2147689181.jpg",
          imageAlt: "Dr. Anya Sharma",
        },
        {
          id: "2",
          name: "Markus Richter",
          handle: "@MarkusR_DE",
          testimonial: "I've owned several luxury vehicles, but nothing compares to my Luna Zenith. The immersive cockpit and adaptive aerodynamics make every drive an event. Luna Automotive has redefined luxury.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17455.jpg",
          imageAlt: "Markus Richter",
        },
        {
          id: "3",
          name: "Isabella Rossi",
          handle: "@IsabellaR_IT",
          testimonial: "The Luna Atlas is not just an SUV; it's a statement. Its elegant design perfectly complements the advanced sustainable powertrain. A truly responsible luxury choice.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-male-wearing-vintage-business-clo_613910-1552.jpg",
          imageAlt: "Isabella Rossi",
        },
        {
          id: "4",
          name: "Chen Wei",
          handle: "@ChenW_SG",
          testimonial: "From the moment I stepped into my Luna Eclipse, I knew this was different. The performance and the AI co-pilot are phenomenal, offering an intuitive and exhilarating ride every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-sitting-street-cafe-holding-smartphone-her-hands_93675-132967.jpg",
          imageAlt: "Chen Wei",
        },
        {
          id: "5",
          name: "Sophie Dubois",
          handle: "@SophieD_FR",
          testimonial: "The immersive audio and cinematic lighting in my Luna Odyssey transform every journey. It’s a sensory delight, proving that luxury and cutting-edge tech can coexist beautifully.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14585.jpg",
          imageAlt: "Sophie Dubois",
        },
        {
          id: "6",
          name: "David Kim",
          handle: "@DavidKim",
          testimonial: "Luna Automotive is pushing boundaries. The seamless integration of tech and design in my Luna Nova is incredible. It’s an innovative brand I'm proud to be a part of.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-bearded-handsome-man-touching-his-hair_158595-4250.jpg",
          imageAlt: "David Kim",
        },
      ]}
      title="Voices of Distinction"
      description="Hear from owners who have experienced the Luna Automotive difference. Their stories reflect our commitment to unparalleled quality, innovation, and customer satisfaction."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "QuantumDrive Technologies",
        "AeroDynamic Solutions",
        "Cognito AI Systems",
        "LuxeMaterials Group",
        "SpectraSound Innovations",
        "ElectroMotion Labs",
        "DigitalCraft Studios",
        "FutureMobility Alliance",
      ]}
      title="Trusted by Industry Innovators"
      description="Luna Automotive is proud to collaborate with leading technology and design partners, pushing the boundaries of what's possible in luxury automotive engineering."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What makes Luna Automotive vehicles unique?",
          content: "Luna Automotive vehicles combine cutting-edge German engineering with immersive 3D cinematic design and advanced AI, offering an unparalleled luxury driving experience.",
        },
        {
          id: "2",
          title: "How does the 3D cinematic experience work?",
          content: "Our website and in-dealership showcases feature highly detailed 3D animated models, allowing you to explore every angle and feature of our vehicles in a visually stunning, interactive environment.",
        },
        {
          id: "3",
          title: "What kind of sustainable technologies are integrated?",
          content: "We incorporate advanced electric powertrains, utilize sustainable and recycled materials in our interiors, and employ energy-efficient manufacturing processes to minimize environmental impact.",
        },
        {
          id: "4",
          title: "Where can I schedule a test drive?",
          content: "You can schedule a personalized test drive through our 'Contact Us' page or by visiting one of our Luna Automotive showrooms. Our team will arrange an exclusive experience for you.",
        },
        {
          id: "5",
          title: "What are the financing options available?",
          content: "Luna Automotive offers a range of flexible financing and leasing options tailored to your needs. Please contact our sales team for detailed information and personalized consultation.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/assortment-yellow-paper-cut-out-light-bulbs-blue-background_23-2147873518.jpg"
      imageAlt="Abstract representation of frequently asked questions and answers"
      mediaAnimation="blur-reveal"
      title="Your Questions, Our Expertise"
      description="Find answers to frequently asked questions about Luna Automotive vehicles, technology, purchasing process, and ownership experience."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      text="Ready to Experience the Future of Driving?"
      buttons={[
        {
          text: "Contact Our Sales Team",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/corporative-logo-design_1057-597.jpg"
      logoAlt="Luna Automotive Logo"
      logoText="LUNA AUTOMOTIVE"
      copyrightText="© 2025 Luna Automotive GmbH. All rights reserved."
      socialLinks={[
        {
          icon: Twitter,
          href: "https://twitter.com/lunaautomotive",
          ariaLabel: "Twitter",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/lunaautomotive",
          ariaLabel: "Instagram",
        },
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/lunaautomotive",
          ariaLabel: "LinkedIn",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
