"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Shield, Award, CheckCircle, Star, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Book Now", id: "booking" }
          ]}
          brandName="Auto Haus"
          bottomLeftText="Melbourne, Australia"
          bottomRightText="0405 503 830"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          background={{ variant: "circleGradient" }}
          title="Precision Detailing. Premium Finish."
          description="Mobile & In-House Professional Car Detailing with 5.0 ★ Reviews"
          kpis={[
            { value: "5.0", label: "Google Rating" },
            { value: "100%", label: "Client Satisfaction" },
            { value: "Mobile", label: "Convenience" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Car Detailing"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:0405503830" },
            { text: "Book a Detail", href: "#booking" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=1"
          imageAlt="Luxury vehicle with glossy paint finish"
          mediaAnimation="opacity"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Detailing Done Properly." }
          ]}
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#services" },
            { text: "Get Started", href: "#booking" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Interior Detailing & Deep Cleans",              description: "Comprehensive interior care including vacuum, steam cleaning, leather conditioning, and odour elimination for a showroom finish.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg?_wi=2" }
            },
            {
              id: 2,
              title: "Exterior Detailing & Paint Correction",              description: "Professional exterior finishing with swirl mark removal, compound polishing, and protective sealant application for pristine results.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg?_wi=2" }
            },
            {
              id: 3,
              title: "Paint Protection & Enhancement",              description: "Premium ceramic coating and paint protection film services to maintain your vehicle's showroom shine and protect against environmental damage.",              phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=1" },
              phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30598.jpg?_wi=2" }
            }
          ]}
          showStepNumbers={true}
          title="Our Premium Services"
          description="Professional detailing solutions tailored to your vehicle's needs"
          tag="Premium Services"
          tagIcon={Shield}
          tagAnimation="slide-up"
          buttons={[{ text: "Book Service", href: "#booking" }]}
          buttonAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardSeven
          metrics={[
            {
              id: "1",              value: "5.0★",              title: "Google Reviews",              items: [
                "Verified customer feedback",                "Trusted local reputation",                "Consistent excellence"
              ]
            },
            {
              id: "2",              value: "Premium",              title: "Products & Techniques",              items: [
                "Only quality materials used",                "Industry-leading methods",                "Professional-grade results"
              ]
            },
            {
              id: "3",              value: "Expert",              title: "Attention to Detail",              items: [
                "Precision work standard",                "Every vehicle inspected",                "Perfection guaranteed"
              ]
            },
            {
              id: "4",              value: "Mobile",              title: "Service Convenience",              items: [
                "Come to your location",                "Flexible scheduling",                "Time-saving solution"
              ]
            }
          ]}
          title="Why Choose Auto Haus"
          description="Industry-leading standards and client-focused excellence"
          tag="Our Commitment"
          tagIcon={Award}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Car Enthusiasts & Professionals"
          description="Join hundreds of satisfied customers experiencing premium detailing excellence"
          tag="Social Proof"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          names={[
            "Luxury Vehicle Owners",            "Daily Drivers",            "Pre-Sale Preparation",            "Paint Protection Seekers",            "Detail Enthusiasts",            "Professional Fleets",            "Automotive Dealers",            "Corporate Accounts"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Transformed My Vehicle",              quote: "Auto Haus brought my neglected car back to life. The attention to detail is unmatched. My vehicle now looks showroom-ready. Highly recommend their premium services.",              name: "Sarah Mitchell",              role: "Vehicle Owner",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Professional Excellence",              quote: "I've used Auto Haus for my luxury cars for over a year. Consistently outstanding results. They treat every vehicle like their own. Best detailing service in Melbourne.",              name: "Michael Chen",              role: "Luxury Car Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Mobile Service Convenience",              quote: "The mobile service saved me so much time. They came to my home and performed an incredible detail while I worked. Professional, efficient, and outstanding results.",              name: "Emily Rodriguez",              role: "Busy Professional",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Exceptional Paint Correction",              quote: "Had severe swirl marks and scratches. Auto Haus corrected everything perfectly. The ceramic coating has kept my car looking pristine for months. Worth every dollar.",              name: "David Kim",              role: "Detail Enthusiast",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Pre-Sale Preparation Perfect",              quote: "Prepared my car for sale with Auto Haus detailing. It looked absolutely stunning in photos and sold quickly at full asking price. Their work made all the difference.",              name: "Jessica Thompson",              role: "Seller",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5",              imageAlt: "Jessica Thompson"
            },
            {
              id: "6",              title: "Premium Results Every Time",              quote: "What sets Auto Haus apart is their consistency. Every service is premium quality. I trust them completely with my vehicle. Loyal customer for life.",              name: "Robert Walsh",              role: "Long-term Client",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=6",              imageAlt: "Robert Walsh"
            }
          ]}
          title="Client Testimonials"
          description="Hear what our satisfied customers have to say about their experience"
          tag="Reviews"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="booking" data-section="booking">
        <ContactCenter
          tag="Ready to Transform"
          tagIcon={Zap}
          tagAnimation="slide-up"
          title="Secure Your Premium Detail Today"
          description="Book your appointment online or call directly. We'll confirm via phone and work around your schedule."
          background={{ variant: "circleGradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="We respect your privacy. Secure your booking via phone confirmation at 0405 503 830."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg?_wi=2"
          imageAlt="Premium Auto Haus detailing showcase"
          columns={[
            {
              title: "Services",              items: [
                { label: "Interior Detailing", href: "#services" },
                { label: "Exterior Detailing", href: "#services" },
                { label: "Paint Protection", href: "#services" },
                { label: "Maintenance", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Book Now", href: "#booking" },
                { label: "Contact", href: "tel:0405503830" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Google Reviews", href: "https://google.com" },
                { label: "Call Us", href: "tel:0405503830" },
                { label: "Email", href: "mailto:info@autohausdetailing.com.au" }
              ]
            }
          ]}
          logoText="Auto Haus Detailing"
          copyrightText="© 2025 Auto Haus Detailing. Melbourne-based premium car detailing service."
        />
      </div>
    </ThemeProvider>
  );
}
