"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterBase from "@/components/sections/footer/FooterBase";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Emerald Detailing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Professional Car Detailing Excellence"
          description="Elevate your vehicle's appearance with our expert detailing services in Batavia, OH. We deliver meticulous attention to every detail, transforming your car to showroom condition."
          tag="4.7 Rating - 33+ Trusted Reviews"
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
          imageAlt="Professional car detailing showcase"
          buttons={[
            { text: "Book Appointment", href: "contact" },
            { text: "View Services", href: "services" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Unmatched Attention to Detail"
          description="At Emerald Detailing Cincy, we believe your vehicle deserves nothing but the best. With years of expertise and a passion for perfection, Eric and his team have earned a reputation for transforming vehicles to pristine condition. From interior deep cleaning to exterior paint perfection, we combine professional techniques with premium products to deliver exceptional results every time."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg"
          imageAlt="Professional detailing team at work"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSix
          title="Our Detailing Services"
          description="Comprehensive vehicle care tailored to your needs"
          tag="Services"
          features={[
            {
              id: 1,
              title: "Interior Deep Clean",              description: "Professional vacuum, upholstery cleaning, leather conditioning, and stain removal to restore your vehicle's interior to pristine condition.",              imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg",              imageAlt: "Interior detailing service"
            },
            {
              id: 2,
              title: "Exterior Polish & Protection",              description: "Multi-stage paint correction, ceramic coating application, and protective waxing to enhance shine and protect against environmental damage.",              imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg",              imageAlt: "Exterior detailing and protection"
            },
            {
              id: 3,
              title: "Paint Enhancement",              description: "Advanced polishing techniques to remove swirls and scratches, revealing the true depth and luster of your vehicle's paint.",              imageSrc: "https://img.b2bpic.net/free-photo/worker-car-detailing-cleaning-car-with-microfiber_1303-30578.jpg",              imageAlt: "Professional paint polishing"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Excellence proven through results and customer satisfaction"
          tag="Results"
          metrics={[
            {
              id: "1",              value: "4.7★",              title: "Customer Rating",              description: "Consistent excellence across 33+ verified reviews",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg",              imageAlt: "Customer satisfaction metrics"
            },
            {
              id: "2",              value: "500+",              title: "Vehicles Detailed",              description: "Trusted by car owners throughout the Cincinnati area",              imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg",              imageAlt: "Professional vehicle fleet"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "KC Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "KC Rodriguez"
            },
            {
              id: "2",              name: "Brandon Brinko",              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",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Brandon Weslock"
            },
            {
              id: "4",              name: "Michael Torres",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "5",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "6",              name: "James Patterson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",              imageAlt: "James Patterson"
            }
          ]}
          cardTitle="Trusted by car enthusiasts and everyday drivers throughout Cincinnati"
          cardTag="See what our customers say"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Transform Your Vehicle?"
          description="Contact Emerald Detailing Cincy today to schedule your appointment. Call us at (513) 673-8213 or submit your information below."
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22301.jpg"
          imageAlt="Professional detailing team ready to serve"
          useInvertedBackground="invertDefault"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Get in Touch"
          termsText="We respect your privacy and will respond within 24 hours."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Emerald Detailing"
          copyrightText="© 2025 Emerald Detailing Cincy. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Interior Detailing", href: "services" },
                { label: "Exterior Protection", href: "services" },
                { label: "Paint Correction", href: "services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Reviews", href: "testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "(513) 673-8213", href: "tel:5136738213" },
                { label: "1120 Old State Rte 74 A", href: "contact" },
                { label: "Batavia, OH 45103", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}