"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { Sparkles, Zap, Shield, Award } from "lucide-react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        { name: "About", id: "#about" },
        { name: "Services", id: "#services" },
        { name: "Pricing", id: "#pricing" },
        { name: "Testimonials", id: "#testimonials" },
        { name: "Book Now", id: "#contact" },
      ]}
      brandName="ZaharaEliteDetailing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{ variant: "gradient-bars" }}
      logoText="Zahara Elite Detailing"
      description="Where perfection meets passion. Premium, mobile, and professional car care designed to restore your vehicle to its original showroom state."
      buttons={[
        { text: "Book Your Detail", href: "#contact" },
        { text: "View Our Services", href: "#services" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/male-painter-hazmat-suit-inside-car-shop_23-2149750030.jpg"
      imageAlt="Mirror-finish luxury car hood"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={false}
      title="Unmatched Excellence in Every Detail"
      description="At Zahara Elite Detailing, we treat every vehicle like a masterpiece. Our team brings years of experience and top-tier products directly to you, ensuring convenience without compromising on quality."
      bulletPoints={[
        { title: "Expert Precision", description: "Every corner of your car receives meticulous care." },
        { title: "Premium Products", description: "Only the finest eco-friendly cleaners and sealants." },
        { title: "Concierge Convenience", description: "We come to your home or office, saving your valuable time." },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193584.jpg"
      imageAlt="Professional car detailing team"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentySix
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Interior Deep Clean",          description: "Comprehensive vacuum, steam clean, and leather conditioning for a refreshed cabin.",          imageSrc: "http://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22315.jpg",          buttonIcon: Sparkles,
        },
        {
          title: "Foam Bath & Wash",          description: "Safe, contact-free wash removing grime while protecting your paintwork.",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2787.jpg",          buttonIcon: Zap,
        },
        {
          title: "Ceramic Coating",          description: "Long-lasting paint protection with a stunning glass-like finish.",          imageSrc: "http://img.b2bpic.net/free-photo/procedure-painting-car-service-center_146671-14886.jpg",          buttonIcon: Shield,
        },
        {
          title: "Wheel & Rim Care",          description: "Deep cleaning and gloss restoration for alloy and chrome wheels.",          imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-wheel-bolts_23-2148321924.jpg",          buttonIcon: Award,
        },
      ]}
      title="Comprehensive Car Care"
      description="Tailored solutions for every automotive need."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        { id: "p1", name: "Elite Detail Kit", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342609.jpg" },
        { id: "p2", name: "Leather Conditioner", price: "$35", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34262.jpg" },
        { id: "p3", name: "Ceramic Sealant", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193622.jpg" },
      ]}
      title="Premium Car Care Supplies"
      description="Maintain that elite look between services with our recommended tools."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Entry",          price: "$150",          subtitle: "Essential maintenance.",          features: ["Exterior Foam Bath", "Window Cleaning", "Interior Vacuum"],
        },
        {
          id: "standard",          badge: "Popular",          price: "$250",          subtitle: "Complete renewal.",          features: ["All Basic Services", "Leather Conditioning", "Paint Sealant", "Tire Shine"],
        },
        {
          id: "elite",          badge: "Elite",          price: "$450",          subtitle: "Ultimate preservation.",          features: ["All Standard Services", "Ceramic Coating", "Full Clay Bar", "Headlight Restoration"],
        },
      ]}
      title="Transparent Detailing Packages"
      description="Choose the level of service your vehicle deserves."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "500+", description: "Vehicles Detailed" },
        { id: "m2", value: "100%", description: "Satisfaction Guarantee" },
        { id: "m3", value: "5/5", description: "Average Rating" },
      ]}
      title="Results You Can Trust"
      description="We are proud of our commitment to quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "James Anderson", role: "Collector", company: "AutoClub", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-hand-sanitizer_23-2148725208.jpg" },
        { id: "t2", name: "Sarah Miller", role: "Business Owner", company: "CityReal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29665.jpg" },
        { id: "t3", name: "Robert Chen", role: "Car Enthusiast", company: "RoadRunners", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-working-as-truck-driver_23-2151489788.jpg" },
      ]}
      title="What Our Clients Say"
      description="Hear from drivers who trust us with their prized possessions."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "How long does a detailing take?", content: "Typically between 2 to 6 hours depending on the package." },
        { id: "q2", title: "Do you offer mobile services?", content: "Yes! We come to your home or office fully equipped." },
        { id: "q3", title: "Is your process safe?", content: "Absolutely. We use pH-neutral, high-end products safe for all vehicles." },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Everything you need to know about our premium detailing services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{ variant: "plain" }}
      tag="Booking Request"
      title="Ready to Restore Your Ride?"
      description="Enter your email below, and our team will contact you to confirm your mobile detailing appointment at your preferred time."
      imageSrc="http://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-orange-suv-car_627829-12604.jpg"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Get My Estimate"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ZaharaElite"
      leftLink={{ text: "Terms of Service", href: "#" }}
      rightLink={{ text: "Privacy Policy", href: "#" }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
