"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MapPin, MessageSquare, Phone, Sparkles, Star, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmall"
      background="plain"
      cardStyle="solid"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Los Compas Auto Detail"
          button={{
            text: "Call Now",            href: "tel:+12149462922"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Your car deserves showroom status."
          description="Los Compas Auto Detail delivers precision-level detailing in Dallas. Sharp lines, deep shine, zero shortcuts. Every vehicle leaves looking different."
          tag="4.8★ Local Rating • Dallas, TX"
          tagIcon={Sparkles}
          kpis={[
            { value: "4.8★", label: "Customer Rating" },
            { value: "10+", label: "Years Experience" },
            { value: "2010 S Edgefield", label: "Dallas Location" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg"
          imageAlt="Premium car detailing showcase"
          imagePosition="right"
          buttons={[
            { text: "Call (214) 946-2922", href: "tel:+12149462922" },
            { text: "Get Directions", href: "#contact" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="What We Do"
          description="Premium detailing services that transform your vehicle into a showroom piece."
          tag="Services"
          tagIcon={Wrench}
          features={[
            {
              id: "01",              title: "Interior & Exterior Detailing",              description: "Complete deep clean and precision treatment of all vehicle surfaces",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
            },
            {
              id: "02",              title: "Deep Shine Finishes",              description: "Professional-grade polishing and protective coatings for lasting brilliance",              imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22301.jpg"
            },
            {
              id: "03",              title: "Attention to Detail",              description: "We catch what others miss—every crevice, every surface, every time",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193568.jpg"
            },
            {
              id: "04",              title: "Quick & Friendly Service",              description: "Fast turnaround with no-nonsense professionalism you can trust",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg"
            }
          ]}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialAboutCard
          tag="Local Trust"
          tagIcon={MapPin}
          title="Neighborhood service with high-end results."
          description="2010 S Edgefield Ave, Dallas, TX 75224"
          subdescription="(214) 946-2922 • Open 9AM-5PM"
          icon={Star}
          imageSrc="https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg"
          imageAlt="Los Compas Auto Detail location"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What People Say"
          description="Hear directly from customers who've experienced Los Compas Auto Detail."
          tag="Customer Feedback"
          tagIcon={MessageSquare}
          testimonials={[
            {
              id: "1",              name: "Maria Rodriguez",              handle: "Dallas, TX",              testimonial: "Quick and friendly service. My car looks brand new after coming here. They really take care of your vehicle.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Maria Rodriguez"
            },
            {
              id: "2",              name: "James Mitchell",              handle: "Dallas, TX",              testimonial: "Los Compas remembers a compa. Professional, efficient, and they treat every car like it's a prized possession.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "3",              name: "Sofia Hernandez",              handle: "Arlington, TX",              testimonial: "The shine they deliver is unreal. Worth the drive from Arlington every single time.",              imageSrc: "https://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg",              imageAlt: "Sofia Hernandez"
            },
            {
              id: "4",              name: "David Chen",              handle: "Dallas, TX",              testimonial: "No gimmicks. Just results that speak for themselves. My car looks different when it leaves.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1551.jpg",              imageAlt: "David Chen"
            },
            {
              id: "5",              name: "Angela Torres",              handle: "Dallas, TX",              testimonial: "Best detail shop in Dallas. Attention to every detail is why I keep coming back.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Angela Torres"
            },
            {
              id: "6",              name: "Marcus Johnson",              handle: "Dallas, TX",              testimonial: "Professional crew. Clean workspace. Premium results. This is the place.",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1676.jpg",              imageAlt: "Marcus Johnson"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready?"
          tagIcon={Phone}
          title="Let's make your car shine."
          description="Contact Los Compas Auto Detail today. Call, get directions, or book your appointment."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Get in Touch"
          termsText="We respect your privacy. Call us anytime at (214) 946-2922"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Los Compas Auto Detail"
          copyrightText="© 2025 Los Compas Auto Detail | Dallas, TX"
          columns={[
            {
              title: "Services",              items: [
                { label: "Interior Detailing", href: "#services" },
                { label: "Exterior Detailing", href: "#services" },
                { label: "Full Details", href: "#services" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call (214) 946-2922", href: "tel:+12149462922" },
                { label: "2010 S Edgefield Ave", href: "https://maps.google.com/?q=2010+S+Edgefield+Ave+Dallas+TX" },
                { label: "Get Directions", href: "https://maps.google.com/?q=2010+S+Edgefield+Ave+Dallas+TX" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Story", href: "#social-proof" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Local Community", href: "#social-proof" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}