"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterCard from '@/components/sections/footer/FooterCard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Facebook, Film, 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="full-testimonials" data-section="full-testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "review-1",
          name: "Olivia Wilson",
          date: "2 weeks ago",
          title: "Absolutely Blown Away by the Service!",
          quote: "LINGsCARS made my first-time leasing experience a breeze. Sarah from customer support was incredibly patient and guided me through every step. The delivery was fast, and the car is immaculate!",
          tag: "First-Time Leaser",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-middle-aged-businesswoman_23-2148204386.jpg",
          avatarAlt: "Olivia Wilson Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-male-riding-electric-scooter_23-2148779951.jpg",
          imageAlt: "Happy customer with new car",
        },
        {
          id: "review-2",
          name: "James Henderson",
          date: "1 month ago",
          title: "Flawless Business Fleet Upgrade",
          quote: "Our company needed to upgrade our fleet, and LINGsCARS provided fantastic options and a truly professional service. The process was efficient, and we saved a significant amount. Highly recommend for businesses!",
          tag: "Business Fleet",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing_23-2148497205.jpg",
          avatarAlt: "James Henderson Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-city-with-glass-skyscrapers_1127-55.jpg",
          imageAlt: "Businessman with company fleet",
        },
        {
          id: "review-3",
          name: "Chloe Davies",
          date: "3 weeks ago",
          title: "My Dream Electric Car at an Unbeatable Price!",
          quote: "I've always wanted an EV, and LINGsCARS helped me find the perfect model at a price I couldn't believe. The transparency and clear communication were a breath of fresh air. Driving electric has never been easier!",
          tag: "EV Leasing",
          avatarSrc: "http://img.b2bpic.net/free-photo/headshot-funny-black-woman-with-curly-hair-laughs-good-joke-has-toothy-smile-shows-white-perfect-teeth-wears-striped-casual-t-shirt-poses-terrace-cafeteria_273609-29078.jpg",
          avatarAlt: "Chloe Davies Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-family-make-selfie-by-mobile-phone_171337-5369.jpg",
          imageAlt: "Happy family with electric car",
        },
        {
          id: "review-4",
          name: "Robert Brown",
          date: "2 months ago",
          title: "Seriously Good Deals, No Fuss!",
          quote: "Ling's website is as direct and honest as her deals. I got a fantastic price on my new SUV, and the entire process was straightforward. No corporate jargon, just real value. I'm a customer for life!",
          tag: "Great Value",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
          avatarAlt: "Robert Brown Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-new-electric-car_23-2149171011.jpg",
          imageAlt: "Couple with new SUV",
        },
        {
          id: "review-5",
          name: "Sophia Miller",
          date: "4 weeks ago",
          title: "Friendly, Professional, and Fun!",
          quote: "From my first enquiry to driving away, the LINGsCARS team was fantastic. They were incredibly friendly, professional, and added a bit of fun to what can often be a dull process. Five stars!",
          tag: "Customer Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-male-model-showing-thumbup-smiling-pleased-standing-light-blue-background_1258-158054.jpg",
          avatarAlt: "Sophia Miller Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/person-preparing-get-driver-license_23-2150167568.jpg",
          imageAlt: "Mature customer with car",
        },
        {
          id: "review-6",
          name: "Liam Clark",
          date: "1 month ago",
          title: "Efficient and Truly Transparent Pricing",
          quote: "I appreciate a company that tells it like it is. LINGsCARS' pricing was totally transparent, and the efficiency of the whole process was outstanding. A breath of fresh air in the leasing market.",
          tag: "Transparent Pricing",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",
          avatarAlt: "Liam Clark Avatar",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-business-person-car-dealership_23-2149117177.jpg",
          imageAlt: "Man with car",
        },
      ]}
      title="Hear From Our Thrilled Customers"
      description="Read through hundreds of authentic reviews and discover why thousands choose LINGsCARS for their car leasing needs."
    />
  </div>

  <div id="review-stats" data-section="review-stats">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "stats-rating",
          value: "4.9/5",
          description: "Average Customer Rating",
        },
        {
          id: "stats-reviews",
          value: "10,000+",
          description: "Verified Customer Reviews",
        },
        {
          id: "stats-retention",
          value: "92%",
          description: "Customer Retention Rate",
        },
      ]}
      title="Our Customer Satisfaction at a Glance"
      description="Numbers speak louder than words. See how LINGsCARS consistently delivers excellence and keeps customers coming back."
    />
  </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>
  );
}
