"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import { Car, Diamond, Facebook, Film, Flame, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Personal Leasing",
          id: "/personal-leasing",
        },
        {
          name: "Business Leasing",
          id: "/business-leasing",
        },
        {
          name: "Electric Vehicles",
          id: "/electric-vehicles",
        },
        {
          name: "Special Offers",
          id: "/special-offers",
        },
        {
          name: "Vehicle Search",
          id: "/vehicle-search",
        },
        {
          name: "Reviews",
          id: "/reviews",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="LINGsCARS"
    />
  </div>

  <div id="special-offers-products" data-section="special-offers-products">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "offer-product-1",
          name: "Limited Edition Ford Fiesta",
          price: "£229 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/traffic-light-trails-downtown_1359-839.jpg",
          imageAlt: "Ford Fiesta",
        },
        {
          id: "offer-product-2",
          name: "Exclusive Volvo XC40",
          price: "£399 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/young-trendy-father-with-his-little-daughter-having-fun-by-car_1303-18545.jpg",
          imageAlt: "Volvo XC40",
        },
        {
          id: "offer-product-3",
          name: "Clearance Vauxhall Corsa",
          price: "£199 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/three-friends-holding-map-standing-near-modern-car-road_23-2147855607.jpg",
          imageAlt: "Vauxhall Corsa",
        },
        {
          id: "offer-product-4",
          name: "Flash Sale BMW 3 Series",
          price: "£459 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/enjoying-comfortable-interior-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16476.jpg",
          imageAlt: "BMW 3 Series",
        },
        {
          id: "offer-product-5",
          name: "New Model Tesla Model Y",
          price: "£529 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-man-checking-car_23-2148332972.jpg",
          imageAlt: "Tesla Model Y",
        },
        {
          id: "offer-product-6",
          name: "Hybrid Hyundai Kona",
          price: "£289 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-car-futuristic-road_23-2151021094.jpg",
          imageAlt: "Hyundai Kona Hybrid",
        },
      ]}
      title="Unbeatable Special Offers"
      description="Grab a limited-time deal on your next car! These incredible offers won't last long, so act fast and drive away with a bargain."
    />
  </div>

  <div id="special-offers-pricing" data-section="special-offers-pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "offer-plan-compact",
          badge: "Hot Deal",
          badgeIcon: Flame,
          price: "from £199",
          name: "Compact Car Offers",
          buttons: [
            {
              text: "View Deals",
              href: "/special-offers#compact",
            },
          ],
          features: [
            "Perfect for city driving",
            "Lowest entry prices",
            "Low deposit options",
            "Ideal for first-time leasers",
          ],
        },
        {
          id: "offer-plan-suv",
          badge: "Family Favorite",
          badgeIcon: Car,
          price: "from £349",
          name: "SUV Special Offers",
          buttons: [
            {
              text: "View Deals",
              href: "/special-offers#suv",
            },
          ],
          features: [
            "Spacious & versatile models",
            "Enhanced safety features",
            "Great for families",
            "Higher mileage allowance",
          ],
        },
        {
          id: "offer-plan-luxury",
          badge: "Premium Savings",
          badgeIcon: Diamond,
          price: "from £499",
          name: "Luxury Car Deals",
          buttons: [
            {
              text: "View Deals",
              href: "/special-offers#luxury",
            },
          ],
          features: [
            "High-end brands & models",
            "Exclusive trim levels",
            "Comprehensive service package",
            "Exceptional driving experience",
          ],
        },
      ]}
      title="Limited-Time Deals, Unmissable Value"
      description="Our special offer pricing provides incredible value on some of the most sought-after vehicles. Don't miss out!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/abstract-background-design_1040-584.jpg"
      logoAlt="LINGsCARS Logo"
      logoText="LINGsCARS"
      copyrightText="© 2024 LINGsCARS. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/lingscars",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/lingscars",
          ariaLabel: "Instagram",
        },
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/lingscars",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Film,
          href: "https://youtube.com/lingscars",
          ariaLabel: "YouTube",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
