"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, Sparkles, Flame, Gauge, Star, Quote, CheckCircle, Trophy } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="SpeedReview"
          button={{
            text: "Explore",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Experience Ultimate Performance"
          description="Explore six of the world's most legendary sports cars and luxury vehicles. Detailed reviews, specifications, and expert analysis of automotive excellence."
          tag="Premium Car Reviews"
          tagIcon={Zap}
          background={{
            variant: "sparkles-gradient"
          }}
          imageSrc="https://img.b2bpic.net/free-photo/car-beautiful-sitting-embrace-carlo_1304-2608.jpg"
          imageAlt="Lamborghini supercar hero showcase"
          buttons={[
            {
              text: "View All Cars",              href: "#products"
            },
            {
              text: "Read Reviews",              href: "#reviews"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Sports Cars"
          description="Discover our curated collection of six extraordinary vehicles, each a masterpiece of engineering and design."
          tag="Automotive Excellence"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Lamborghini Huracán",              price: "$238,000+",              variant: "V10 Supercar  Multiple Configurations",              imageSrc: "https://img.b2bpic.net/free-photo/young-curly-sexy-woman-leather-jacket-against-red-muscle-car-street_627829-6957.jpg",              imageAlt: "Lamborghini Huracán sports car",              isFavorited: false
            },
            {
              id: "2",              name: "Lamborghini Huracán STO SVJ",              price: "$353,000+",              variant: "Track-Focused V10  Limited Edition",              imageSrc: "https://img.b2bpic.net/free-photo/sport-cars-parade-race-highway_114579-4052.jpg",              imageAlt: "Lamborghini SVJ supercar",              isFavorited: false
            },
            {
              id: "3",              name: "Ferrari 812 Superfast",              price: "$335,000+",              variant: "V12 Grand Tourer  Handcrafted",              imageSrc: "https://img.b2bpic.net/free-photo/green-yellow-red-purple-violet-sedan-sport-cars-standing-dark-space_114579-1159.jpg",              imageAlt: "Ferrari 812 Superfast luxury car",              isFavorited: false
            },
            {
              id: "4",              name: "Mercedes-Maybach S-Class",              price: "$180,000+",              variant: "Luxury Sedan  Ultra-Premium",              imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg",              imageAlt: "Mercedes-Maybach luxury sedan",              isFavorited: false
            },
            {
              id: "5",              name: "Rolls-Royce Cullinan",              price: "$330,000+",              variant: "Ultra-Luxury SUV  Bespoke",              imageSrc: "https://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg",              imageAlt: "Rolls-Royce Cullinan luxury SUV",              isFavorited: false
            },
            {
              id: "6",              name: "Ferrari 458 Italia",              price: "$220,000+",              variant: "Mid-Engine Supercar  Modern Classic",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-beautiful-woman-brutal-male-suit-near-luxury-car-outdoors-against-cityscape_613910-5973.jpg",              imageAlt: "Ferrari 458 Italia sports car",              isFavorited: false
            }
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "View Detailed Reviews",              href: "#reviews"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Performance Excellence"
          description="Key statistics showcasing the incredible capabilities of our featured vehicles"
          metrics={[
            {
              id: "1",              value: "350+",              title: "mph top speed",              description: "Maximum velocity achieved by our supercars",              icon: Zap
            },
            {
              id: "2",              value: "0-60",              title: "in 2.5 seconds",              description: "Blazing acceleration on our fastest models",              icon: Flame
            },
            {
              id: "3",              value: "1000+",              title: "combined horsepower",              description: "Total power across all featured vehicles",              icon: Gauge
            },
            {
              id: "4",              value: "6",              title: "legendary cars",              description: "Handpicked automotive masterpieces",              icon: Star
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardThirteen
          title="Expert Reviews & Ratings"
          description="Hear from professional drivers, automotive journalists, and car enthusiasts about their experience with these machines."
          tag="Customer Testimonials"
          tagIcon={Quote}
          showRating={true}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Marco Rossini",              handle: "@marco_racing",              testimonial: "The Lamborghini Huracán delivers raw, unfiltered performance. Absolutely incredible acceleration and handling precision on the track.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-mechanic-workshop_329181-11869.jpg"
            },
            {
              id: "2",              name: "Sarah Chen",              handle: "@automotive_expert",              testimonial: "The Ferrari 812 Superfast is a masterpiece of Italian engineering. Every detail screams craftsmanship and pure automotive passion.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/he-is-confident-small-business-owner_637285-9324.jpg"
            },
            {
              id: "3",              name: "James Mitchell",              handle: "@luxury_collector",              testimonial: "The Rolls-Royce Cullinan redefines ultra-luxury. It's not just a vehicle; it's a statement of elegance and prestige.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-middle-age-biker-sports-jacket-holds-motorcycle-helmet-grey-background_613910-12160.jpg"
            },
            {
              id: "4",              name: "Elena Rodriguez",              handle: "@performance_journalist",              testimonial: "The Mercedes-Maybach offers unparalleled comfort without compromising on performance. A true luxury sedan benchmark.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg"
            },
            {
              id: "5",              name: "David Park",              handle: "@track_day_champion",              testimonial: "The Ferrari 458 Italia is a balanced masterpiece. Perfect weight distribution and responsive steering make it a driver's dream.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21751.jpg"
            },
            {
              id: "6",              name: "Victoria Costa",              handle: "@luxury_lifestyle",              testimonial: "The Lamborghini SVJ takes track performance to another level. Aggressive aerodynamics meet practical superbly.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/mechanic-standing-with-arms-crossed_1170-1294.jpg"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          title="Our Review Process"
          description="We employ rigorous testing methodologies and expert analysis to deliver authentic, comprehensive vehicle reviews."
          tag="How We Review"
          tagIcon={CheckCircle}
          useInvertedBackground="invertDefault"
          steps={[
            {
              number: "01",              title: "Performance Testing",              tag: "Track & Road",              description: "Every vehicle undergoes rigorous acceleration, braking, and handling tests on both track and public roads."
            },
            {
              number: "02",              title: "Design Analysis",              tag: "Aesthetics & Function",              description: "We examine aerodynamics, interior craftsmanship, materials quality, and visual appeal in detail."
            },
            {
              number: "03",              title: "Technology Review",              tag: "Innovation & Safety",              description: "Comprehensive assessment of advanced features, infotainment systems, and modern safety technologies."
            },
            {
              number: "04",              title: "Value Assessment",              tag: "Investment Analysis",              description: "We analyze pricing, resale value, maintenance costs, and long-term ownership experience."
            }
          ]}
          buttons={[
            {
              text: "Read Full Methodology",              href: "#contact"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Expert Automotive Analysis"
          description="SpeedReview combines professional racing experience, automotive journalism, and technical expertise to deliver unbiased, detailed reviews of the world's finest vehicles. We test cars like professionals, analyze them like engineers, and present our findings with complete transparency."
          tag="About Our Reviews"
          tagIcon={Trophy}
          useInvertedBackground="noInvert"
          metrics={[
            {
              value: "15+",              title: "Years of testing expertise"
            },
            {
              value: "500+",              title: "Professional test drives"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our reviews and vehicle recommendations."
          useInvertedBackground="invertDefault"
          animationType="smooth"
          textPosition="left"
          faqs={[
            {
              id: "1",              title: "How are vehicles selected for review?",              content: "We select vehicles based on their significance in the automotive world, market demand, performance capabilities, and manufacturer importance. Our selection committee ensures we review the most relevant and exciting cars currently available."
            },
            {
              id: "2",              title: "Are your reviews sponsored by manufacturers?",              content: "No. SpeedReview maintains complete editorial independence. We purchase or arrange test vehicles independently and accept no payment for favorable reviews. Our reviews reflect unbiased professional opinions only."
            },
            {
              id: "3",              title: "How long does a full vehicle review take?",              content: "Each comprehensive review takes 4-6 weeks of intensive testing, including 200+ miles of driving, track testing, technology evaluation, and detailed analysis. We don't rush the process to ensure accuracy."
            },
            {
              id: "4",              title: "Can I get personalized car recommendations?",              content: "Yes! Our expert consultants can provide tailored recommendations based on your budget, lifestyle, and performance preferences. Contact us for a personalized consultation."
            },
            {
              id: "5",              title: "Do you test electric and hybrid vehicles?",              content: "Absolutely. While our current showcase features performance vehicles, we test all powertrains including electric, hybrid, and alternative fuel vehicles using the same rigorous methodologies."
            },
            {
              id: "6",              title: "How do I stay updated with new reviews?",              content: "Subscribe to our newsletter for monthly updates on new vehicle tests, industry news, and exclusive content. You'll be first to see reviews of the latest models hitting the market."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to explore the world of premium automotive excellence? Get in touch with our team for personalized reviews, consultations, and exclusive automotive insights."
          animationType="background-highlight"
          useInvertedBackground="noInvert"
          buttons={[
            {
              text: "Start a Consultation",              href: "#contact"
            },
            {
              text: "Subscribe to Updates",              href: "#newsletter"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="SpeedReview"
          copyrightText="© 2025 SpeedReview. All rights reserved. Premium automotive reviews and analysis."
          columns={[
            {
              title: "Reviews",              items: [
                {
                  label: "All Reviews",                  href: "#products"
                },
                {
                  label: "Sports Cars",                  href: "#products"
                },
                {
                  label: "Luxury Vehicles",                  href: "#products"
                },
                {
                  label: "Performance Analysis",                  href: "#features"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Our Process",                  href: "#features"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "FAQ",                  href: "#faq"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Buying Guide",                  href: "#"
                },
                {
                  label: "Maintenance Tips",                  href: "#"
                },
                {
                  label: "Industry News",                  href: "#"
                },
                {
                  label: "Newsletter",                  href: "#"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Privacy Policy",                  href: "#"
                },
                {
                  label: "Terms of Service",                  href: "#"
                },
                {
                  label: "Disclaimer",                  href: "#"
                },
                {
                  label: "Cookies",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}