"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="PORSCHE"
          navItems={[
            { name: "Models", id: "products" },
            { name: "Performance", id: "feature" },
            { name: "Pricing", id: "pricing" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Configure Now",            href: "https://www.porsche.com"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PORSCHE"
          description="Experience timeless engineering, uncompromising performance, and legendary innovation. Drive the future."
          buttons={[
            { text: "Explore Models", href: "products" },
            { text: "Book Test Drive", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg",              imageAlt: "Porsche sports car in motion"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/white-mini-coupe-road_114579-5082.jpg",              imageAlt: "Porsche 911 performance vehicle"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/metallic-color-mini-coupe-driving-accross-forest_114579-4013.jpg",              imageAlt: "Porsche Cayman dynamic driving"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="The Porsche Lineup"
          description="Discover our iconic collection of world-class vehicles engineered for performance and luxury."
          products={[
            {
              id: "911",              brand: "Porsche",              name: "911 Carrera",              price: "$109,100",              rating: 5,
              reviewCount: "12.8k",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-driving-highway-accross-mountains_114579-4015.jpg",              imageAlt: "Porsche 911 Carrera"
            },
            {
              id: "panamera",              brand: "Porsche",              name: "Panamera Turbo",              price: "$118,700",              rating: 5,
              reviewCount: "9.2k",              imageSrc: "https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg",              imageAlt: "Porsche Panamera Turbo"
            },
            {
              id: "cayenne",              brand: "Porsche",              name: "Cayenne GTS",              price: "$129,200",              rating: 5,
              reviewCount: "7.5k",              imageSrc: "https://img.b2bpic.net/free-photo/mini-coupe-parking-highway-bridge_114579-4016.jpg",              imageAlt: "Porsche Cayenne GTS"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardTwelve
          title="Engineering Excellence"
          description="Every Porsche embodies decades of precision engineering and motorsport heritage."
          features={[
            {
              id: "performance",              label: "Performance",              title: "Exceptional Power & Precision",              items: [
                "Advanced turbocharged engines",                "Dynamic suspension systems",                "Precision-tuned transmissions"
              ],
              buttons: [{ text: "Learn More", href: "https://www.porsche.com" }]
            },
            {
              id: "technology",              label: "Technology",              title: "Cutting-Edge Innovation",              items: [
                "AI-powered driving systems",                "Connected vehicle platform",                "Advanced safety features"
              ],
              buttons: [{ text: "Discover Tech", href: "https://www.porsche.com" }]
            },
            {
              id: "luxury",              label: "Luxury",              title: "Refined Interior Comfort",              items: [
                "Premium leather appointments",                "Climate-controlled seats",                "Bespoke customization options"
              ],
              buttons: [{ text: "Explore Options", href: "https://www.porsche.com" }]
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Choose Your Perfect Porsche"
          description="Flexible financing and ownership solutions tailored to your lifestyle."
          plans={[
            {
              id: "sport",              tag: "Sport Package",              price: "$109,100",              period: "starting",              description: "Pure driving pleasure with cutting-edge performance technology.",              button: { text: "Configure Now", href: "https://www.porsche.com" },
              featuresTitle: "What's Included:",              features: [
                "Advanced suspension tuning",                "Sport exhaust system",                "Premium audio system",                "Adaptive lighting"
              ]
            },
            {
              id: "executive",              tag: "Executive Collection",              price: "$118,700",              period: "starting",              description: "Sophisticated sedan for the modern executive.",              button: { text: "Configure Now", href: "https://www.porsche.com" },
              featuresTitle: "What's Included:",              features: [
                "Executive leather interior",                "Panoramic sunroof",                "Premium navigation system",                "Parking assistant with cameras"
              ]
            },
            {
              id: "adventure",              tag: "Adventure Elite",              price: "$129,200",              period: "starting",              description: "Dynamic luxury SUV for all-terrain exploration.",              button: { text: "Configure Now", href: "https://www.porsche.com" },
              featuresTitle: "What's Included:",              features: [
                "All-wheel drive system",                "Elevated ground clearance",                "Panoramic glass roof",                "Premium climate zones"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Owning a Porsche is not just about the car—it's about the experience. The engineering is flawless, the performance is exhilarating, and the community is exceptional. Every drive is a masterpiece."
          rating={5}
          author="Michael Chen, Automotive Enthusiast"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",              alt: "Michael Chen"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Sarah Rodriguez"
            },
            {
              src: "https://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5361.jpg",              alt: "James Wilson"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-optimistic-businessman-formalwear_1262-3600.jpg",              alt: "Emma Thompson"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="The Porsche Heritage"
          description="Since 1948, Porsche has been synonymous with precision, performance, and passion."
          tabs={[
            {
              id: "heritage",              label: "Our Legacy",              description: "Porsche was founded on principles of engineering excellence and motorsport passion. For over seven decades, we've pushed the boundaries of automotive innovation, creating icons that define performance."
            },
            {
              id: "innovation",              label: "Innovation",              description: "From pioneering turbocharged engines to developing autonomous driving systems, Porsche continues to lead the automotive industry through relentless innovation and forward-thinking design."
            },
            {
              id: "sustainability",              label: "Sustainability",              description: "We're committed to a sustainable future with electric and hybrid vehicles, precision manufacturing, and carbon-neutral operations. Porsche innovation serves the planet."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg"
          imageAlt="Porsche manufacturing and engineering facility"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience Porsche excellence? Connect with our specialists today and discover your perfect match."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Test Drive", href: "https://www.porsche.com" },
            { text: "Get in Touch", href: "https://www.porsche.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/high-speed-test-driving-white-sport-car_114579-4051.jpg"
          imageAlt="Porsche luxury automotive heritage"
          columns={[
            {
              title: "Models",              items: [
                { label: "911", href: "https://www.porsche.com/911" },
                { label: "Panamera", href: "https://www.porsche.com/panamera" },
                { label: "Cayenne", href: "https://www.porsche.com/cayenne" }
              ]
            },
            {
              title: "Experience",              items: [
                { label: "Test Drive", href: "https://www.porsche.com/testdrive" },
                { label: "Configurator", href: "https://www.porsche.com/configurator" },
                { label: "Dealerships", href: "https://www.porsche.com/dealerships" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Porsche", href: "https://www.porsche.com/about" },
                { label: "Careers", href: "https://www.porsche.com/careers" },
                { label: "News", href: "https://www.porsche.com/news" }
              ]
            }
          ]}
          logoText="PORSCHE"
          copyrightText="© 2025 Porsche AG. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}