"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Packages",
          id: "packages",
        },
        {
          name: "Pricing",
          id: "pricing",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="FiveStar Detailing"
      bottomLeftText="Premium Car Care"
      bottomRightText="698 238 512"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="FiveStar Detailing: Elevate Your Ride's Shine"
      description="Experience premium car detailing, paint correction, and interior rejuvenation in Sokołów Małopolski. We bring the sparkle back to your vehicle."
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service-checking-engine_627829-3910.jpg",
          imageAlt: "Luxurious car detailing studio",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",
          imageAlt: "Sports car being washed with foam",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/painting-machine-parts-white-paint-angle-grinder_1157-46149.jpg",
          imageAlt: "Closeup of car paint correction",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552297.jpg",
          imageAlt: "Car interior vacuuming",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/technician-is-inflate-car-tire-car-maintenance-service-transportation-safety-concept_1150-6461.jpg",
          imageAlt: "Wheel cleaning with brush",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",
          imageAlt: "Car ceramic coating application",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Passion for Perfection in Car Care"
      description="At FiveStar Detailing, we're dedicated to bringing out the best in every vehicle. With meticulous attention to detail and a passion for automotive aesthetics, we transform cars, making them look and feel brand new. From a thorough exterior wash to precise interior cleaning, trust us with your pride and joy."
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212258.jpg"
      imageAlt="Car interior being deep cleaned by a professional"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Exterior Hand Wash & Wax",
          description: "Meticulous hand washing, decontamination, and premium wax application for a brilliant, long-lasting shine.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg",
          imageAlt: "Car exterior being hand washed",
          titleImageSrc: "http://img.b2bpic.net/free-vector/neon-car-wash-sign-collection_23-2148152323.jpg",
          buttonText: "Learn More",
        },
        {
          title: "Interior Deep Cleaning",
          description: "Thorough vacuuming, steam cleaning, leather conditioning, and odor removal for a fresh and hygienic cabin.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
          imageAlt: "Car interior deep cleaning",
          titleImageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-inside-car_23-2148142430.jpg",
          buttonText: "Learn More",
        },
        {
          title: "Paint Correction & Protection",
          description: "Remove swirls, scratches, and imperfections, followed by ceramic coating or sealant for ultimate protection.",
          imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",
          imageAlt: "Car paint correction process",
          titleImageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-paint-gun-logo-template_23-2150007346.jpg",
          buttonText: "Learn More",
        },
        {
          title: "Wheel & Tire Detailing",
          description: "Deep cleaning of wheels, calipers, and tires, followed by tire dressing for a flawless, factory-new look.",
          imageSrc: "http://img.b2bpic.net/free-photo/many-blobs-black-liquid_23-2147934098.jpg",
          imageAlt: "Car wheel being detailed",
          titleImageSrc: "http://img.b2bpic.net/free-vector/printed-design-screen-printing_29096-5164.jpg",
          buttonText: "Learn More",
        },
      ]}
      title="Our Premium Detailing Services"
      description="Discover a comprehensive range of services designed to protect and beautify your vehicle, inside and out, ensuring a lasting shine and pristine condition."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "package-1",
          brand: "FiveStar",
          name: "Express Detail",
          price: "From $75",
          rating: 5,
          reviewCount: "25",
          imageSrc: "http://img.b2bpic.net/free-photo/composition-different-car-accessories_23-2149030394.jpg",
          imageAlt: "Express Detail Package",
        },
        {
          id: "package-2",
          brand: "FiveStar",
          name: "Interior Refresh",
          price: "From $120",
          rating: 4,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/beige-interior-decoration-luxurious-car_181624-25274.jpg",
          imageAlt: "Interior Refresh Package",
        },
        {
          id: "package-3",
          brand: "FiveStar",
          name: "Exterior Shine",
          price: "From $150",
          rating: 5,
          reviewCount: "30",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193560.jpg",
          imageAlt: "Exterior Shine Package",
        },
        {
          id: "package-4",
          brand: "FiveStar",
          name: "Signature Detail",
          price: "From $250",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-front-new-red-tractor-snowy-weather_627829-12176.jpg",
          imageAlt: "Signature Detail Package",
        },
        {
          id: "package-5",
          brand: "FiveStar",
          name: "Ceramic Coating",
          price: "From $500",
          rating: 5,
          reviewCount: "8",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-standing-gas-station_1157-33274.jpg",
          imageAlt: "Ceramic Coating Package",
        },
        {
          id: "package-6",
          brand: "FiveStar",
          name: "New Car Prep",
          price: "From $300",
          rating: 5,
          reviewCount: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/healthy-life-sport-concept-tennis-balls-towel-bottle-water-wooden-background-copy-space-top-view_1220-1471.jpg",
          imageAlt: "New Car Prep Package",
        },
      ]}
      title="Choose Your FiveStar Detailing Package"
      description="Our carefully crafted packages offer tailored solutions for every car and budget, ensuring your vehicle receives the perfect treatment and lasting results."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          title: "Interior Refresh",
          price: "$120",
          period: "per service",
          features: [
            "Detailed Vacuuming",
            "Surface Wipe Down",
            "Window Cleaning (Interior)",
            "Odor Freshener",
          ],
          button: {
            text: "Book Now",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-black-mask-sitting-inside-car_1157-34251.jpg",
          imageAlt: "Clean car interior",
        },
        {
          id: "standard",
          title: "Exterior Shine",
          price: "$150",
          period: "per service",
          features: [
            "Hand Wash & Dry",
            "Paint Decontamination",
            "Premium Wax Application",
            "Wheel & Tire Dressing",
          ],
          button: {
            text: "Book Now",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-red-car-door_23-2148266149.jpg",
          imageAlt: "Glossy car exterior",
        },
        {
          id: "premium",
          title: "Signature Detail",
          price: "$250",
          period: "per service",
          features: [
            "Full Interior & Exterior Clean",
            "Minor Paint Correction",
            "Ceramic Sealant Application",
            "Engine Bay Detail",
          ],
          button: {
            text: "Book Now",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-pouring-oil-lubricant-into-car-engine_1170-1460.jpg",
          imageAlt: "Luxury car after full detailing",
        },
      ]}
      title="Transparent Pricing for Unmatched Quality"
      description="Invest in your vehicle's longevity and appearance with our straightforward pricing plans. Each package offers exceptional value and peace of mind."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Jakub Trzyna",
          handle: "@JakubT",
          testimonial: "Polecam zna się na rzeczy! The team at FiveStar Detailing truly knows their craft. My car looks absolutely stunning, highly recommended!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dealership-agent-talking-with-client-gain-insights-into-what-might-sway-him_482257-124075.jpg",
        },
        {
          id: "2",
          name: "Jakub Mach",
          handle: "@JakubM",
          testimonial: "świetna robota ! polecam. FiveStar did an incredible job with my car's interior. It feels brand new. Fantastic service!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-phone-car-showroom_1303-21397.jpg",
        },
        {
          id: "3",
          name: "Paweł Bagiński",
          handle: "@PawelB",
          testimonial: "Wszystko super. Had my car detailed here and couldn't be happier with the results. The paint correction is flawless. Excellent work!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-car-car-showroom_1303-15203.jpg",
        },
        {
          id: "4",
          name: "Anna Kowalska",
          handle: "@AnnaK",
          testimonial: "My car's exterior has never looked this good! The attention to detail is remarkable, truly a FiveStar service. I'll definitely be back.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/displeased-woman-having-argument-with-her-husband-about-car-repair-workshop_637285-7728.jpg",
        },
        {
          id: "5",
          name: "Marek Nowak",
          handle: "@MarekN",
          testimonial: "Professional, efficient, and friendly! FiveStar Detailing exceeded my expectations. My daily driver feels like a luxury car now.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-together-retro-style-inside-car_23-2149525856.jpg",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from satisfied customers who experienced the FiveStar difference and trust us with their vehicles."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How long does a typical detailing service take?",
          content: "The duration varies depending on the service package and the condition of your vehicle. An express detail might take 1-2 hours, while a full signature detail or ceramic coating application can take anywhere from 4-8 hours or even longer.",
        },
        {
          id: "faq-2",
          title: "Do I need to book an appointment in advance?",
          content: "Yes, we highly recommend booking an appointment in advance to ensure availability and to allow us to prepare for your specific service needs. You can book online or call us directly.",
        },
        {
          id: "faq-3",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards (Visa, MasterCard), debit cards, and cash payments. For larger packages, we can also discuss custom payment arrangements.",
        },
        {
          id: "faq-4",
          title: "Are your cleaning products safe for my car?",
          content: "Absolutely. We use only high-quality, professional-grade, and pH-neutral products that are safe for all vehicle surfaces, including paint, leather, and sensitive electronics. We prioritize the safety of your vehicle and the environment.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193589.jpg"
      imageAlt="Car detailing tools and equipment"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our car detailing services, booking process, and what to expect."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Ready for a truly clean car? Contact FiveStar Detailing to schedule your service or get a personalized quote today. Let us restore your vehicle to its showroom glory."
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#",
        },
        {
          text: "Call Us: 698 238 512",
          href: "tel:698238512",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      logoSrc="http://img.b2bpic.net/free-vector/gradient-mechanical-service-labels_23-2150092410.jpg"
      logoAlt="FiveStar Detailing Logo"
      columns={[
        {
          items: [
            {
              label: "Home",
              href: "#hero",
            },
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
          ],
        },
        {
          items: [
            {
              label: "Packages",
              href: "#packages",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
          ],
        },
        {
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Facebook",
              href: "https://facebook.com",
            },
          ],
        },
      ]}
      logoText="FiveStar Detailing"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
