"use client"

import { CheckCircle, Sparkles, Star } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardFour from "@/components/sections/product/ProductCardFour";
import MediaSplitTabsAbout from "@/components/sections/about/MediaSplitTabsAbout";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLarge"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="FOXUSA"
          navItems={[
            { name: "Browse", id: "products" },
            { name: "How It Works", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Find Your Car",            href: "products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Find Your Perfect Car from the USA"
          description="Browse verified vehicles with complete Carfax reports. Transparent pricing, instant comparisons, and seamless purchasing. FOXUSA connects you with quality cars across America."
          tag="Verified & Trusted"
          tagIcon={CheckCircle}
          background={{ variant: "radial-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17457.jpg"
          imageAlt="Premium car showcase"
          buttons={[
            { text: "Browse Vehicles", href: "products" },
            { text: "Learn More", href: "features" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="How FOXUSA Works"
          description="A transparent, simple process to find and purchase your next vehicle with complete confidence."
          tag="Simple Process"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          features={[
            {
              id: 1,
              tag: "Browse",              title: "Search & Filter",              subtitle: "Explore thousands of verified vehicles",              description: "Use our advanced search to filter by make, model, year, price, mileage, and location. Every vehicle listing includes complete Carfax history reports.",              imageSrc: "https://img.b2bpic.net/free-photo/older-man-traveling-outdoors-using-magnifying-glass_23-2148641915.jpg",              imageAlt: "Vehicle search interface",              buttons: [
                { text: "Start Browsing", href: "products" }
              ]
            },
            {
              id: 2,
              tag: "Verify",              title: "Carfax Verification",              subtitle: "Complete vehicle history and inspection data",              description: "All vehicles come with verified Carfax reports showing accident history, service records, ownership details, and title information. No hidden surprises.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-looking-tree-bark-through-magnifying-glass_23-2147776833.jpg",              imageAlt: "Carfax verification report",              buttons: [
                { text: "View Sample Report", href: "about" }
              ]
            },
            {
              id: 3,
              tag: "Purchase",              title: "Secure Purchase",              subtitle: "Complete your transaction safely",              description: "Transparent pricing with no hidden fees. Secure payment processing, instant documentation, and fast delivery options. Purchase with confidence.",              imageSrc: "https://img.b2bpic.net/free-photo/holding-magnifier-increases-background-backpack-grass_23-2148199880.jpg",              imageAlt: "Purchase and delivery process",              buttons: [
                { text: "Start Your Purchase", href: "contact" }
              ]
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardFour
          title="Featured Vehicles"
          description="Handpicked inventory of verified vehicles from across the USA. All with complete Carfax reports."
          tag="Popular Listings"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          products={[
            {
              id: "1",              name: "2023 Honda Civic EX",              price: "$22,500",              variant: "Silver • 45K miles • Florida",              imageSrc: "https://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-cars_627829-13667.jpg",              imageAlt: "2023 Honda Civic"
            },
            {
              id: "2",              name: "2022 Toyota RAV4 LE",              price: "$28,900",              variant: "Pearl White • 32K miles • California",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg",              imageAlt: "2022 Toyota RAV4"
            },
            {
              id: "3",              name: "2021 Ford Mustang GT",              price: "$35,800",              variant: "Red • 28K miles • Texas",              imageSrc: "https://img.b2bpic.net/free-photo/well-dressed-attractive-couple-leaning-luxury-car-outdoors-against-skyscraper_613910-5873.jpg",              imageAlt: "2021 Ford Mustang GT"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose FOXUSA"
          description="We're revolutionizing how Americans buy cars online with transparency and trust."
          imagePosition="right"
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-vector/secure-card-payment_78370-8471.jpg"
          imageAlt="FOXUSA Carfax Verified"
          tabs={[
            {
              id: "carfax",              label: "Carfax Verified",              description: "Every vehicle includes a complete Carfax report with accident history, service records, and ownership details. No hidden information—just transparent data to help you make confident decisions."
            },
            {
              id: "pricing",              label: "Fair Pricing",              description: "Our competitive pricing algorithm ensures you get fair market value. No hidden fees, no surprises at checkout. What you see is what you pay, guaranteed."
            },
            {
              id: "selection",              label: "Wide Selection",              description: "Access thousands of verified vehicles from across the USA. Filter by location, price, features, and more. Find exactly what you're looking for."
            },
            {
              id: "support",              label: "Expert Support",              description: "Our team of automotive experts is available 24/7 to answer questions, provide insights, and guide you through the purchase process from start to finish."
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Transparent Pricing"
          description="Choose the right purchase option for your needs. All prices include Carfax verification and secure documentation."
          tag="Service Tiers"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "standard",              price: "Included",              name: "Standard Purchase",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "Complete Carfax report",                "Vehicle inspection summary",                "Title and registration assistance",                "5-day money-back guarantee"
              ]
            },
            {
              id: "premium",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "+$799",              name: "Premium Protection",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "Extended Carfax verification",                "3rd-party inspection report",                "Extended warranty option",                "White-glove delivery service",                "24/7 buyer support"
              ]
            },
            {
              id: "elite",              price: "+$599",              name: "Elite Care Package",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "features" }
              ],
              features: [
                "Full vehicle history deep dive",                "Certified pre-purchase inspection",                "24-month extended warranty",                "Free shipping nationwide",                "Dedicated account manager",                "Lifetime support"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Real feedback from real buyers who found their perfect vehicle through FOXUSA."
          tag="Customer Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Michael Johnson",              role: "Business Owner",              testimonial: "FOXUSA made buying a car online actually easy. The Carfax reports were incredibly detailed, and I felt confident making my purchase without any hidden surprises.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Johnson"
            },
            {
              id: "2",              name: "Sarah Martinez",              role: "Marketing Executive",              testimonial: "The transparent pricing and professional service set FOXUSA apart. No pressure, no games—just honest information and excellent customer support throughout the process.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "3",              name: "David Chen",              role: "Software Engineer",              testimonial: "As someone who values data, I loved the detailed vehicle reports and specifications. Found my dream car in minutes and closed the deal within a week. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",              imageAlt: "David Chen"
            },
            {
              id: "4",              name: "Amanda Rodriguez",              role: "College Professor",              testimonial: "The customer service team answered every question I had. The whole experience was smooth, professional, and reassuring. I'm already recommending FOXUSA to friends.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-successful-businessman-posing-outside_74855-2003.jpg",              imageAlt: "Amanda Rodriguez"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Find Your Car?"
          description="Join thousands of satisfied customers who found their perfect vehicle through FOXUSA. Subscribe to our newsletter for exclusive deals, new listings, and automotive insights."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17457.jpg"
          imageAlt="Contact illustration"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Started"
          termsText="By subscribing, you agree to receive updates about vehicles and exclusive FOXUSA offers. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FOXUSA"
        />
      </div>
    </ThemeProvider>
  );
}