"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Zap, Shield, Award, Heart, Star, Crown, Bell } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Pinnacle Motors"
          navItems={[
            { name: "Collection", id: "product" },
            { name: "Heritage", id: "about" },
            { name: "Performance", id: "feature" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Reserve Your Test Drive",            href: "contact"
          }}
          className="bg-opacity-95 backdrop-blur-md border border-white border-opacity-20"
          navItemClassName="text-foreground font-medium hover:text-primary-cta transition-colors"
          buttonClassName="bg-primary-cta hover:bg-opacity-90 text-white font-semibold px-6 py-2 rounded-full transition-all duration-300"
          buttonTextClassName="text-sm font-bold tracking-wide"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Experience the Pinnacle of Automotive Elegance"
          description="Where luxury meets performance in every detail. Discover exclusive vehicles engineered for those who demand excellence."
          tag="Exclusive Collection"
          tagIcon={Sparkles}
          buttons={[
            { text: "Explore the Collection", href: "product" },
            { text: "Schedule a Consultation" }
          ]}
          carouselItems={[
            {
              id: "car-1",              imageSrc: "https://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg",              imageAlt: "Pinnacle Motors flagship luxury vehicle"
            },
            {
              id: "car-2",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-brutal-male-suit-near-luxury-car-outdoors-against-cityscape_613910-5973.jpg",              imageAlt: "Premium sports sedan with performance engineering"
            },
            {
              id: "car-3",              imageSrc: "https://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg",              imageAlt: "Exotic coupe showcasing automotive artistry"
            },
            {
              id: "car-4",              imageSrc: "https://img.b2bpic.net/free-photo/fashionable-ladies-going-out-car_132075-12211.jpg",              imageAlt: "Luxury vehicle embodying precision and elegance"
            },
            {
              id: "car-5",              imageSrc: "https://img.b2bpic.net/free-photo/sunset-supercar_23-2151955610.jpg",              imageAlt: "High-performance luxury automobile"
            },
            {
              id: "car-6",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg",              imageAlt: "Sophisticated luxury sedan for discerning clients"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          containerClassName="py-8 md:py-16"
          titleClassName="text-4xl md:text-6xl font-bold tracking-tight"
          descriptionClassName="text-lg md:text-xl opacity-90 max-w-3xl"
          buttonContainerClassName="flex flex-col sm:flex-row gap-4 mt-8"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardOne
          title="Our Curated Collection"
          description="Each vehicle is meticulously selected and expertly curated to meet the exacting standards of luxury automotive enthusiasts."
          tag="Premium Selection"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          products={[
            {
              id: "model-1",              name: "Apex GT Coupe",              price: "$285,000",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17457.jpg",              imageAlt: "Apex GT Coupe sports model"
            },
            {
              id: "model-2",              name: "Zenith Elite SUV",              price: "$215,000",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-sitting-front-seat-man-dressed-suit-standing-near-car-outdoors_613910-4822.jpg",              imageAlt: "Zenith Elite luxury SUV"
            },
            {
              id: "model-3",              name: "Monarch Executive",              price: "$195,000",              imageSrc: "https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg",              imageAlt: "Monarch Executive premium sedan"
            }
          ]}
          buttons={[
            { text: "View All Models", href: "#pricing" }
          ]}
          containerClassName="py-20 px-4"
          cardClassName="rounded-2xl overflow-hidden shadow-lg hover:shadow-2xl transition-all duration-500"
          imageClassName="w-full h-64 object-cover"
          cardNameClassName="text-lg font-semibold mt-4 truncate"
          cardPriceClassName="text-2xl font-bold text-primary-cta mt-2"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Engineered for Those Who Refuse Compromise. Every Vehicle Represents Decades of Automotive Excellence, Precision Engineering, and Uncompromising Commitment to Performance."
          useInvertedBackground="noInvert"
          metrics={[
            {
              icon: Zap,
              label: "Zero to 60 Performance",              value: "2.8 seconds"
            },
            {
              icon: Shield,
              label: "Safety Rating",              value: "5/5 Stars"
            },
            {
              icon: Award,
              label: "Engineering Awards",              value: "47+"
            },
            {
              icon: Heart,
              label: "Owner Satisfaction",              value: "98%"
            }
          ]}
          containerClassName="py-20 px-4"
          titleClassName="text-3xl md:text-5xl font-bold tracking-tight mb-12"
          metricsContainerClassName="grid grid-cols-2 md:grid-cols-4 gap-8"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardNineteen
          title="Design & Heritage"
          description="Discover the meticulous craftsmanship that defines every Pinnacle Motors vehicle."
          tag="Craftsmanship"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Innovation",              title: "Precision Engineering",              subtitle: "Cutting-edge automotive technology",              description: "Every component is engineered with uncompromising precision. Our vehicles incorporate advanced aerodynamics, lightweight materials, and performance optimization systems that deliver exhilarating power and efficiency.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg",              imageAlt: "High-performance engine detail"
            },
            {
              id: 2,
              tag: "Heritage",              title: "Artisanal Craftsmanship",              subtitle: "Master-level attention to detail",              description: "Hand-finished interiors featuring premium leather, exotic wood trim, and custom metalwork. Each detail reflects generations of automotive mastery, creating an interior sanctuary worthy of the discerning owner.",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-19323.jpg",              imageAlt: "Automotive craftsmanship and production"
            },
            {
              id: 3,
              tag: "Exclusivity",              title: "Limited Availability",              subtitle: "Fewer than 500 units annually",              description: "Pinnacle Motors maintains strict production limits to ensure exclusivity and maintain the brand's prestige. Each vehicle is individually numbered and documented, guaranteeing your ownership of a truly rare automotive treasure.",              imageSrc: "https://img.b2bpic.net/free-photo/brutal-young-man-wearing-black-coat-leaning-luxury-car-autumn-forest-evening_613910-19901.jpg",              imageAlt: "Exclusive Pinnacle Motors vehicle"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardOne
          title="What Owners Say"
          description="Testimonials from distinguished owners who have experienced the Pinnacle Motors difference."
          tag="Owners"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marcus Sterling",              role: "CEO & Founder",              company: "Quantum Ventures",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Marcus Sterling"
            },
            {
              id: "2",              name: "Victoria Chen",              role: "Chief Investment Officer",              company: "Alpine Capital",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-entrepreneur-working-from-cafe_1098-14469.jpg",              imageAlt: "Victoria Chen"
            },
            {
              id: "3",              name: "Thomas Ashford",              role: "Executive Director",              company: "Heritage Holdings",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",              imageAlt: "Thomas Ashford"
            },
            {
              id: "4",              name: "Sophie Beaumont",              role: "Founder & CEO",              company: "Elegance Collective",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smart-business-executive-forlmalwear-standing-outside-office-building-have-his-takeaway-coffee_1098-19265.jpg",              imageAlt: "Sophie Beaumont"
            },
            {
              id: "5",              name: "Christopher Vale",              role: "President",              company: "Vale Enterprises",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-with-cup-coffee-front-building_23-2147955376.jpg",              imageAlt: "Christopher Vale"
            },
            {
              id: "6",              name: "Alexandra Mercer",              role: "Managing Partner",              company: "Mercer & Associates",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-clasped-hands_23-2147955358.jpg",              imageAlt: "Alexandra Mercer"
            }
          ]}
          containerClassName="py-20 px-4"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardEight
          title="Investment Tiers"
          description="Select the perfect Pinnacle Motors ownership experience tailored to your desires."
          tag="Ownership Plans"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "classic",              badge: "Entry to Excellence",              badgeIcon: Star,
              price: "$195,000",              subtitle: "Pinnacle's acclaimed sedan collection",              buttons: [
                { text: "Reserve Now", href: "contact" }
              ],
              features: [
                "Premium leather interior",                "Advanced driver assistance systems",                "Limited to 200 units annually",                "5-year comprehensive warranty",                "Exclusive owner events access",                "Concierge maintenance service"
              ]
            },
            {
              id: "performance",              badge: "Most Desired",              badgeIcon: Sparkles,
              price: "$285,000",              subtitle: "Supreme performance and prestige combined",              buttons: [
                { text: "Reserve Now", href: "contact" }
              ],
              features: [
                "Handcrafted sports coupe engineering",                "0-60 in 2.8 seconds",                "Carbon fiber accents",                "Limited to 100 units annually",                "7-year comprehensive warranty",                "Dedicated personal advisor",                "Track day event invitations"
              ]
            },
            {
              id: "ultimate",              badge: "Ultimate Exclusivity",              badgeIcon: Crown,
              price: "$425,000",              subtitle: "The pinnacle of automotive excellence",              buttons: [
                { text: "Reserve Now", href: "contact" }
              ],
              features: [
                "Bespoke customization available",                "Hybrid hypercar technology",                "Limited to 25 units annually",                "10-year lifetime warranty",                "Private ownership concierge",                "Priority access to future models",                "Exclusive retreat invitations"
              ]
            }
          ]}
          containerClassName="py-20 px-4"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Exclusive Opportunities"
          title="Join the Pinnacle Motors Community"
          description="Stay informed about limited releases, exclusive events, and personalized ownership experiences reserved for our most discerning clientele."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg"
          imageAlt="Luxury automotive lifestyle"
          mediaPosition="right"
          tagIcon={Bell}
          inputPlaceholder="Enter your email"
          buttonText="Notify Me"
          termsText="We respect your privacy. Unsubscribe anytime. Your information helps us curate personalized automotive experiences."
          containerClassName="py-20 px-4"
          titleClassName="text-3xl md:text-5xl font-bold"
          descriptionClassName="text-lg opacity-90"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Pinnacle Motors"
          copyrightText="© 2025 Pinnacle Motors. All rights reserved. Engineered for excellence."
          columns={[
            {
              title: "Models",              items: [
                { label: "Sports Collection", href: "product" },
                { label: "Executive Line", href: "product" },
                { label: "Collector's Edition", href: "product" }
              ]
            },
            {
              title: "Ownership",              items: [
                { label: "Concierge Service", href: "#" },
                { label: "Warranty & Care", href: "#" },
                { label: "Owner Events", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Heritage", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "contact" }
              ]
            }
          ]}
          containerClassName="bg-primary-cta text-white"
          logoTextClassName="text-2xl font-bold"
          columnsClassName="grid grid-cols-2 md:grid-cols-3 gap-8"
        />
      </div>
    </ThemeProvider>
  );
}