"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Award, CheckCircle, MapPin, Wrench, Phone, Shield } from 'lucide-react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="smallMedium"
      sizing="medium"
      background="noiseDiagonalGradient"
      cardStyle="glass"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          navItems={[
            {"name": "Hero", "id": "hero-section"},
            {"name": "About", "id": "about-section"},
            {"name": "Feature", "id": "features-section"},
            {"name": "Product", "id": "products-section"},
            {"name": "Testimonial", "id": "testimonials-section"},
            {"name": "Contact", "id": "contact-section"}
          ]}
          button={{"text": "Get Quote", "href": "#contact-section"}}
          brandName="San Diego Tires"
        />
      </div>


      <div id="herobillboardcarousel" data-section="herobillboardcarousel">
        <HeroBillboardCarousel
          title="Premium Tires for Every Road"
          description="Discover our extensive selection of high-quality tires designed for performance, safety, and durability. From all-season to performance tires, we have the perfect fit for your vehicle."
          background={{ variant: "radial-gradient" }}
          tag="San Diego's Tire Experts"
          buttons={[
            { label: "Shop Now", href: "/products", dataWebildId: "hero_shop_btn" },
            { label: "Learn More", href: "#features", dataWebildId: "hero_learn_btn" }
          ]}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg", imageAlt: "Premium tire selection" },
            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930890.jpg", imageAlt: "High-performance tires" },
            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-city-architecture_23-2151918947.jpg", imageAlt: "Tire technology" },
            { imageSrc: "https://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930734.jpg", imageAlt: "Quality assurance" }
          ]}
          ariaLabel="San Diego Tires hero section with product carousel"
        />
      </div>
      <div id="hero-section" data-section="hero-section">
        <HeroBillboard 
          title="Reliable Tires, Trusted by San Diego"
          description="Quality tires designed for the unique driving conditions of Southern California. Dependable performance, every mile."
          background={{variant: "radial-gradient"}}
          tag="Since 1995"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            {"text": "Shop Tires", "href": "#products-section"},
            {"text": "Book Service", "href": "#contact-section"}
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg?_wi=1"
          imageAlt="Professional tire installation in San Diego"
          mediaAnimation="slide-up"
          marqueeItems={[
            {"type": "text", "text": "100+ Locations"},
            {"type": "text", "text": "24/7 Support"},
            {"type": "text", "text": "Warranty Included"}
          ]}
          marqueeSpeed={30}
          showMarqueeCard={true}
        />
      </div>

      <div id="about-section" data-section="about-section">
        <SplitAbout 
          title="Trusted Tire Solutions for San Diego Drivers"
          description="With over two decades of experience serving the San Diego community, we deliver premium tire solutions that combine durability, performance, and unmatched customer service. Our certified technicians ensure every installation meets the highest industry standards."
          tag="Since 2003"
          tagIcon={Award}
          tagAnimation="slide-up"
          buttons={[
            {"text": "Explore Our Products", "href": "#products-section"},
            {"text": "Book Service", "href": "#contact-section"}
          ]}
          buttonAnimation="slide-up"
          bulletPoints={[
            {"title": "Quality Assurance", "description": "Every tire undergoes rigorous testing to meet or exceed industry standards for safety and performance.", "icon": CheckCircle},
            {"title": "Local Expertise", "description": "We understand San Diego's unique driving conditions and provide tailored solutions for coastal roads and weather.", "icon": MapPin},
            {"title": "Expert Installation", "description": "Our certified technicians ensure perfect fitment and balance for optimal vehicle performance.", "icon": Wrench}
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg"
          imageAlt="Tire installation team at San Diego tire shop"
          mediaAnimation="slide-up"
          imagePosition="left"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features-section" data-section="features-section">
        <FeatureCardSix 
          title="Why Choose San Diego Tire Experts?"
          description="We provide top-quality tire solutions tailored for the unique driving conditions of San Diego. Our commitment to excellence ensures your safety and performance on every road."
          textboxLayout="split-description"
          useInvertedBackground={false}
          features={[
            {
              "id": 1,
              "title": "Premium Quality Tires",              "description": "Our selection includes only the finest tires engineered for durability and optimal performance in Southern California's climate.",              "imageSrc": "https://img.b2bpic.net/free-photo/brand-new-big-variety-car-s-tyres-shelf-with-prices-store-warehouse_613910-17120.jpg",              "imageAlt": "High-quality tires on a car wheel"
            },
            {
              "id": 2,
              "title": "Expert Installation",              "description": "Professional installation by certified technicians ensures perfect fit and maximum safety for your vehicle.",              "imageSrc": "https://img.b2bpic.net/free-photo/mid-adult-mechanic-working-with-car-tire-auto-repair-shop_637285-7618.jpg",              "imageAlt": "Technician installing tire on vehicle"
            },
            {
              "id": 3,
              "title": "Local Service Guarantee",              "description": "Fast, reliable service right here in San Diego with same-day appointments available for most needs.",              "imageSrc": "https://img.b2bpic.net/free-photo/two-auto-mechanics-cooperating-while-repairing-tire-customer-s-car-auto-repair-shop_637285-4255.jpg",              "imageAlt": "San Diego skyline with tire shop icon"
            }
          ]}
        />
      </div>

      <div id="products-section" data-section="products-section">
        <ProductCardThree 
          title="Premium Tire Solutions for San Diego Drivers"
          description="Discover our range of high-performance tires designed to deliver exceptional grip, durability, and comfort on California roads."
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          products={[
            {
              "id": "product-1",              "name": "UltraGrip All-Season",              "price": "$129.99",              "imageSrc": "https://img.b2bpic.net/free-photo/cheerful-young-woman-with-luxury-car_231208-6918.jpg",              "imageAlt": "UltraGrip All-Season tire",              "initialQuantity": 1
            },
            {
              "id": "product-2",              "name": "HydroShield Summer",              "price": "$149.99",              "imageSrc": "https://img.b2bpic.net/free-photo/car-tires-winter-road-covered-with-snow-vehicle-snowy-alley-morning-snowfall_1391-224.jpg",              "imageAlt": "HydroShield Summer tire",              "initialQuantity": 1
            },
            {
              "id": "product-3",              "name": "SnowTrek Winter",              "price": "$139.99",              "imageSrc": "https://img.b2bpic.net/free-photo/view-wheel-car-running-high-speed_23-2150635446.jpg",              "imageAlt": "SnowTrek Winter tire",              "initialQuantity": 1
            }
          ]}
        />
      </div>

      <div id="testimonials-section" data-section="testimonials-section">
        <TestimonialCardTen
          testimonials={[
            {
              id: "testimonial-1",
              title: "Best Tire Selection in San Diego",
              quote: "San Diego Tires has the widest selection of premium tires and their customer service is unmatched. They helped me find the perfect tires for my vehicle at a great price.",
              name: "Michael Torres",
              role: "Owner, Torres Auto Repair",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-man-making-ok-sign_1368-6336.jpg",
              imageAlt: "Michael Torres, owner of Torres Auto Repair"
            },
            {
              id: "testimonial-2",
              title: "Reliable Service for Our Fleet",
              quote: "We trust San Diego Tires with our entire fleet maintenance. Their expertise and quick turnaround times keep our vehicles on the road and our business running smoothly.",
              name: "Sarah Johnson",
              role: "Fleet Manager, SD Transit Solutions",
              imageSrc: "https://img.b2bpic.net/free-photo/young-couple-listening-sales-agent-about-car-buying-black-female-sales-agent-showing-documents-papers-brunette-caucasian-man-woman-is-going-buy-car_1157-51644.jpg",
              imageAlt: "Sarah Johnson, fleet manager at SD Transit Solutions"
            },
            {
              id: "testimonial-3",
              title: "Expert Knowledge and Fair Pricing",
              quote: "The team at San Diego Tires really knows their stuff. They took time to explain my options and didn't push unnecessary services. Honest, professional, and fair pricing.",
              name: "David Chen",
              role: "Local Business Owner, Chen's Garage",
              imageSrc: "https://img.b2bpic.net/free-photo/happy-mechanic-making-phone-call-while-working-auto-repair-shop_637285-11583.jpg",
              imageAlt: "David Chen, local business owner at Chen's Garage"
            },
            {
              id: "testimonial-4",
              title: "Outstanding Customer Experience",
              quote: "From the moment I walked in, I felt welcomed and valued. San Diego Tires delivered exceptional service and quality products that exceeded my expectations.",
              name: "Jennifer Martinez",
              role: "Satisfied Customer",
              imageSrc: "https://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background_53876-120942.jpg",
              imageAlt: "Jennifer Martinez, satisfied customer"
            }
          ]}
          title="What Our Customers Say"
          description="Hear from trusted local businesses and satisfied customers who have experienced the difference with our premium tires and expert service."
          tag="Trusted by San Diego Experts"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials for San Diego Tires"
        />
      </div>

      <div id="contact-section" data-section="contact-section">
        <ContactSplitForm 
          title="Get in Touch with Our Tire Experts"
          description="Have questions about our premium tires or need assistance with your vehicle? Reach out to us today and our local San Diego team will get back to you within 24 hours."
          inputs={[
            {"name": "name", "type": "text", "placeholder": "Your Full Name", "required": true},
            {"name": "email", "type": "email", "placeholder": "Your Email Address", "required": true},
            {"name": "phone", "type": "tel", "placeholder": "Your Phone Number"}
          ]}
          textarea={{"name": "message", "placeholder": "Tell us about your tire needs...", "rows": 4, "required": true}}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg?_wi=2"
          imageAlt="San Diego tire service professionals assisting a customer"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterBase 
          columns={[
            {
              "title": "Company",              "items": [
                {"label": "About Us", "href": "#about-section"},
                {"label": "Our Services", "href": "#features-section"},
                {"label": "Products", "href": "#products-section"},
                {"label": "Contact", "href": "#contact-section"}
              ]
            },
            {
              "title": "Quick Links",              "items": [
                {"label": "Tire Installation", "href": "#features-section"},
                {"label": "Wheel Alignment", "href": "#features-section"},
                {"label": "Tire Rotation", "href": "#features-section"},
                {"label": "Seasonal Tires", "href": "#products-section"}
              ]
            },
            {
              "title": "Support",              "items": [
                {"label": "FAQs", "href": "#"},
                {"label": "Service Hours", "href": "#"},
                {"label": "Warranty Info", "href": "#"},
                {"label": "Safety Tips", "href": "#"}
              ]
            }
          ]}
          logoText="San Diego Tires"
          copyrightText="© 2025 San Diego Tires. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}