"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
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="blog-posts" data-section="blog-posts">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Ling's Latest Insights & Guides"
      description="Stay ahead of the curve with our expert articles, leasing guides, and industry insights, all delivered with Ling's unique flair."
      blogs={[
        {
          id: "blog-post-1",
          category: "Electric Vehicles",
          title: "Top 5 Electric Cars to Lease in 2024",
          excerpt: "Discover the best electric vehicles hitting the market this year, offering innovation, range, and fantastic value.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ev-car-electrical-motor-preparing-be-resupplied-with-electricity_482257-118124.jpg",
          imageAlt: "Electric Cars 2024",
          authorName: "Ling Valentine",
          authorAvatar: "http://img.b2bpic.net/free-photo/man-warehouse-working_23-2148886873.jpg",
          date: "June 15, 2024",
        },
        {
          id: "blog-post-2",
          category: "Leasing Guides",
          title: "Personal vs. Business Leasing: Which is Right for You?",
          excerpt: "Confused about personal vs. business leasing? Our comprehensive guide breaks down the pros and cons to help you decide.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-businesswoman-standing-car-door_23-2147943892.jpg",
          imageAlt: "Personal vs Business Leasing",
          authorName: "John Smith",
          authorAvatar: "http://img.b2bpic.net/free-photo/modern-businesswoman-sitting-car_23-2148170941.jpg",
          date: "May 28, 2024",
        },
        {
          id: "blog-post-3",
          category: "Industry Insights",
          title: "The Future of Car Leasing: Trends to Watch",
          excerpt: "From AI-driven personalization to sustainable fleets, explore the exciting innovations shaping the car leasing industry.",
          imageSrc: "http://img.b2bpic.net/free-photo/person-using-ar-technology-perform-their-occupation_23-2151137493.jpg",
          imageAlt: "Future of Car Leasing",
          authorName: "Ling Valentine",
          authorAvatar: "http://img.b2bpic.net/free-photo/stylish-businessman-standing-near-car-use-laptop_1157-27347.jpg",
          date: "May 10, 2024",
        },
      ]}
    />
  </div>

  <div id="blog-endorsements" data-section="blog-endorsements">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Auto Express",
        "What Car?",
        "Car Dealer Magazine",
        "Fleet News",
        "The Financial Times",
        "TechRadar",
        "Which?",
      ]}
      title="Featured In & Industry Endorsements"
      description="Our insights are recognized across the automotive and business landscape, proving our expertise and trusted voice."
      speed={30}
      showCard={false}
    />
  </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>
  );
}
