"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="ORLANDO FULL SERVICE CAR WASH"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Memberships", id: "memberships" },
            { name: "For Business", id: "for-business" },
            { name: "Locations", id: "locations" },
            { name: "Blog", id: "blog" }
          ]}
          button={{ text: "Join Now", href: "#memberships" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="LOVE YOUR RIDE."
          description="Hand washed. Showroom perfect. Get your first wash FREE when you sign up today."
          tag="ORLANDO'S FINEST FULL SERVICE WASH"
          tagAnimation="slide-up"
          buttons={[
            { text: "Try Us Free", href: "#memberships" },
            { text: "Find Hours & Location", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773922280108-8h8agv21.jpg"
          imageAlt="Gleaming wet black car with perfect shine"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          testimonials={[
            {
              name: "Sarah M.",              handle: "Orlando, FL",              testimonial: "Best hand wash in Orlando. The attention to detail is incredible.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg?_wi=1",              imageAlt: "Sarah M."
            },
            {
              name: "James T.",              handle: "Orlando, FL",              testimonial: "Military discount + free Wi-Fi? Sign me up. Amazing service.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=1",              imageAlt: "James T."
            },
            {
              name: "Maria L.",              handle: "Orlando, FL",              testimonial: "After the full detail, my car looks showroom perfect again.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/military-man-suffering-from-ptsd_23-2149307543.jpg?_wi=1",              imageAlt: "Maria L."
            },
            {
              name: "David R.",              handle: "Orlando, FL",              testimonial: "Reliable, professional, and they genuinely care about your car.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg?_wi=1",              imageAlt: "David R."
            }
          ]}
          background={{ variant: "plain" }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="ALL WEATHER. ALL SEASON. ALL CLEAN."
          description="Our premium detail packages protect your vehicle year-round — rain, heat, humidity. Orlando's weather is no match for our hybrid wash system."
          features={[
            {
              id: 1,
              title: "Hand Washed",              description: "Not a machine. Every car touched by hand for meticulous care and protection.",              imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-inside-electro-car-while-charging-with-coffee-cup_1303-17791.jpg",              imageAlt: "Hand washing premium vehicle"
            },
            {
              id: 2,
              title: "Spotless Results",              description: "Hand-inspected finish every time. We check before you drive away.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773925283431-ne2515m9.jpg",              imageAlt: "Perfectly clean showroom vehicle"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "See Detail Packages", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardThree
          title="FIND YOUR WASH"
          description="From quick exterior shine to complete showroom detail. Choose the package that loves your ride the way you do."
          products={[
            {
              id: "basic",              name: "Basic Wash",              price: "$19.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773924761196-78dtbmdj.jpg",              imageAlt: "Basic wash package"
            },
            {
              id: "full-service",              name: "Full Service",              price: "$39.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773924836581-yhch7521.jpg",              imageAlt: "Full service wash package"
            },
            {
              id: "premium",              name: "Premium Detail",              price: "$59.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773925283431-487lkltr.jpg",              imageAlt: "Premium detail package"
            },
            {
              id: "works",              name: "The Works",              price: "$89.99",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BA7fYmC8DCwX7HmqtNJcPebViP/uploaded-1773925283431-487lkltr.jpg",              imageAlt: "Complete detail package"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Book Now", href: "#memberships" }
          ]}
        />
      </div>

      <div id="memberships" data-section="memberships">
        <PricingCardThree
          title="WASH MORE. PAY LESS."
          description="Join thousands of Orlando drivers who save with unlimited monthly memberships. Refer a friend — both get a free wash."
          plans={[
            {
              id: "basic-pass",              name: "Basic Monthly Pass",              price: "$29.99/mo",              badge: "Popular",              features: [
                "4 basic washes per month",                "20% service discount",                "Priority booking"
              ],
              buttons: [
                { text: "Sign Up", href: "#contact" }
              ]
            },
            {
              id: "premium-pass",              name: "Premium Monthly Pass",              price: "$49.99/mo",              badge: "Best Value",              features: [
                "Unlimited full-service washes",                "2 premium details per month",                "Free tire shine & wax",                "Priority booking"
              ],
              buttons: [
                { text: "Sign Up", href: "#contact" }
              ]
            },
            {
              id: "unlimited-vip",              name: "Unlimited VIP Pass",              price: "$79.99/mo",              badge: "Premium",              features: [
                "Unlimited everything",                "Unlimited premium details",                "Priority VIP lounge access",                "Free Wi-Fi & refreshments",                "Exclusive military discount"
              ],
              buttons: [
                { text: "Sign Up", href: "#contact" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="WHY HAND WASH MATTERS"
          title="WE SWEAT THE DETAILS."
          description="Every vehicle is hand-washed, not machine-blasted. Our hybrid system uses soft-touch brushes and premium soaps to protect your paint while delivering showroom shine."
          subdescription="Military discount. Free Wi-Fi lounge. Hybrid wash system. Affordable pricing. Safe, clean facility. This is what premium hand-wash service looks like."
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-valet-doing-his-job_23-2150274629.jpg"
          imageAlt="Professional hand wash detail"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardTwo
          title="HOW IT WORKS"
          description="Three simple steps to a perfectly clean car."
          metrics={[
            {
              id: "1",              value: "01. Pull In",              description: "Choose your package at the entrance. Membership or pay-as-you-go."
            },
            {
              id: "2",              value: "02. Relax",              description: "Free Wi-Fi lounge while our team hand-washes your vehicle."
            },
            {
              id: "3",              value: "03. Drive Out Shining",              description: "Hand-inspected finish, every time. Your car is showroom perfect."
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="TRUSTED BY ORLANDO DRIVERS"
          description="4.2 stars · 123+ reviews. Real customers. Real shine."
          testimonials={[
            {
              id: "1",              name: "Sarah Martinez",              role: "Regular Customer",              company: "Orlando, FL",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg?_wi=2",              imageAlt: "Sarah Martinez"
            },
            {
              id: "2",              name: "James Rodriguez",              role: "Military Service Member",              company: "Orlando, FL",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg?_wi=2",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              name: "Maria Gonzalez",              role: "Monthly Member",              company: "Orlando, FL",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/military-man-suffering-from-ptsd_23-2149307543.jpg?_wi=2",              imageAlt: "Maria Gonzalez"
            },
            {
              id: "4",              name: "David Chen",              role: "Business Owner",              company: "Orlando, FL",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12670.jpg?_wi=2",              imageAlt: "David Chen"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="FREQUENTLY ASKED QUESTIONS"
          description="Everything you need to know about our hand-wash service."
          faqs={[
            {
              id: "1",              title: "Is hand washing better than automated?",              content: "Absolutely. Hand washing protects your paint from machine scratches and allows us to focus on details that matter — trim, mirrors, wheels, and undercarriage. Every car gets personalized attention."
            },
            {
              id: "2",              title: "What's included in The Works package?",              content: "Complete interior & exterior detail, clay bar treatment, two-stage polish, hand wax, interior shampoo, wheel cleaning, tire shine, and hand inspection. It's the full premium experience."
            },
            {
              id: "3",              title: "Do you offer military discounts?",              content: "Yes! Active military, veterans, and their families receive an exclusive discount on all services and memberships. Bring valid military ID. It's our way of saying thank you."
            },
            {
              id: "4",              title: "How long does a full detail take?",              content: "Basic wash: 15-20 mins. Full Service: 30-40 mins. Premium Detail: 60-75 mins. The Works: 2-3 hours. Times vary based on vehicle size and condition. Relax in our free Wi-Fi lounge while we work."
            },
            {
              id: "5",              title: "Do you have fleet or business plans?",              content: "Yes! We offer volume pricing for company fleets, rideshare vehicles, rental car operations, and auto dealerships. Contact us at (407) 318-6763 for custom quotes."
            }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta-bottom" data-section="cta-bottom">
        <ContactText
          text="YOUR RIDE IS WAITING.\n\nOpen 7 days a week. Walk-ins welcome.\n\nMon–Sat: 8:00AM–7:00PM\nSun: 9:00AM–7:00PM\n\n2924 Camomile Dr, Orlando, FL 32837"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          buttons={[
            { text: "Book Now", href: "#memberships" },
            { text: "Call (407) 318-6763", href: "tel:(407) 318-6763" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Basic Wash", href: "#services" },
                { label: "Full Service", href: "#services" },
                { label: "Premium Detail", href: "#services" },
                { label: "The Works", href: "#services" }
              ]
            },
            {
              title: "Membership",              items: [
                { label: "Basic Monthly Pass", href: "#memberships" },
                { label: "Premium Monthly Pass", href: "#memberships" },
                { label: "Unlimited VIP Pass", href: "#memberships" },
                { label: "Refer a Friend", href: "#memberships" }
              ]
            },
            {
              title: "About",              items: [
                { label: "How It Works", href: "#how-it-works" },
                { label: "For Business", href: "#about" },
                { label: "Military Discount", href: "#about" },
                { label: "Hours & Location", href: "#cta-bottom" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (407) 318-6763", href: "tel:(407) 318-6763" },
                { label: "Email: orlandofullservicecarwash@gmail.com", href: "mailto:orlandofullservicecarwash@gmail.com" },
                { label: "2924 Camomile Dr, Orlando, FL 32837", href: "#" },
                { label: "Instagram", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2026 Orlando Full Service Car Wash. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}