"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Star, Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="AUDI RS9"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Design", id: "/design" },
            { name: "Performance", id: "/performance" },
            { name: "Technology", id: "/technology" },
            { name: "Specifications", id: "/specifications" }
          ]}
          button={{ text: "Reserve Now", href: "/contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HHeroLogo
          logoText="AUDI RS9"
          description="Unleash the pinnacle of performance and luxury engineering"
          buttons={[
            { text: "Explore the Machine", href: "/design" },
            { text: "Book a Test Drive", href: "/contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/black-mini-coupe-road_114579-5056.jpg"
          imageAlt="AUDI RS9 luxury performance vehicle"
          showDimOverlay={true}
          logoLineHeight={1.15}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Design Excellence"
          tagIcon={Sparkles}
          title="Engineered for Perfection"
          description="The AUDI RS9 represents the zenith of automotive engineering, where cutting-edge technology meets timeless design. Every curve, every detail, and every component has been meticulously crafted to deliver an unparalleled driving experience that transcends expectations."
          metrics={[
            { value: "641 hp", title: "Peak Power Output" },
            { value: "3.6 sec", title: "0-60 Acceleration" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/sunset-supercar_23-2151955610.jpg"
          imageAlt="AUDI RS9 design detail showcasing luxury craftsmanship"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          tag="Testimonials"
          tagIcon={Star}
          title="The RS9 Experience"
          description="Hear from drivers who have experienced perfection"
          testimonials={[
            {
              id: "1",
              name: "Marcus Weber, CEO of Weber Industries",
              date: "Date: 15 November 2024",
              title: "A Machine That Transforms the Drive",
              quote: "The RS9 isn't just a car—it's a statement of engineering excellence. Every acceleration tells a story of precision, and every curve rewards you with responsive handling that's unmatched in its class.",
              tag: "Enthusiast",
              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              avatarAlt: "Marcus Weber",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg",
              imageAlt: "luxury car lifestyle driving road"
            },
            {
              id: "2",
              name: "Catherine Sterling, Automotive Consultant",
              date: "Date: 22 October 2024",
              title: "The Perfect Balance",
              quote: "What impressed me most about the RS9 is how it seamlessly blends daily usability with track-day capability. The interior is a sanctuary of luxury, yet the performance is absolutely visceral and exhilarating.",
              tag: "Professional",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1588.jpg",
              avatarAlt: "Catherine Sterling",
              imageSrc: "https://img.b2bpic.net/free-photo/silver-sedan-with-red-lights-parked-port_114579-4385.jpg",
              imageAlt: "sports car drive scenic performance"
            },
            {
              id: "3",
              name: "Alexander Chen, Performance Driver",
              date: "Date: 08 October 2024",
              title: "Uncompromising Performance",
              quote: "I've tested countless performance vehicles, and the RS9 stands alone. The combination of raw power, precision handling, and sophisticated technology creates an experience that's truly transcendent.",
              tag: "Expert",
              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg",
              avatarAlt: "Alexander Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/white-coupe-sport-car-parking-bridge_114579-4006.jpg",
              imageAlt: "luxury vehicle lifestyle elegance premium"
            },
            {
              id: "4",
              name: "Victoria Hoffmann, Luxury Collector",
              date: "Date: 25 September 2024",
              title: "Timeless Excellence",
              quote: "The RS9 represents everything AUDI stands for—innovation, craftsmanship, and an unrelenting commitment to excellence. It's not just an investment; it's a masterpiece you can drive.",
              tag: "Collector",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1576.jpg",
              avatarAlt: "Victoria Hoffmann",
              imageSrc: "https://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg",
              imageAlt: "racing car speed track performance"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="AUDI RS9"
          copyrightText="© 2025 AUDI AG. All rights reserved. The future of performance."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/audi", ariaLabel: "AUDI Facebook" },
            { icon: Twitter, href: "https://twitter.com/audi", ariaLabel: "AUDI Twitter" },
            { icon: Instagram, href: "https://instagram.com/audi", ariaLabel: "AUDI Instagram" },
            { icon: Linkedin, href: "https://linkedin.com/company/audi", ariaLabel: "AUDI LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}