"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitLarge from '@/components/sections/hero/HeroSplitLarge';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Zap, Sparkles, CheckCircle, Star, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="animatedAurora"
      cardStyle="gradient-subtle"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="minimal"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Fooog"
          navItems={[
            { name: "Collection", id: "products" },
            { name: "About", id: "about" },
            { name: "Process", id: "features" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Unleash Performance"
          bottomRightText="hello@fooog.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitLarge
          title="Unleash the Beast in Every Drive"
          description="Fooog brings you the world's most exhilarating sports cars—built for speed, designed for desire"
          tag="Premium Collection"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/blurred-motion-modern-sports-car-driving-generative-ai_188544-46227.jpg"
          imageAlt="High-performance sports car showcasing power and elegance"
          buttons={[
            { text: "Explore the Collection", href: "products" },
            { text: "Learn More", href: "about" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Fooog"
          description={[
            "Fooog is your gateway to the world's most coveted high-performance sports cars. We curate exclusive, hand-selected vehicles that embody speed, style, and innovation.",
            "Founded for enthusiasts who refuse to compromise, we connect passionate automotive collectors with their dream machines. Every car in our collection is vetted for performance, condition, and exclusivity.",
            "Experience the thrill of automotive excellence. From track-ready supercars to timeless classics, Fooog delivers unmatched quality and unparalleled service."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Discover Our Story", href: "#contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Vehicles"
          description="Curated selection of the world's most exhilarating performance cars"
          tag="New Arrivals"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",
              name: "McLaren 720S",
              price: "$315,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767701514475-nqbyqhrz.jpg",
              imageAlt: "McLaren 720S supercar with striking design"
            },
            {
              id: "2",
              name: "Ferrari F8 Tributo",
              price: "$280,000",
              imageSrc: "https://img.b2bpic.net/free-photo/white-sport-car-driving-highway_114579-4001.jpg",
              imageAlt: "Ferrari F8 Tributo high-performance vehicle"
            },
            {
              id: "3",
              name: "Porsche 911 Turbo",
              price: "$195,000",
              imageSrc: "https://img.b2bpic.net/free-photo/speeding-sports-car-multiple-lane-highway-generated-by-ai_188544-29799.jpg",
              imageAlt: "Porsche 911 Turbo ultimate sports car"
            },
            {
              id: "4",
              name: "Lamborghini Revuelto",
              price: "$645,000",
              imageSrc: "https://img.b2bpic.net/free-photo/fast-red-car-road-back-view_23-2149600183.jpg",
              imageAlt: "Lamborghini Revuelto cutting-edge supercar"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          buttons={[
            { text: "View All Vehicles", href: "#contact" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="The Fooog Process"
          description="From sourcing to delivery—we ensure every car meets our uncompromising standards"
          tag="Verified Excellence"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Expert Curation",
              description: "Our specialists handpick vehicles from global sources, selecting only the finest examples that meet our rigorous performance and condition criteria.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-female-engineer-hand-controling-robot-arm-welding-machine-industrial-40-modern-factory-backgroundsmart-female-engineer-inspect-quality-control-factory_609648-856.jpg",
              imageAlt: "Detailed inspection and curation of premium vehicles"
            },
            {
              id: 2,
              title: "Rigorous Inspection",
              description: "Every vehicle undergoes comprehensive multi-point inspection, including mechanical analysis, history verification, and performance validation.",
              imageSrc: "https://img.b2bpic.net/free-photo/young-manual-worker-unloading-cardboard-boxes-from-delivery-van_637285-2256.jpg",
              imageAlt: "Professional inspection and verification process"
            },
            {
              id: 3,
              title: "White-Glove Delivery",
              description: "Your dream car arrives in perfect condition with white-glove service, full documentation, warranty support, and personalized onboarding.",
              imageSrc: "https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288167.jpg",
              imageAlt: "Premium delivery and customer service experience"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Collectors Say"
          description="Join hundreds of satisfied automotive enthusiasts who've found their dream car through Fooog"
          tag="Client Stories"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "James Mitchell",
              role: "Executive",
              company: "Tech Ventures",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg",
              imageAlt: "James Mitchell, satisfied customer"
            },
            {
              id: "2",
              name: "Sarah Chen",
              role: "Entrepreneur",
              company: "Chen Innovations",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
              imageAlt: "Sarah Chen, automotive enthusiast"
            },
            {
              id: "3",
              name: "Marcus Thompson",
              role: "Investor",
              company: "Capital Wealth",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/caucasian-brunette-male-portrait_158595-7921.jpg",
              imageAlt: "Marcus Thompson, premium collector"
            },
            {
              id: "4",
              name: "Victoria Park",
              role: "Designer",
              company: "Studio Modern",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
              imageAlt: "Victoria Park, luxury car enthusiast"
            },
            {
              id: "5",
              name: "David Rodriguez",
              role: "CEO",
              company: "Digital Solutions",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/man-blue-suit-posing-white-artistic-wall-from-bricks_613910-3011.jpg",
              imageAlt: "David Rodriguez, satisfied client"
            },
            {
              id: "6",
              name: "Emma Wilson",
              role: "Director",
              company: "Legacy Motors",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/premium-photo/business-colleagues-smiling-camera_13339-384794.jpg",
              imageAlt: "Emma Wilson, automotive collector"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Fooog by the Numbers"
          description="Performance metrics that showcase our commitment to excellence"
          tag="Achievement"
          tagIcon={Award}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              title: "500+ Vehicles",
              subtitle: "Curated and delivered to enthusiasts worldwide",
              category: "Inventory",
              value: "500+",
              buttons: [
                { text: "Browse Inventory", href: "products" }
              ]
            },
            {
              id: "2",
              title: "98% Satisfaction",
              subtitle: "Customer satisfaction rating across all transactions",
              category: "Quality",
              value: "98%",
              buttons: [
                { text: "View Reviews", href: "testimonials" }
              ]
            },
            {
              id: "3",
              title: "24-Hour Turnaround",
              subtitle: "Average delivery time from purchase to doorstep",
              category: "Service",
              value: "24hrs"
            },
            {
              id: "4",
              title: "$50M+ Transactions",
              subtitle: "Total value of vehicles matched with collectors",
              category: "Volume",
              value: "$50M+"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Exclusive Access"
          title="Unlock Your Next Dream Car"
          description="Subscribe to Fooog's exclusive newsletter for early access to rare vehicles, insider tips, and invitations to member-only events"
          tagIcon={Zap}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Join Now"
          termsText="We respect your privacy. Unsubscribe anytime. By subscribing, you agree to our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Fooog"
          copyrightText="© 2025 Fooog. All rights reserved."
          columns={[
            {
              title: "Platform",
              items: [
                { label: "Collection", href: "products" },
                { label: "How It Works", href: "features" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "https://careers.fooog.com" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "https://fooog.com/privacy" },
                { label: "Terms of Service", href: "https://fooog.com/terms" },
                { label: "Warranty", href: "https://fooog.com/warranty" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}