"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import { Diamond, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Pricing",
          id: "/pricing",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Book Now",
          id: "/contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EacLLOwCJ6u5eHAVgVH4WICx7g/uploaded-1780420801655-z3wm1p72.png"
      logoAlt="FADetailingLI Logo"
      brandName="FADetailingLI"
    />
  </div>

  <div id="pricing-plans" data-section="pricing-plans">
      <PricingCardEight
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic-package",
          badge: "Entry",
          badgeIcon: Sparkles,
          price: "$80",
          subtitle: "Essential interior & exterior care.",
          buttons: [
            {
              text: "Book Basic",
              href: "/contact",
            },
          ],
          features: [
            "Basic Exterior & Interior Detail",
            "Vacuum & Dashboard Wipe",
            "Exterior Hand Wash",
            "Window Cleaning",
          ],
        },
        {
          id: "premium-package",
          badge: "Most Popular",
          badgeIcon: Star,
          price: "$200",
          subtitle: "Enhanced care for a deeper clean.",
          buttons: [
            {
              text: "Book Premium",
              href: "/contact",
            },
          ],
          features: [
            "Premium Exterior & Interior Detail",
            "Full Interior Deep Clean",
            "Tire & Rim Cleaning",
            "Light Stain Removal",
          ],
        },
        {
          id: "ultimate-package",
          badge: "Ultimate Shine",
          badgeIcon: Diamond,
          price: "Custom Quote",
          subtitle: "Comprehensive protection and restoration.",
          buttons: [
            {
              text: "Get Quote",
              href: "/contact",
            },
          ],
          features: [
            "Full Detail + Add-ons",
            "Engine Bay Cleaning",
            "Headlight Restoration",
            "Trim Restoration",
          ],
        },
      ]}
      title="Choose Your Premium Detailing Package"
      description="Select from our curated packages or customize your service for the ultimate automotive care experience."
      tag="Transparent Pricing"
    />
  </div>

  <div id="pricing-inclusions" data-section="pricing-inclusions">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Additional Services & Fees"
      description="Beyond our standard packages, we offer specialized add-ons and vehicle size considerations to perfectly match your needs."
      tag="Customization"
      accordionItems={[
        {
          id: "addon-pet-hair",
          title: "Pet Hair Removal",
          content: "Starting at $50 - Thorough removal of pet hair from all interior surfaces, restoring cleanliness.",
        },
        {
          id: "addon-stain",
          title: "Stain Removal (Seat Shampoo Extraction)",
          content: "Starting at $60 - Deep cleaning and extraction for stubborn fabric stains.",
        },
        {
          id: "addon-engine",
          title: "Engine Bay Cleaning",
          content: "Starting at $35 - Degreasing and dressing for a meticulously clean engine compartment.",
        },
        {
          id: "addon-trim",
          title: "Trim Restoration",
          content: "Starting at $50 - Rejuvenation of faded exterior plastic and rubber trim.",
        },
        {
          id: "addon-childseat",
          title: "Child Carseat Cleaning",
          content: "Starting at $15 - Deep cleaning and sanitization of child safety seats.",
        },
        {
          id: "addon-decal",
          title: "Decal / Sticker Removal",
          content: "Starting at $10/ea - Safe and professional removal of unwanted decals or stickers.",
        },
        {
          id: "fee-suv",
          title: "Large Vehicle Fee (Standard SUV / 3rd Row)",
          content: "Additional $30 - Applies to standard SUVs and vehicles with a third row.",
        },
        {
          id: "fee-large-suv",
          title: "Large SUV Fee",
          content: "Additional $50 - Applies to larger SUVs.",
        },
        {
          id: "fee-oversized",
          title: "Oversized Vehicle Fee",
          content: "Additional $65 - Applies to oversized vehicles like large trucks or vans.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30584.jpg"
      imageAlt="Mobile detailing add-on services"
      mediaAnimation="opacity"
      mediaPosition="right"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EacLLOwCJ6u5eHAVgVH4WICx7g/uploaded-1780420801655-z3wm1p72.png"
      logoAlt="FADetailingLI Logo"
      logoText="FADetailingLI"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Exterior Detail",
              href: "/services#exterior-detail",
            },
            {
              label: "Interior Detail",
              href: "/services#interior-detail",
            },
            {
              label: "Full Detail",
              href: "/services#full-detail-basic",
            },
            {
              label: "Engine Bay Cleaning",
              href: "/services#engine-bay-cleaning",
            },
            {
              label: "Headlight Restoration",
              href: "/services#headlight-restoration",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Pricing",
              href: "/pricing",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
            {
              label: "Book Now",
              href: "/contact",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "(631)-766-4106",
              href: "tel:+16317664106",
            },
            {
              label: "fadetailingli@gmail.com",
              href: "mailto:fadetailingli@gmail.com",
            },
            {
              label: "Long Island, NY",
              href: "https://www.google.com/maps/search/car+detailing+long+island+ny",
            },
          ],
        },
        {
          title: "Social",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "TikTok",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 FADetailingLI. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
