"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Services", id: "services" },
            { name: "Why Us", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="A Detailing"
          bottomLeftText="San Diego, CA"
          bottomRightText="hello@adetailing.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="A Detailing"
          description="Premium auto detailing services in San Diego, near SDSU. Expert hand-washing, polishing, and protective coatings for cars that shine."
          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "Book Your Appointment", href: "#contact" },
            { text: "Learn More", href: "#services" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
          imageAlt="Professional auto detailing showcase"
          imagePosition="right"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardMedia
          title="Our Premium Services"
          description="Rainer and Romet deliver excellence in every service, using premium products and meticulous attention to detail."
          features={[
            {
              id: "exterior-detail",              title: "Professional Exterior Detailing",              description: "Complete exterior washing, clay bar treatment, and premium polish to restore your vehicle's showroom shine.",              tag: "Exterior",              imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg",              buttons: [{ text: "Learn More", href: "#contact" }]
            },
            {
              id: "interior-detail",              title: "Interior Deep Cleaning",              description: "Thorough interior vacuuming, fabric protection, leather conditioning, and final touch detailing for a pristine cabin.",              tag: "Interior",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg",              buttons: [{ text: "Learn More", href: "#contact" }]
            },
            {
              id: "ceramic-coating",              title: "Ceramic Coating Protection",              description: "Advanced ceramic coating application for long-lasting paint protection, hydrophobic finish, and unmatched gloss.",              tag: "Protection",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg",              buttons: [{ text: "Learn More", href: "#contact" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose A Detailing"
          description="Led by Rainer and Romet, the best detailers in San Diego."
          tabs={[
            {
              id: "expertise",              label: "Expert Team",              description: "Rainer and Romet bring years of professional automotive detailing expertise. Their dedication to perfection ensures every vehicle receives premium care and attention to detail that shows."
            },
            {
              id: "quality",              label: "Quality Products",              description: "We use only premium detailing products and cutting-edge techniques. From professional-grade sealants to ceramic coatings, every product is selected for superior results."
            },
            {
              id: "location",              label: "Convenient Location",              description: "Serving San Diego and surrounding areas including SDSU. Easy to access, flexible scheduling, and professional service you can trust right in your neighborhood."
            },
            {
              id: "satisfaction",              label: "Guaranteed Results",              description: "We stand behind our work with complete satisfaction guarantees. Your car deserves the best, and we deliver premium detailing results every single time."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
          imageAlt="A Detailing team expertise"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Track Record"
          description="Trusted by San Diego car owners for exceptional results and professional service."
          metrics={[
            { id: "customers", value: "500+", description: "Satisfied Customers" },
            { id: "experience", value: "10+", description: "Years Experience" },
            { id: "rating", value: "4.9★", description: "Average Rating" },
            { id: "guarantee", value: "100%", description: "Satisfaction Guarantee" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real reviews from satisfied car owners across San Diego who trust A Detailing."
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              handle: "@maria_vehicles",              testimonial: "Rainer and Romet transformed my car! It looks brand new. The attention to detail is incredible. Highly recommend A Detailing to everyone!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",              name: "James Chen",              handle: "@james_automotive",              testimonial: "Best detailing service I've ever experienced. Professional, efficient, and the results speak for themselves. My car has never looked better!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "James Chen"
            },
            {
              id: "3",              name: "Sarah Williams",              handle: "@sarah_sd",              testimonial: "Located near SDSU and absolutely worth the visit. Rainer and Romet are true professionals. My vehicle's paint shines like never before!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",              imageAlt: "Sarah Williams"
            },
            {
              id: "4",              name: "David Martinez",              handle: "@david_cars",              testimonial: "Exceptional service from start to finish. The team is knowledgeable, friendly, and delivers outstanding detailing results every time.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "5",              name: "Emma Lee",              handle: "@emma_sanDiego",              testimonial: "A Detailing is the gold standard in San Diego. The ceramic coating they applied is still protecting my car beautifully after months!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Emma Lee"
            },
            {
              id: "6",              name: "Michael Torres",              handle: "@michael_auto",              testimonial: "Finally found the perfect detailing service! Rainer and Romet's expertise and professionalism are unmatched. A Detailing is the best!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-front-view-business-man_23-2148763836.jpg",              imageAlt: "Michael Torres"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to give your vehicle the premium detailing treatment it deserves? Contact Rainer and Romet today to schedule your appointment. We're serving San Diego and nearby areas including SDSU with world-class auto detailing services."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Your Appointment", href: "https://contact.example.com" },
            { text: "Call Now", href: "tel:+16195551234" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Services",              items: [
                { label: "Exterior Detailing", href: "#services" },
                { label: "Interior Cleaning", href: "#services" },
                { label: "Ceramic Coating", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Book Now", href: "#contact" }
              ]
            },
            {
              title: "Location",              items: [
                { label: "San Diego, CA", href: "#" },
                { label: "Near SDSU", href: "#" },
                { label: "Get Directions", href: "#" }
              ]
            }
          ]}
          bottomLeftText="© 2025 A Detailing. All rights reserved."
          bottomRightText="Rainer & Romet's Premium Auto Detailing"
        />
      </div>
    </ThemeProvider>
  );
}