"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 { Briefcase, Facebook, Film, Instagram, Leaf, Linkedin, Users } 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="business-leasing-products" data-section="business-leasing-products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "business-product-1",
          name: "Mercedes E-Class",
          price: "£689 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23559.jpg",
          imageAlt: "Mercedes E-Class",
        },
        {
          id: "business-product-2",
          name: "BMW 5 Series",
          price: "£729 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-car-france_23-2149169723.jpg",
          imageAlt: "BMW 5 Series",
        },
        {
          id: "business-product-3",
          name: "Audi A6 Saloon",
          price: "£659 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-car-drinking-from-thermos_23-2148749169.jpg",
          imageAlt: "Audi A6 Saloon",
        },
        {
          id: "business-product-4",
          name: "Tesla Model Y",
          price: "£599 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-charging-electro-car-electric-gas-station_1157-35459.jpg",
          imageAlt: "Tesla Model Y",
        },
        {
          id: "business-product-5",
          name: "Volvo XC60",
          price: "£559 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-couple-spend-time-autumn-field_1157-28801.jpg",
          imageAlt: "Volvo XC60",
        },
        {
          id: "business-product-6",
          name: "Range Rover Evoque",
          price: "£619 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/black-sedan-winter-city-street-after-thaw-urban-winter-traffic_169016-71239.jpg",
          imageAlt: "Range Rover Evoque",
        },
      ]}
      title="Drive Your Business Forward"
      description="Elevate your fleet with premium, cost-effective business leasing solutions. Impress clients and empower your team."
    />
  </div>

  <div id="business-leasing-pricing" data-section="business-leasing-pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "business-plan-sme",
          badge: "For SMEs",
          badgeIcon: Users,
          price: "from £299",
          name: "SME Fleet Solutions",
          buttons: [
            {
              text: "Explore Options",
              href: "/business-leasing#sme",
            },
          ],
          features: [
            "Cost-effective fleet options",
            "Dedicated account manager",
            "Flexible contract terms",
            "Full maintenance packages",
          ],
        },
        {
          id: "business-plan-corporate",
          badge: "Enterprise",
          badgeIcon: Briefcase,
          price: "from £599",
          name: "Corporate Leasing",
          buttons: [
            {
              text: "Get Custom Quote",
              href: "/business-leasing#corporate",
            },
          ],
          features: [
            "Executive & premium vehicles",
            "Tailored mileage & terms",
            "Priority fleet support",
            "Advanced reporting & management",
          ],
        },
        {
          id: "business-plan-ev-fleet",
          badge: "Green Fleet",
          badgeIcon: Leaf,
          price: "from £359",
          name: "Electric Fleet",
          buttons: [
            {
              text: "Go Electric",
              href: "/electric-vehicles",
            },
          ],
          features: [
            "Latest EV models for business",
            "Charging infrastructure advice",
            "Tax & BIK advantages",
            "Sustainable brand image",
          ],
        },
      ]}
      title="Tailored Business Leasing Solutions"
      description="Optimise your company fleet with our flexible and cost-efficient business leasing plans, designed for businesses of all sizes."
    />
  </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>
  );
}
