"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Car, Facebook, Film, Instagram, Linkedin, Star, 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="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="UK's Favourite Car Leasing Company"
      description="Unbeatable prices, transparent process, and a fun approach to finding your dream car. Lease with confidence, from LINGsCARS."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/3d-cartoon-portrait-person-practicing-law-profession_23-2151419577.jpg",
          alt: "Happy Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",
          alt: "Happy Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/mature-woman-standing-thinking-pose-blouse-looking-happy-front-view_176474-52267.jpg",
          alt: "Happy Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-middle-aged-man-wearing-green-t-shirt-grabbed-chin-isolated-white-wall_141793-86840.jpg",
          alt: "Happy Customer 4",
        },
        {
          src: "asset://hero-avatar-5",
          alt: "Happy Customer 5",
        },
      ]}
      avatarText="Join 10,000+ happy leasers!"
      buttons={[
        {
          text: "Find Your Car",
          href: "/vehicle-search",
        },
        {
          text: "Get a Quote",
          href: "/contact",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/car-gradient-glass-morphism-logo-design_384344-1982.jpg",
          alt: "BMW Logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/auto-sale-dealership-line-gradient-icons-automotive-industry-car-dealers-vehicle-production-center_88138-2014.jpg",
          alt: "Audi Logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/futuristic-time-machines-design_23-2151599310.jpg",
          alt: "Mercedes-Benz Logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-vector/peace-symbol-ukraine-flag-colors-stop-conflict_1017-37579.jpg",
          alt: "Volkswagen Logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/high-angle-new-car-with-back-door-open_23-2148332892.jpg",
          alt: "Ford Logo",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/biohazard-sign-ai-generated_268835-18721.jpg",
          alt: "Tesla Logo",
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={false}
    />
  </div>

  <div id="trust-metrics" data-section="trust-metrics">
      <AboutMetric
      useInvertedBackground={true}
      title="Your Trust, Our Drive"
      metrics={[
        {
          icon: Star,
          label: "Google Rating",
          value: "4.9/5",
        },
        {
          icon: Users,
          label: "Happy Customers",
          value: "10,000+",
        },
        {
          icon: Award,
          label: "Years Expertise",
          value: "20+",
        },
        {
          icon: Car,
          label: "Vehicles Delivered",
          value: "50,000+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="featured-deals" data-section="featured-deals">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "product-home-1",
          name: "Tesla Model 3",
          price: "£499 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-buying-new-car-car-salon_1303-29637.jpg",
          imageAlt: "Tesla Model 3",
        },
        {
          id: "product-home-2",
          name: "Nissan Qashqai",
          price: "£329 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/mid-shot-boyfriend-standing-near-girlfriend-sitting-trunk_23-2148693757.jpg",
          imageAlt: "Nissan Qashqai",
        },
        {
          id: "product-home-3",
          name: "Mercedes C-Class",
          price: "£589 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-elegant-woman-driver-resting-her-car-leaning-car-wheel-looking-out-window-waiting-parking-lot_197531-22650.jpg",
          imageAlt: "Mercedes C-Class",
        },
        {
          id: "product-home-4",
          name: "Ford Focus ST",
          price: "£389 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/urban-traffic-with-cityscape_1359-935.jpg",
          imageAlt: "Ford Focus ST",
        },
        {
          id: "product-home-5",
          name: "Hyundai Tucson",
          price: "£359 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-businesswoman-inside-car_23-2148142446.jpg",
          imageAlt: "Hyundai Tucson",
        },
        {
          id: "product-home-6",
          name: "Toyota Prius Hybrid",
          price: "£319 / month",
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-mean-transportation-ultra-modern-city_23-2151065386.jpg",
          imageAlt: "Toyota Prius Hybrid",
        },
      ]}
      title="Our Hottest Car Leasing Deals"
      description="Discover exceptional value and drive away in your dream car today with our hand-picked special offers."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "1. Choose Your Car",
          description: "Browse our extensive range of vehicles, from electric to luxury, and find the perfect match for your needs and budget.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-enter-key-confirmation-data-computer-keyboard_181624-22962.jpg",
          imageAlt: "Choose Car Icon",
        },
        {
          title: "2. Get a Tailored Quote",
          description: "Receive a transparent, no-obligation quote with the UK's lowest prices guaranteed. No hidden fees, just honest numbers.",
          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737653.jpg",
          imageAlt: "Get Quote Icon",
        },
        {
          title: "3. Apply Online, Simply",
          description: "Our streamlined online application process is quick and easy. Get approved faster and with minimal fuss.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-smartphone_23-2149295094.jpg",
          imageAlt: "Apply Online Icon",
        },
        {
          title: "4. Drive Away with Delivery",
          description: "Enjoy free UK mainland delivery straight to your door. Your new car, delivered hassle-free and ready to go.",
          imageSrc: "http://img.b2bpic.net/free-psd/3d-cartoon-delivery-truck-purple-background_84443-56228.jpg",
          imageAlt: "Delivery Car Icon",
        },
      ]}
      title="Leasing a Car is Ling-tastically Simple"
      description="We've perfected the leasing journey to be fast, transparent, and absolutely stress-free. Here's how it works:"
    />
  </div>

  <div id="customer-reviews" data-section="customer-reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "home-testimonial-1",
          name: "Sarah J.",
          date: "2 weeks ago",
          title: "Fantastic Service & Unbeatable Deals!",
          quote: "LINGsCARS made leasing my new EV incredibly easy. The price was unmatched, and the team was so helpful. Highly recommend!",
          tag: "Electric Vehicle",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",
          avatarAlt: "Sarah J. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-car-showroom-choosing-new-car_1303-30392.jpg",
          imageAlt: "Happy customer with new EV",
        },
        {
          id: "home-testimonial-2",
          name: "Michael D.",
          date: "1 month ago",
          title: "Professional & Seamless Business Lease",
          quote: "As a business owner, I value efficiency. LINGsCARS delivered a flawless experience, from quote to delivery. Top-notch!",
          tag: "Business Leasing",
          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-pink-background_23-2149004855.jpg",
          avatarAlt: "Michael D. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-talking-phone_1303-23561.jpg",
          imageAlt: "Businessman with new company car",
        },
        {
          id: "home-testimonial-3",
          name: "Emily R.",
          date: "3 weeks ago",
          title: "My Dream Car at an Amazing Price!",
          quote: "I never thought I could afford my dream car, but LINGsCARS proved me wrong! Transparent pricing and friendly advice. Truly brilliant.",
          tag: "Personal Leasing",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-woman-touches-face-gently-smiles-toothily-wears-long-sleeved-jumper-looks-directly-camera-expresses-positive-emotions-isolated-pink-background-has-healthy-clean-skin_273609-57333.jpg",
          avatarAlt: "Emily R. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/road-woman-beautiful-safari-young_1296-322.jpg",
          imageAlt: "Happy family with new SUV",
        },
        {
          id: "home-testimonial-4",
          name: "David K.",
          date: "2 months ago",
          title: "No-Nonsense & Genuinely Fun!",
          quote: "Ling's team cuts through the jargon and makes car leasing genuinely enjoyable. Their direct approach is refreshing, and the deals are stellar!",
          tag: "Transparent Process",
          avatarSrc: "http://img.b2bpic.net/free-photo/middle-age-man-with-grey-hair-standing-isolated-background-with-happy-cool-smile-face-lucky-person_839833-16953.jpg",
          avatarAlt: "David K. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-standing-near-bearded-man-suit_171337-18294.jpg",
          imageAlt: "Couple with new electric car",
        },
        {
          id: "home-testimonial-5",
          name: "Jessica M.",
          date: "4 weeks ago",
          title: "Beyond Expectation - Fantastic Value",
          quote: "From initial enquiry to handover, everything was smooth. The value for money is incredible, and the car is perfect for my needs. Thank you!",
          tag: "Exceptional Value",
          avatarSrc: "http://img.b2bpic.net/free-photo/successful-smiling-confident-diverse-business-team_1262-1188.jpg",
          avatarAlt: "Jessica M. Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-old-man-car-salon_1157-31781.jpg",
          imageAlt: "Mature customer with luxury car",
        },
      ]}
      title="What Our Happy Leasers Say"
      description="Don't just take our word for it! Read genuine feedback from thousands of satisfied customers who've experienced the LINGsCARS difference."
    />
  </div>

  <div id="faq-home" data-section="faq-home">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "home-faq-1",
          title: "How does car leasing work?",
          content: "Car leasing is simple! You pay a fixed monthly rental for the use of a vehicle over an agreed period and mileage. At the end of the contract, you return the car without the hassle of selling it.",
        },
        {
          id: "home-faq-2",
          title: "Are there any hidden fees?",
          content: "Absolutely not! At LINGsCARS, we pride ourselves on transparency. All costs are clearly outlined upfront, so you know exactly what you're paying for with no nasty surprises.",
        },
        {
          id: "home-faq-3",
          title: "Can I lease an electric vehicle?",
          content: "Yes, of course! We offer a fantastic selection of the latest electric vehicles (EVs) for personal and business leasing. Explore our EV range for eco-friendly and cost-effective driving.",
        },
      ]}
      title="Quick Answers to Your Leasing Questions"
      description="Got a burning question about car leasing? We've got the straightforward answers you need, Ling style!"
      faqsAnimation="slide-up"
    />
  </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>
  );
}
