"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, Clock, Facebook, Globe, LifeBuoy, Linkedin, MapPin, ShieldCheck, Truck, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Why Us",          id: "#why-us"},
        {
          name: "Coverage",          id: "#regions"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      button={{
        text: "Get a Quote",        href: "#contact"}}
      brandName="AVANT Logistics"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Your Trusted Partner for European Logistics"
      description="AVANT Logistics provides efficient and reliable transportation across France, Belgium, Germany, Netherlands, Switzerland, and Italy. Experience seamless freight and unparalleled service."
      testimonials={[
        {
          name: "Sarah Johnson",          handle: "@sarah_tech",          testimonial: "AVANT Logistics transformed our supply chain across Europe. Their efficiency and transparency are unmatched.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg",          imageAlt: "Sarah Johnson"},
        {
          name: "Michael Chen",          handle: "@mike_innovate",          testimonial: "Reliable, fast, and always on schedule. AVANT Logistics is our go-to for deliveries in Germany and France.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-call-center-girl-wearing-glasses-headset-showing-thumbs-up-with-closed-eyes-isolated-white_141793-84144.jpg",          imageAlt: "Michael Chen"},
        {
          name: "Emily Rodriguez",          handle: "@emily_growco",          testimonial: "Their dedicated support and customs expertise made complex shipments to Switzerland effortless.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-senior-man-holding-smart-phone_23-2147935571.jpg",          imageAlt: "Emily Rodriguez"},
        {
          name: "David Kim",          handle: "@david_solutions",          testimonial: "Exceptional service to the Netherlands. AVANT Logistics consistently exceeds our expectations.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-working-office_329181-16245.jpg",          imageAlt: "David Kim"},
        {
          name: "Jessica Lee",          handle: "@jess_trade",          testimonial: "From Belgium to Italy, AVANT Logistics ensures our goods are always where they need to be, on time.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/military-man-suffering-from-ptsd-having-psychologist-session_23-2149307564.jpg",          imageAlt: "Jessica Lee"},
      ]}
      buttons={[
        {
          text: "Get a Quote",          href: "#contact"},
        {
          text: "Learn More",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",          alt: "Customer Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-redhead-girl-with-short-haircut-posing-against-white-wall_176420-30167.jpg",          alt: "Customer Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",          alt: "Customer Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-professional-businesswoman-indoors_23-2148824826.jpg",          alt: "Customer Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",          alt: "Portrait smiley modern male"},
      ]}
      avatarText="Trusted by businesses across Europe"
      imageSrc="http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172446.jpg"
      imageAlt="Modern semi-truck on European highway"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text-icon",          text: "Fast Deliveries",          icon: Truck,
        },
        {
          type: "text-icon",          text: "Real-time Tracking",          icon: MapPin,
        },
        {
          type: "text-icon",          text: "24/7 Support",          icon: Clock,
        },
        {
          type: "text-icon",          text: "Secure Shipments",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Pan-European Network",          icon: Globe,
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      imagePosition="left"
      title="Comprehensive European Transport Solutions"
      description="At AVANT Logistics, we specialize in connecting businesses across key European markets. Our extensive network and modern fleet ensure your goods arrive safely and on time, every time."
      bulletPoints={[
        {
          title: "Unrivaled Reliability",          description: "Consistent on-time deliveries and secure handling for all your freight.",          icon: CheckCircle,
        },
        {
          title: "Pan-European Coverage",          description: "Seamless logistics across France, Belgium, Germany, Netherlands, Switzerland, and Italy.",          icon: Globe,
        },
        {
          title: "Dedicated Support",          description: "Expert team available 24/7 to assist with all your transportation needs.",          icon: LifeBuoy,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/industrial-park-factory-building-warehouse_1417-1910.jpg"
      imageAlt="Modern logistics warehouse interior"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="why-us" data-section="why-us">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Customs Expertise",          description: "Navigate complex international regulations with ease, ensuring smooth cross-border movements.",          tag: "Compliance",          imageSrc: "http://img.b2bpic.net/free-photo/engineers-optimizing-manufacture-robot-arm-conveyor-belt_482257-126835.jpg",          imageAlt: "Customs officer reviewing documents"},
        {
          id: "f2",          title: "Advanced Tracking",          description: "Monitor your shipments in real-time with our cutting-edge GPS and digital tracking systems.",          tag: "Visibility",          imageSrc: "http://img.b2bpic.net/free-photo/young-delivery-woman-using-mobile-phone-while-going-through-dispatch-list-office_637285-6319.jpg",          imageAlt: "Logistics tracking dashboard on tablet"},
        {
          id: "f3",          title: "Dedicated Support",          description: "Our expert team provides proactive communication and responsive assistance, every step of the way.",          tag: "Assistance",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman-happy-work-home_23-2148700763.jpg",          imageAlt: "Customer service representative with headset"},
      ]}
      title="Why Choose AVANT Logistics?"
      description="Our commitment to excellence drives every delivery. Discover the advantages of partnering with a leader in European transportation."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "99.8%",          description: "On-Time Delivery Rate"},
        {
          id: "m2",          value: "95%",          description: "Client Satisfaction"},
        {
          id: "m3",          value: "15+",          description: "Years of Experience"},
      ]}
      title="Proven Performance in European Logistics"
      description="Our track record speaks for itself. We are dedicated to delivering results and exceeding expectations across Europe."
    />
  </div>

  <div id="regions" data-section="regions">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "France",        "Belgium",        "Germany",        "Netherlands",        "Switzerland",        "Italy"
      ]}
      title="Connecting Europe, One Shipment at a Time"
      description="Proudly serving the heart of Europe. Our reliable network spans across major economic hubs and regions."
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sophie Dubois",          role: "Operations Manager",          company: "Fleur Imports",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-smiling-confident-diverse-business-team_1262-1188.jpg",          imageAlt: "Sophie Dubois"},
        {
          id: "t2",          name: "Jan Van der Berg",          role: "Supply Chain Director",          company: "Eindhoven Tech",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-keeping-hands-hips-outdoors_1262-20194.jpg",          imageAlt: "Jan Van der Berg"},
        {
          id: "t3",          name: "Marco Rossi",          role: "Logistics Coordinator",          company: "Milan Fashion Group",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/customer-experience-creative-collage_23-2149346509.jpg",          imageAlt: "Marco Rossi"},
        {
          id: "t4",          name: "Lena Schmidt",          role: "Purchasing Manager",          company: "Berlin Engineering",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-sitting-table-face-face-working-laptop-co-working-office_285396-1735.jpg",          imageAlt: "Lena Schmidt"},
        {
          id: "t5",          name: "Louis Lefevre",          role: "CEO",          company: "Swiss Precision Parts",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",          imageAlt: "Louis Lefevre"},
      ]}
      kpiItems={[
        {
          value: "24/7",          label: "Support"},
        {
          value: "100+",          label: "Routes"},
        {
          value: "EU",          label: "Coverage"},
      ]}
      title="What Our Clients Say"
      description="Hear from businesses that trust AVANT Logistics for their critical European transport needs."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      text="Ready for Seamless European Logistics? Get Your Custom Quote Today!"
      buttons={[
        {
          text: "Request a Quote",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="AVANT Logistics"
      copyrightText="© 2024 AVANT Logistics. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",          ariaLabel: "Facebook"},
        {
          icon: Twitter,
          href: "#",          ariaLabel: "Twitter"},
        {
          icon: Linkedin,
          href: "#",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
