"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { CheckCircle, Star, Shield, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="mediumLarge"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "Reviews", id: "reviews" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Call Now", id: "tel:(860) 997-0410" }
          ]}
          brandName="Johnny's Detailing"
          bottomLeftText="Newington, Connecticut"
          bottomRightText="(860) 997-0410"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Professional Auto Detailing in Newington, CT"
          description="Restore your vehicle to showroom condition with expert detailing and ceramic protection. Trusted by local car owners since 2022."
          tag="⭐ 5.0 Rating"
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg?_wi=1"
          imageAlt="Pristine detailed car exterior shine"
          imagePosition="right"
          mediaAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Mike Thompson",              handle: "Car Owner",              testimonial: "Johnny's is a very thorough and excellent detail shop. My cars always come out showroom condition.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=1"
            }
          ]}
          buttons={[
            { text: "📞 Call Now (860) 997-0410", href: "tel:(860) 997-0410" },
            { text: "Get a Free Quote", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <MetricCardTen
          title="Why Johnny's Detailing Stands Out"
          description="Trusted by the Newington, CT community for exceptional car detailing services"
          metrics={[
            {
              id: "1",              title: "5.0 Star Rating",              subtitle: "Consistently excellent service and customer satisfaction",              category: "Reputation",              value: "95+ Reviews"
            },
            {
              id: "2",              title: "Local Newington Business",              subtitle: "Serving the Connecticut community with pride",              category: "Community",              value: "3+ Years"
            },
            {
              id: "3",              title: "Professional Grade Products",              subtitle: "Using only the best detailing solutions and equipment",              category: "Quality",              value: "Premium"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySix
          title="Our Detailing Services"
          description="Comprehensive solutions for every vehicle type and need"
          features={[
            {
              title: "Interior Detailing",              description: "Professional cleaning and restoration of car interiors",              imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078278.jpg",              imageAlt: "Professional interior car detailing",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Exterior Detailing",              description: "Premium wash, wax, and protective coating services",              imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=1",              imageAlt: "Exterior car detailing and waxing",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Ceramic Coating",              description: "Long-lasting ceramic protection for paint and surfaces",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg?_wi=1",              imageAlt: "Ceramic coating application",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Paint Correction",              description: "Restore paint clarity and remove swirl marks",              imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487002.jpg",              imageAlt: "Paint correction and polishing",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Truck & SUV Detailing",              description: "Specialized services for larger vehicles",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-disabled-man-wearing-mask_23-2148779025.jpg",              imageAlt: "Truck and SUV detailing",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            },
            {
              title: "Full Detail Packages",              description: "Complete interior and exterior restoration packages",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-side-mirror-modern-white-cabriolet-car_181624-25257.jpg?_wi=2",              imageAlt: "Complete vehicle detailing package",              buttonIcon: CheckCircle,
              buttonHref: "#contact"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardFour
          title="Before & After Transformations"
          description="See the dramatic results of our professional detailing work"
          products={[
            {
              id: "1",              name: "Dirty Vehicle Restoration",              price: "Transformation",              variant: "Complete Interior & Exterior",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg",              imageAlt: "Before and after vehicle detailing"
            },
            {
              id: "2",              name: "Truck Deep Clean",              price: "Transformation",              variant: "Heavy Duty Restoration",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-wooden-surface_169016-5614.jpg",              imageAlt: "Truck before and after detailing"
            },
            {
              id: "3",              name: "Interior Restoration",              price: "Transformation",              variant: "Seats & Dashboard",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",              imageAlt: "Car interior before and after"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from satisfied car owners across Connecticut"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              role: "Car Owner",              company: "Newington, CT",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg?_wi=2"
            },
            {
              id: "2",              name: "Michael Chen",              role: "Truck Owner",              company: "West Hartford, CT",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"
            },
            {
              id: "3",              name: "Emily Rodriguez",              role: "Car Seller",              company: "Hartford, CT",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"
            },
            {
              id: "4",              name: "David Kim",              role: "Business Owner",              company: "Wethersfield, CT",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-showing-double-thumbs-up-striped-t-shirt-white-cardigan-jean-pants-looking-happy-front-view_176474-41210.jpg"
            }
          ]}
          kpiItems={[
            { value: "95+", label: "Happy Customers" },
            { value: "5.0★", label: "Average Rating" },
            { value: "3+ Years", label: "Local Excellence" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Why Choose Johnny's Detailing" }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "📞 Get a Quote", href: "tel:(860) 997-0410" },
            { text: "Learn More", href: "#services" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features-list" data-section="features-list">
        <FeatureCardTwentySix
          title="Our Commitment to Excellence"
          description="What sets us apart in the detailing industry"
          features={[
            {
              title: "5 Star Rated Local Business",              description: "Consistently delivering exceptional results and customer satisfaction",              imageSrc: "http://img.b2bpic.net/free-photo/mechanic-doing-car-yearly-checkup_482257-76142.jpg",              imageAlt: "Johnny's Detailing professional shop",              buttonIcon: Star
            },
            {
              title: "Professional Grade Products",              description: "Using only premium, environmentally-conscious detailing solutions",              imageSrc: "http://img.b2bpic.net/free-photo/man-car-clean-vacuuming-car-inside_1303-30580.jpg?_wi=2",              imageAlt: "Professional detailing products",              buttonIcon: Shield
            },
            {
              title: "Attention to Detail",              description: "Meticulous care applied to every vehicle we service",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-car-washing-service_23-2149212228.jpg?_wi=2",              imageAlt: "Detailed ceramic coating work",              buttonIcon: Zap
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="service-area" data-section="service-area">
        <ContactText
          text="Serving Newington, West Hartford, Hartford, Wethersfield, Berlin, Rocky Hill, and surrounding Connecticut towns with professional car detailing services."
          animationType="background-highlight"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttons={[
            { text: "View Service Map", href: "#" }
          ]}
        />
      </div>

      <div id="final-cta" data-section="final-cta">
        <ContactText
          text="Ready to Make Your Car Look Brand New? Contact Johnny's Detailing today for a free quote and experience the difference professional detailing can make."
          animationType="entrance-slide"
          background={{ variant: "circleGradient" }}
          useInvertedBackground={true}
          buttons={[
            { text: "📞 Call (860) 997-0410", href: "tel:(860) 997-0410" },
            { text: "Get a Free Quote", href: "#contact-form" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Interior Detailing", href: "#services" },
                { label: "Exterior Detailing", href: "#services" },
                { label: "Ceramic Coating", href: "#services" },
                { label: "Paint Correction", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#why-choose" },
                { label: "Reviews", href: "#reviews" },
                { label: "Service Area", href: "#service-area" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "📞 (860) 997-0410", href: "tel:(860) 997-0410" },
                { label: "📍 115 Pane Rd, Newington, CT 06111", href: "#" },
                { label: "Opens 7 AM Daily", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Johnny's Detailing LLC. All rights reserved."
          bottomRightText="Professional Auto Detailing • Newington, CT"
        />
      </div>
    </ThemeProvider>
  );
}