"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardFive from '@/components/sections/metrics/MetricCardFive';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Briefcase, Crown, Cpu, Mail, Star, Trophy, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="outline"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="F1 ELITE"
          navItems={[
            { name: "Models", id: "product" },
            { name: "Performance", id: "feature" },
            { name: "Team", id: "team" },
            { name: "Achievements", id: "metric" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Experience", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Experience Formula 1 Excellence"
          description="Witness the pinnacle of motorsport engineering and performance. Discover the speed, precision, and innovation that defines championship racing."
          tag="Premium Performance"
          tagIcon={Zap}
          buttons={[
            { text: "Explore Models", href: "product" },
            { text: "View Performance", href: "feature" }
          ]}
          mediaItems={[
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719151416-0xr2yoon.jpg", imageAlt: "Formula 1 race car in dynamic motion" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719152658-26vwl0uz.jpg", imageAlt: "Professional F1 vehicle showcasing aerodynamic design" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719154184-5209fm53.jpg", imageAlt: "High-performance racing car on track" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719155292-wt57uu8d.jpg", imageAlt: "Championship F1 car with championship livery" },
            { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719157565-56jcq9rj.jpg", imageAlt: "Formula 1 vehicle displaying cutting-edge technology" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TagAbout
          tag="Our Mission"
          description="We engineer the future of motorsport through relentless innovation, precision engineering, and an unwavering commitment to speed. Every component, every system, every decision is driven by the pursuit of perfection and competitive excellence."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardSeven
          title="Technical Superiority"
          description="Advanced engineering systems that deliver championship-winning performance"
          tag="Performance Features"
          tagIcon={Zap}
          buttons={[{ text: "Learn More", href: "product" }]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Hybrid Power Unit",              description: "Revolutionary 1000+ HP hybrid propulsion system combining traditional engine with electric motor technology for maximum acceleration and efficiency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719158979-jynan1hy.jpg"
            },
            {
              id: 2,
              title: "Aerodynamic Mastery",              description: "Advanced wing systems, DRS technology, and computational fluid dynamics optimization generating exceptional downforce while minimizing drag.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719160878-yfi5xlcd.jpg"
            },
            {
              id: 3,
              title: "Advanced Electronics",              description: "State-of-the-art telemetry, real-time data processing, and AI-assisted driver support systems providing critical competitive advantages.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719167223-vvor54ka.jpg"
            },
            {
              id: 4,
              title: "Precision Suspension",              description: "Adaptive suspension geometry with active components delivering superior handling, grip, and stability across all track conditions and racing scenarios.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719162169-kw6h4tv2.jpg"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Our F1 Fleet"
          description="Premium racing vehicles engineered for championship performance and cutting-edge technology"
          tag="Exclusive Models"
          tagIcon={Crown}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertCard"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Prancing Horse Pro",              price: "$15,200,000",              imageSrc: "https://img.b2bpic.net/free-photo/motorsport-showdown-with-racing-cars_23-2151821451.jpg"
            },
            {
              id: "2",              name: "Silver Arrow Elite",              price: "$14,800,000",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719164553-oa9ocwel.jpg"
            },
            {
              id: "3",              name: "Blue Moon Racer",              price: "$14,500,000",              imageSrc: "https://img.b2bpic.net/free-photo/automobile-racing-sports-competition_23-2150799979.jpg"
            }
          ]}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardFive
          title="Championship Achievements"
          description="Proven track record of excellence and dominance in the world's most prestigious motorsport competition"
          tag="Performance Record"
          tagIcon={Award}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "8",              description: "World Championship titles across our racing program history"
            },
            {
              id: "2",              value: "147",              description: "Grand Prix victories demonstrating consistent competitive excellence"
            },
            {
              id: "3",              value: "2,847",              description: "Fastest lap records achieved across all F1 circuits and seasons"
            },
            {
              id: "4",              value: "340+",              description: "Podium finishes showcasing championship-caliber performance"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Racing Excellence Team"
          description="World-class drivers and engineers dedicated to championship performance"
          tag="Elite Athletes"
          tagIcon={Users}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="four-items-2x2-equal-grid"
          members={[
            {
              id: "1",              name: "Sebastian König",              role: "Lead Driver",              description: "Five-time World Champion with 98 Grand Prix victories. Master of precision driving and strategic decision-making.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719168631-6dy4nf3r.jpg",              socialLinks: [{ icon: Trophy, url: "https://example.com/sebastian" }]
            },
            {
              id: "2",              name: "Marcus Sterling",              role: "Second Driver",              description: "Emerging championship contender with 12 podium finishes in current season. Known for aggressive racing and consistency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719169646-joab7dlp.jpg",              socialLinks: [{ icon: Zap, url: "https://example.com/marcus" }]
            },
            {
              id: "3",              name: "Dr. James Mitchell",              role: "Chief Engineer",              description: "Legendary aerodynamics specialist. 30 years innovating F1 technology. Expert in hybrid power systems and optimization.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719170717-pg4q2kup.jpg",              socialLinks: [{ icon: Cpu, url: "https://example.com/james" }]
            },
            {
              id: "4",              name: "Elena Rodriguez",              role: "Technical Director",              description: "Strategic mastermind behind championship strategy. Expert in race dynamics, fuel management, and competitive intelligence.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719171953-gfmk5joc.jpg",              socialLinks: [{ icon: Briefcase, url: "https://example.com/elena" }]
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardEight
          title="Champion Testimonials"
          description="Hear from the world's greatest drivers and racing legends who have experienced our championship-winning technology"
          tag="Racing Champions"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertCard"
          testimonials={[
            {
              id: "1",              name: "Ayrton Champion",              role: "Legendary Driver",              company: "Formula 1 Hall of Fame",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719173194-p59ob4p3.jpg"
            },
            {
              id: "2",              name: "Lewis Divine",              role: "World Champion 2023",              company: "Silver Arrow Racing",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719174120-r4j18tqx.jpg"
            },
            {
              id: "3",              name: "Max Velocity",              role: "Championship Contender",              company: "Red Bull Racing",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719175252-z685545h.jpg"
            },
            {
              id: "4",              name: "Matteo Rossi",              role: "Ferrari Team Principal",              company: "Scuderia Ferrari",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719176417-yegfyov0.jpg"
            },
            {
              id: "5",              name: "Charles Monaco",              role: "Rising Star Driver",              company: "Ferrari",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719177906-ow93ew1f.jpg"
            },
            {
              id: "6",              name: "Lando Precision",              role: "Young Talent",              company: "McLaren Racing",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767719179113-zvxb61z2.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Stay Connected"
          title="Experience the Future of Racing"
          description="Join our community to receive exclusive updates on new models, racing achievements, and championship announcements."
          tagIcon={Mail}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. By subscribing, you agree to receive updates about our championship racing program."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Racing",              items: [
                { label: "Models", href: "product" },
                { label: "Performance", href: "feature" },
                { label: "Specifications", href: "feature" },
                { label: "Team", href: "team" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Achievements", href: "metric" },
                { label: "Championships", href: "testimonial" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Safety Information", href: "#" },
                { label: "Accessibility", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 F1 Elite Racing. All rights reserved. Championship Excellence."
        />
      </div>
    </ThemeProvider>
  );
}