"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Zap, Star, AlertCircle, Wrench, Search, Shield, Award } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="grid"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Tony's Tire Shop"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Tires", id: "/tires" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Call Now",
            href: "tel:+1-800-TIRES-01"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Emergency Tire Help. Same-Day Service. Honest Pricing."
          description="Your tires need expert care, and Tony's delivers. Whether it's a flat, damage, or time for new rubber—we handle emergencies with speed and professionalism. Top-notch team. Accommodating service. Fair pricing you can trust."
          background={{ variant: "animated-grid" }}
          tag="Same-Day Availability"
          tagIcon={Zap}
          buttons={[
            { text: "Call Now", href: "tel:+1-800-TIRES-01" },
            { text: "Book Same-Day Service", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/dark-storage-full-big-variety-new-tyres-busy-warehouse_613910-17114.jpg"
          imageAlt="Professional tire shop with experienced team"
          marqueeItems={[
            { type: "text", text: "Same-Day Help" },
            { type: "text", text: "Top-Rated Team" },
            { type: "text", text: "Honest Pricing" },
            { type: "text", text: "Fast Turnaround" }
          ]}
        />
      </div>

      <div id="trust-badges" data-section="trust-badges">
        <TestimonialCardTwelve
          cardTitle="The team at this location was top notch. I had an emergency situation with my vehicle and needed the service done same-day. I went in and they were very accommodating."
          cardTag="See what customers say"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            { 
              id: "1", 
              name: "Happy Customer", 
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"
            },
            { 
              id: "2", 
              name: "Satisfied Client", 
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"
            },
            { 
              id: "3", 
              name: "Trusted Driver", 
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"
            },
            { 
              id: "4", 
              name: "Repeat Customer", 
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg"
            }
          ]}
        />
      </div>

      <div id="emergency-help" data-section="emergency-help">
        <MediaAbout
          title="Need Tire Service Today?"
          description="Flat tire? Damage? Slow leak? Don't wait. Our team handles urgent tire issues with same-day turnaround. We're here to get you back on the road safely, fast, and without the hassle."
          tag="Emergency Support"
          tagIcon={AlertCircle}
          buttons={[
            { text: "Call for Same-Day Help", href: "tel:+1-800-TIRES-01" },
            { text: "Get a Quote", href: "#contact" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/sad-young-woman-sitting-near-broken-down-car-road_23-2147855644.jpg"
          imageAlt="Emergency tire repair service"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Complete Tire & Wheel Services"
          description="From new tire sales to emergency repairs, we've got every tire need covered with professional expertise and fast turnaround."
          tag="Services"
          tagIcon={Wrench}
          features={[
            {
              title: "New Tire Sales",
              description: "Top brands. Expert recommendations. Fair pricing.",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "New tire sales and selection",
              buttonIcon: Wrench,
              buttonHref: "/tires"
            },
            {
              title: "Tire Installation",
              description: "Professional mounting and balancing. Same-day service.",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "Professional tire installation",
              buttonIcon: Wrench
            },
            {
              title: "Flat Tire Repair",
              description: "Puncture fixes. Sidewall assessment. Emergency response.",
              imageSrc: "http://img.b2bpic.net/free-photo/sad-young-woman-sitting-near-broken-down-car-road_23-2147855644.jpg",
              imageAlt: "Flat tire repair service",
              buttonIcon: Wrench
            },
            {
              title: "Tire Rotation",
              description: "Extend tire life. Improve handling. Proactive care.",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "Tire rotation service",
              buttonIcon: Wrench
            },
            {
              title: "Tire Balancing",
              description: "Smooth ride. Reduced vibration. Precision equipment.",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "Tire balancing service",
              buttonIcon: Wrench
            },
            {
              title: "Wheel Alignment",
              description: "Straight tracking. Even wear prevention. Safety first.",
              imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-checking-car_1303-14047.jpg",
              imageAlt: "Professional wheel alignment",
              buttonIcon: Wrench
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="tire-types" data-section="tire-types">
        <ProductCardOne
          title="Shop by Tire Type"
          description="Find the perfect tire for your vehicle and driving style. From daily commutes to high-performance drives."
          tag="Browse"
          tagIcon={Search}
          products={[
            {
              id: "1",
              name: "All-Season Tires",
              price: "Starting at $89",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "All-season tire selection"
            },
            {
              id: "2",
              name: "Performance Tires",
              price: "Starting at $129",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "Performance tire selection"
            },
            {
              id: "3",
              name: "SUV & Truck Tires",
              price: "Starting at $119",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "SUV and truck tire selection"
            },
            {
              id: "4",
              name: "Budget Tires",
              price: "Starting at $59",
              imageSrc: "http://img.b2bpic.net/free-photo/muscular-man-is-fixing-car-s-wheel-with-special-tool-auto-service_613910-17086.jpg",
              imageAlt: "Budget tire selection"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttons={[
            { text: "Get a Tire Quote", href: "#contact" }
          ]}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MetricCardEleven
          title="Why Choose Tony's Tire Shop"
          description="Local expertise meets professional service. We're the tire shop that actually cares about getting you safe."
          tag="Trust"
          tagIcon={Shield}
          metrics={[
            {
              id: "1",
              value: "25+",
              title: "Years Experience",
              description: "Trusted neighborhood shop with proven expertise",
              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18338.jpg",
              imageAlt: "Experienced team at Tony's Tire Shop"
            },
            {
              id: "2",
              value: "Same-Day",
              title: "Emergency Service",
              description: "Urgent tire help available now, not next week",
              imageSrc: "http://img.b2bpic.net/free-photo/sad-young-woman-sitting-near-broken-down-car-road_23-2147855644.jpg",
              imageAlt: "Same-day tire service availability"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="tire-brands" data-section="tire-brands">
        <SocialProofOne
          title="We Carry Top Tire Brands"
          description="Trusted by drivers everywhere. We stock the brands you know and trust."
          tag="Brands"
          tagIcon={Award}
          names={["Michelin", "Bridgestone", "Goodyear", "Continental", "Pirelli", "Dunlop", "Yokohama", "Hankook"]}
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>

      <FooterLogoEmphasis
        logoText="Tony's Tire Shop"
        columns={[
          {
            items: [
              { label: "Home", href: "/" },
              { label: "Services", href: "/services" },
              { label: "Tires", href: "/tires" },
              { label: "About", href: "/about" }
            ]
          },
          {
            items: [
              { label: "Contact", href: "/contact" },
              { label: "Call: (800) 123-4567", href: "tel:+1-800-123-4567" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}