"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSeven from '@/components/sections/testimonial/TestimonialCardSeven';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactMedia from '@/components/sections/contact/ContactMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Heart, Sparkles } from "lucide-react";

export default function AutoHubPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="large"
      sizing="smallSizeLargeTitles"
      background="animatedAurora"
      cardStyle="gradient-subtle"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AutoHub"
          navItems={[
            { name: "Inventory", id: "inventory" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{ text: "Book Test Drive", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          tag="Premium Selection"
          title="Find Your Perfect Car Today"
          description="Explore our curated collection of premium vehicles. Every car is inspected, certified, and ready for the road. Discover exceptional value with our financing options and expert support."
          buttons={[
            { text: "Browse Inventory", href: "inventory" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552138675-a918zvp6.jpg"
          imageAlt="Featured luxury sports car"
          frameStyle="browser"
        />
      </div>

      <div id="inventory" data-section="inventory">
        <ProductCardFive
          title="Featured Inventory"
          description="Browse our latest collection of premium vehicles across multiple categories"
          tag="New Arrivals"
          products={[
            {
              id: "sedan-1",
              button: { text: "View Details", id: "sedan-view" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552140631-jgtpdh2j.jpg",
              imageAlt: "Premium sedan",
              isFavorited: false
            },
            {
              id: "suv-1",
              button: { text: "View Details", id: "suv-view" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552142270-6ph9yoj3.jpg",
              imageAlt: "Luxury SUV",
              isFavorited: false
            },
            {
              id: "coupe-1",
              button: { text: "View Details", id: "coupe-view" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552143468-5wo86kk7.jpg",
              imageAlt: "Sports coupe",
              isFavorited: false
            },
            {
              id: "truck-1",
              button: { text: "View Details", id: "truck-view" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552144966-qc36lhnw.jpg",
              imageAlt: "Pickup truck",
              isFavorited: false
            }
          ]}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Story"
          title="Your Trusted Partner in Finding the Perfect Vehicle"
          description="AutoHub Automotive"
          subdescription="Serving customers since 2015"
          icon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552138675-a918zvp6.jpg"
          imageAlt="Our dealership"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSeven
          title="What Our Customers Say"
          description="Read real experiences from satisfied vehicle buyers who trusted us with their purchase"
          testimonials={[
            {
              id: "1",
              companyName: "John Mitchell",
              quote: "The entire process was smooth and transparent. The team made finding my dream car effortless, and the financing options were competitive. Highly recommend!",
              author: "John Mitchell, Business Owner"
            },
            {
              id: "2",
              companyName: "Sarah Chen",
              quote: "Exceptional customer service and a wide selection. They took time to understand what I needed and found the perfect vehicle. Five stars!",
              author: "Sarah Chen, Professional"
            },
            {
              id: "3",
              companyName: "Michael Rodriguez",
              quote: "Great prices, quality cars, and honest dealings. This is my go-to dealership for all my vehicle needs. Never had a better buying experience.",
              author: "Michael Rodriguez, Entrepreneur"
            },
            {
              id: "4",
              companyName: "Emily Watson",
              quote: "Professional staff, amazing inventory, and fair pricing. They stood behind their vehicles and offered excellent after-sales support. Truly impressed!",
              author: "Emily Watson, Executive"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          variant="border"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Financing Options"
          description="Flexible payment plans tailored to fit your budget and driving needs"
          plans={[
            {
              id: "basic",
              price: "From $199/mo",
              name: "Basic Finance",
              buttons: [{ text: "Get Started", href: "contact" }],
              features: [
                "60-month loan terms",
                "Competitive interest rates",
                "Full insurance coverage",
                "Standard warranty"
              ]
            },
            {
              id: "pro",
              badge: "Most Popular",
              badgeIcon: Sparkles,
              price: "From $299/mo",
              name: "Premium Finance",
              buttons: [{ text: "Select Plan", href: "contact" }],
              features: [
                "72-month loan terms",
                "Lower interest rates",
                "Premium insurance package",
                "Extended warranty coverage",
                "Free maintenance first year"
              ]
            },
            {
              id: "elite",
              price: "From $399/mo",
              name: "Elite Finance",
              buttons: [{ text: "Inquire Now", href: "contact" }],
              features: [
                "84-month loan terms",
                "Best interest rates",
                "Platinum insurance coverage",
                "Extended warranty 5 years",
                "Free maintenance 2 years",
                "Roadside assistance included"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          containerStyle="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our vehicles, financing, and services"
          faqs={[
            {
              id: "1",
              title: "Are all vehicles inspected and certified?",
              content: "Yes, every vehicle in our inventory undergoes a comprehensive multi-point inspection and comes with our certification of quality. We ensure all cars are mechanically sound and meet our high standards."
            },
            {
              id: "2",
              title: "What financing options are available?",
              content: "We offer flexible financing with various loan terms ranging from 60 to 84 months. Our competitive interest rates and multiple packages make it easy to find a plan that fits your budget."
            },
            {
              id: "3",
              title: "Can I trade in my current vehicle?",
              content: "Absolutely! We accept trade-ins and offer fair market value assessments. Bring your vehicle for a free evaluation, and we'll apply the value directly to your purchase."
            },
            {
              id: "4",
              title: "Is there a warranty on used vehicles?",
              content: "Yes, all our vehicles come with warranty coverage. Basic plans include 12 months, while premium plans extend up to 5 years. Details vary by plan selection."
            },
            {
              id: "5",
              title: "How long does the purchase process take?",
              content: "Our streamlined process typically takes 1-3 hours from selection to paperwork. With pre-approved financing, it can be even faster. We handle all the details for you."
            },
            {
              id: "6",
              title: "Do you offer roadside assistance?",
              content: "Yes, roadside assistance is included with our Premium and Elite financing packages. Basic plans can add this service for a minimal monthly fee."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552153180-ze8pvbia.jpg"
          imageAlt="Our professional showroom"
          textboxLayout="default"
          mediaPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactMedia
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765552153180-ze8pvbia.jpg"
          imageAlt="Visit our showroom today"
          buttons={[
            { text: "Schedule Test Drive", href: "#contact" },
            { text: "Call Us Now", href: "#contact" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

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