"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Facebook, Instagram, Shield, Sparkles, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Packages",          id: "#packages"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/automotive-car-vector-logo-design_47987-25083.jpg"
      logoAlt="LVK Detailing Logo"
      brandName="LVK Detailing"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="LVK Detailing"
      description="Experience the ultimate care for your vehicle. Precision detailing services that restore and protect its beauty."
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
        {
          text: "View Services",          href: "#services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193588.jpg"
      imageAlt="Luxurious car with a fresh detail in a modern studio"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="About LVK Detailing"
      description="At LVK Detailing, we are passionate about cars and committed to delivering unparalleled automotive detailing services. With years of experience, we specialize in paint correction, ceramic coatings, and interior rejuvenation, ensuring every vehicle leaves our shop looking its absolute best. We use only premium products and techniques to protect your investment and enhance its aesthetic appeal."
      bulletPoints={[
        {
          title: "Unrivaled Expertise",          description: "Years of hands-on experience in automotive detailing with a keen eye for perfection.",          icon: Sparkles,
        },
        {
          title: "Premium Products",          description: "Only the finest, industry-leading detailing products are used for superior results and lasting protection.",          icon: Shield,
        },
        {
          title: "Customer Satisfaction",          description: "Dedicated to exceeding expectations, ensuring every client leaves completely satisfied with their vehicle's transformation.",          icon: Award,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-shot-metal-multi-purpose-knife-with-water-droplets-isolated-black-surface_181624-46876.jpg"
      imageAlt="Car detailing professional cleaning a luxury car's interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "exterior-detail",          title: "Exterior Detailing",          tags: [
            "Wash",            "Wax",            "Sealant",            "Polishing"],
          imageSrc: "http://img.b2bpic.net/free-photo/man-painting-car-side-view_23-2149714348.jpg",          imageAlt: "Professional buffing a car's exterior paint"},
        {
          id: "interior-detail",          title: "Interior Rejuvenation",          tags: [
            "Vacuum",            "Shampoo",            "Leather Care",            "Sanitization"],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194078.jpg",          imageAlt: "Deep cleaning of a car's interior carpet"},
        {
          id: "ceramic-coating",          title: "Ceramic Coating",          tags: [
            "Protection",            "Gloss",            "Durability",            "Hydrophobic"],
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-water_23-2149199521.jpg",          imageAlt: "Applying ceramic coating to a car's hood"},
        {
          id: "headlight-restoration",          title: "Headlight Restoration",          tags: [
            "Clarity",            "Safety",            "Appearance"],
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-black-car-lights_23-2148258066.jpg",          imageAlt: "Restored car headlight shining brightly"},
      ]}
      title="Our Detailing Services"
      description="From meticulous exterior polishing to deep interior cleaning, our comprehensive range of services is designed to meet every need."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        {
          id: "silver",          name: "Silver Standard",          price: "$149",          variant: "Exterior Wash & Wax",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-black-white-background_23-2150498613.jpg",          imageAlt: "Car undergoing a standard exterior wash"},
        {
          id: "gold",          name: "Gold Elite",          price: "$299",          variant: "Full Interior & Exterior Detail",          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26071.jpg",          imageAlt: "Car receiving a comprehensive interior and exterior detail"},
        {
          id: "platinum",          name: "Platinum Perfection",          price: "$599",          variant: "Ceramic Coating & Paint Correction",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193621.jpg",          imageAlt: "Professional applying ceramic coating to a car"},
        {
          id: "interior-refresh",          name: "Interior Refresh",          price: "$129",          variant: "Deep Interior Cleaning",          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358941.jpg",          imageAlt: "Car interior being deep cleaned"},
        {
          id: "exterior-shine",          name: "Exterior Shine",          price: "$179",          variant: "Advanced Exterior Polish",          imageSrc: "http://img.b2bpic.net/free-photo/girls-with-cosmetic_1157-15462.jpg",          imageAlt: "Car exterior being polished to a high shine"},
        {
          id: "engine-bay",          name: "Engine Bay Detail",          price: "$79",          variant: "Clean & Dress Engine Compartment",          imageSrc: "http://img.b2bpic.net/free-photo/car-engine_1373-250.jpg",          imageAlt: "Clean and detailed car engine bay"},
      ]}
      title="Premium Detailing Packages"
      description="Choose from our expertly crafted packages for a complete detailing experience, designed to give your vehicle the care it deserves."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "experience",          value: "10+",          description: "Years of Automotive Detailing Experience"},
        {
          id: "clients",          value: "500+",          description: "Happy Clients Served Annually"},
        {
          id: "rating",          value: "5.0/5",          description: "Based on 4 Verified Reviews"},
      ]}
      title="Why Choose Us?"
      description="Our commitment to excellence and customer satisfaction sets us apart in the detailing industry."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          title: "Simply Outstanding!",          quote: "LVK Detailing transformed my car! The paint correction made it look better than new, and the ceramic coating is incredible. Highly recommend their professional service.",          name: "Sarah J.",          role: "Luxury Car Owner",          imageSrc: "http://img.b2bpic.net/free-photo/happy-beautiful-brunette-woman-holding-car-keys-front-new-vehicle-automobile-dealership-showroom_342744-741.jpg",          imageAlt: "Portrait of Sarah J., a satisfied LVK Detailing customer"},
        {
          id: "2",          title: "Unmatched Attention to Detail",          quote: "The team at LVK Detailing is truly passionate. Every inch of my vehicle was meticulously cared for. Their interior cleaning service is second to none!",          name: "Michael T.",          role: "Car Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-female-customer-workshop_637285-7684.jpg",          imageAlt: "Portrait of Michael T., a happy LVK Detailing customer"},
        {
          id: "3",          title: "Worth Every Penny!",          quote: "I've tried several detailers, but LVK stands out. The quality of work and the customer service are exceptional. My car feels brand new after their platinum package.",          name: "Emily R.",          role: "Daily Commuter",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-couple-taking-selfies_23-2148765252.jpg",          imageAlt: "Portrait of Emily R., an LVK Detailing client"},
        {
          id: "4",          title: "Professional and Efficient",          quote: "Needed a quick yet thorough detail before a car show, and LVK delivered beyond my expectations. Punctual, professional, and amazing results.",          name: "David K.",          role: "Show Car Owner",          imageSrc: "http://img.b2bpic.net/free-photo/man-white-shirt-wipes-car-car-wash_1157-27341.jpg",          imageAlt: "Portrait of David K., an LVK Detailing customer"},
        {
          id: "5",          title: "My Go-To Detailing Service",          quote: "LVK Detailing consistently provides top-tier service. They treat my car with the utmost care, and I always leave impressed. Truly the best in the business!",          name: "Jessica L.",          role: "Loyal Customer",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-driving-modern-car_651396-2809.jpg",          imageAlt: "Portrait of Jessica L., an LVK Detailing customer"},
        {
          id: "6",          title: "Absolutely Spotless!",          quote: "LVK Detailing did an amazing job on my car. It looks showroom ready inside and out. The attention to detail is fantastic, and I couldn't be happier with the results!",          name: "Tarryn Arends",          role: "Satisfied Customer",          imageSrc: "http://img.b2bpic.net/free-photo/young-african-american-woman-car_23-2148169112.jpg",          imageAlt: "Portrait of Tarryn Arends, an LVK Detailing customer"},
        {
          id: "7",          title: "Exceptional Service and Quality",          quote: "Professionalism and quality are top-notch at LVK Detailing. They really went the extra mile to make my car shine. Will definitely be a returning customer.",          name: "Chad Johnson",          role: "Business Owner",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-male-mechanic-standing-near-car-repair-shop_13339-36653.jpg",          imageAlt: "Portrait of Chad Johnson, an LVK Detailing customer"},
        {
          id: "8",          title: "Beyond Expectations!",          quote: "My vehicle needed a serious refresh, and LVK Detailing delivered! The interior smells fresh, and the exterior has a mirror-like finish. Fantastic work!",          name: "Berenice Van Kramberg",          role: "Car Enthusiast",          imageSrc: "http://img.b2bpic.net/free-photo/african-woman-using-car-wash_23-2148386861.jpg",          imageAlt: "Portrait of Berenice Van Kramberg, an LVK Detailing customer"},
      ]}
      title="What Our Clients Say"
      description="Hear from our satisfied customers who trust LVK Detailing for their vehicle's pristine look and lasting protection."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Meguiar's",        "Chemical Guys",        "Gtechniq",        "CarPro",        "Adam's Polishes",        "Rupes",        "Sonax"]}
      title="Premium Products We Trust"
      description="We use only the highest quality detailing products from industry-leading brands to ensure superior results and lasting protection for your vehicle."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "What is ceramic coating and how long does it last?",          content: "Ceramic coating is a liquid polymer that is applied by hand to the exterior of a vehicle. It creates a chemical bond with the factory paint, forming a protective layer that can last for several years, providing superior shine and protection from contaminants."},
        {
          id: "2",          title: "How often should I get my car detailed?",          content: "The frequency depends on factors like your driving habits, storage conditions, and desired level of cleanliness. Generally, a full detail every 4-6 months is recommended, with maintenance washes in between."},
        {
          id: "3",          title: "Do you offer mobile detailing services?",          content: "Currently, we operate from our dedicated detailing studio to ensure a controlled environment and access to specialized equipment for the highest quality results. Please visit our 'Contact' section for location details."},
        {
          id: "4",          title: "What is paint correction?",          content: "Paint correction is the process of restoring and rejuvenating the paintwork of a vehicle, mostly through the elimination of surface imperfections, that dull, oxidize, or haze the surface by reflecting light in an inconsistent manner."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Have questions about our detailing services, products, or booking process? Find answers to the most common inquiries below."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "animated-grid"}}
      tag="Get in Touch"
      title="Schedule Your Detailing Appointment"
      description="Ready to give your car the LVK treatment? Contact us today to book your service or get a custom quote. We look forward to making your vehicle shine!"
      inputPlaceholder="Your Email Address"
      buttonText="Send Inquiry"
      termsText="By clicking Send Inquiry you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="LVK Detailing"
      copyrightText="© 2024 LVK Detailing. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Instagram,
          href: "#",          ariaLabel: "Instagram"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
