"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import FeatureHoverPattern from "@/components/sections/feature/featureHoverPattern/FeatureHoverPattern";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Sparkles, Shield, Zap, Star, Award, CheckCircle, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="slide-background"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Emerald Detailing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="EMERALD DETAILING"
          description="Premium auto detailing in Batavia, OH. Expert attention to detail transforms your vehicle. 4.7★ rated on Google. Book your transformation today."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Detailing", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/premium-photo/car-service-worker-polishing-car_179755-10221.jpg?id=10938146"
          imageAlt="Professional car detailing showcase"
          frameStyle="card"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureHoverPattern
          features={[
            {
              icon: Sparkles,
              title: "Interior Detailing",              description: "Deep cleaning of cabin surfaces, seats, carpets, and all interior components for a showroom-fresh interior"
            },
            {
              icon: Shield,
              title: "Exterior Polish",              description: "Professional paint correction and polishing to remove swirls, scratches, and restore deep luster"
            },
            {
              icon: Zap,
              title: "Ceramic Coating",              description: "Advanced paint protection that lasts months, providing hydrophobic coating and UV resistance"
            },
            {
              icon: Star,
              title: "Wheel & Tire Care",              description: "Expert cleaning and conditioning of wheels and tires for that complete premium finish"
            },
            {
              icon: Award,
              title: "Engine Bay Detail",              description: "Meticulous cleaning of engine components for protection and impressive appearance"
            },
            {
              icon: CheckCircle,
              title: "Window Tinting",              description: "Professional window tinting for privacy, UV protection, and enhanced aesthetic appeal"
            }
          ]}
          animationType="slide-up"
          title="Our Detailing Services"
          description="Comprehensive automotive detailing solutions tailored to keep your vehicle looking pristine and protected"
          tag="Services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Why Choose Emerald Detailing?"
          description={[
            "Since opening in Batavia, we've built a reputation for unmatched attention to detail and commitment to quality. Our team of certified professionals treats every vehicle like it's their own.",            "With 33 five-star reviews, we've earned the trust of local car enthusiasts who demand excellence. We use only premium products and techniques proven to protect and enhance your vehicle's appearance.",            "Every project is completed with care and precision. From first-time buyers to seasoned collectors, our goal is to exceed expectations and keep your vehicle looking showroom-ready."
          ]}
          buttons={[
            { text: "See Our Work", href: "#testimonials" }
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",              name: "KC Robinson",              handle: "Local Guide",              testimonial: "These guys are the kind of businessmen you want to deal with. Both professional and friendly, their work stands for itself. The true character of a business is found when things don't go as planned.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "KC Robinson"
            },
            {
              id: "2",              name: "Brandon Brinko",              handle: "@brandonbrinko",              testimonial: "Brought them several vehicles. This last project was a tough one. Bought sight unseen and it needed love, but this black beauty looked good as new once they were done with it. Definitely recommend them for all your detailing needs!",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Brandon Brinko"
            },
            {
              id: "3",              name: "Brandon Weslock",              handle: "@bweslock",              testimonial: "This truck had about 40k miles on it and the first owner took decent care of it. Eric and his team did an amazing job making the truck look new again.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "Brandon Weslock"
            },
            {
              id: "4",              name: "Sarah Mitchell",              handle: "5 stars",              testimonial: "Their attention to detail and commitment to quality is clearly unmatched. My SUV has never looked better. Couldn't be happier with the service Eric and his team provided.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "5",              name: "James Peterson",              handle: "Verified Customer",              testimonial: "Professional, courteous, and incredibly thorough. They transformed my vehicle and I'm already planning my next appointment. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "James Peterson"
            },
            {
              id: "6",              name: "Emily Rodriguez",              handle: "Repeat Customer",              testimonial: "The crew did a fantastic job on the interior of my SUV. Every detail was perfect. Worth every penny and then some. Will definitely be back!",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Emily Rodriguez"
            }
          ]}
          animationType="slide-up"
          title="Client Testimonials"
          description="Hear from our satisfied customers who've experienced the Emerald Detailing difference"
          tag="Social Proof"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Vehicle?"
          ctaDescription="Contact us today to book your detailing appointment. Call (513) 673-8213 or visit us in Batavia, OH."
          ctaButton={{
            text: "Book Your Appointment",            href: "tel:5136738213"
          }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "How long does a full detail take?",              content: "A complete interior and exterior detail typically takes 4-6 hours depending on vehicle condition and size. We can work with your schedule for expedited services."
            },
            {
              id: "2",              title: "What areas do you service?",              content: "We're located at 1120 Old State Rte 74 A, Batavia, OH 45103 and service the greater Cincinnati area. Mobile detailing is available for certain services."
            },
            {
              id: "3",              title: "Do you use environmentally friendly products?",              content: "Yes, we use premium quality products that are safe for your vehicle, your family, and the environment. All our detailing processes follow best practices for sustainability."
            },
            {
              id: "4",              title: "Can ceramic coating be applied to any vehicle?",              content: "Ceramic coating works on any vehicle with a clear coat finish. We recommend it for new cars and those with paint-corrected surfaces for optimal results."
            },
            {
              id: "5",              title: "What's included in your interior detailing?",              content: "Interior detailing includes vacuum, carpet steam cleaning, seat conditioning, dashboard cleaning, window cleaning, and all interior trim detailing."
            },
            {
              id: "6",              title: "How often should I get my car detailed?",              content: "We recommend detailing every 3-6 months for optimal protection and appearance. With ceramic coating, intervals can be extended."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Interior Detailing", href: "#services" },
                { label: "Exterior Polish", href: "#services" },
                { label: "Ceramic Coating", href: "#services" },
                { label: "Paint Protection", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Contact", href: "#contact" },
                { label: "Book Now", href: "tel:5136738213" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "(513) 673-8213", href: "tel:5136738213" },
                { label: "1120 Old State Rte 74 A", href: "#" },
                { label: "Batavia, OH 45103", href: "#" },
                { label: "Hours: 9 AM - 6 PM", href: "#" }
              ]
            },
            {
              title: "Follow",              items: [
                { label: "Google Reviews", href: "#" },
                { label: "Facebook", href: "#" },
                { label: "Instagram", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 Emerald Detailing Cincy. All rights reserved."
          bottomRightText="Premium Auto Detailing • Batavia, OH"
        />
      </div>
    </ThemeProvider>
  );
}