"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { CheckCircle, Package, Send, TrendingUp, Truck, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="large"
      background="circleGradient"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Eternal Transport"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Results", id: "metrics" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get a Quote",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Global Logistics Excellence"
          description="Premium transportation and logistics services connecting businesses worldwide with reliability, speed, and precision"
          tag="World-Class Shipping"
          tagIcon={Truck}
          tagAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=1",              imageAlt: "Modern transport fleet"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-creates-social-media-ad-while-filming-logistics-center_482257-130875.jpg?_wi=1",              imageAlt: "Shipping services"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg?_wi=1",              imageAlt: "Real-time tracking"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=1",              imageAlt: "Customs clearance"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=2",              imageAlt: "Logistics network"
            }
          ]}
          buttons={[
            { text: "Start Shipping Today", href: "#contact" },
            { text: "View Services", href: "#services" }
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About Eternal Transport"
          description={[
            "For over 25 years, Eternal Transport has been the trusted partner for businesses seeking reliable international logistics solutions. We've built our reputation on unwavering commitment to on-time delivery, transparent communication, and customer-first service.",            "Our team of logistics experts manages complex supply chains with precision, handling everything from documentation to last-mile delivery. We specialize in air freight, ocean shipping, ground transportation, and customs clearance across 150+ countries.",            "Every shipment matters to our customers. That's why we invest in advanced tracking technology, maintain strategic partnerships, and provide 24/7 customer support to ensure your goods arrive exactly when and where they're needed."
          ]}
          useInvertedBackground={false}
          showBorder={true}
          buttons={[
            { text: "Learn Our Story", href: "#metrics" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Comprehensive Logistics Services"
          description="End-to-end transportation solutions tailored to your business needs"
          tag="Our Services"
          tagIcon={Package}
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Air Freight Excellence",              description: "Fast-track your shipments worldwide with our premium air cargo services. Same-day and next-day delivery options available for urgent shipments.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-creates-social-media-ad-while-filming-logistics-center_482257-130875.jpg?_wi=2",                imageAlt: "Air freight service"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg?_wi=2",                imageAlt: "Tracking system"
              }
            },
            {
              id: 2,
              title: "Ocean Shipping Solutions",              description: "Cost-effective containerized shipping for large volumes. Full and less-than-container loads with flexible scheduling and competitive rates.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=2",                imageAlt: "Ocean shipping"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=3",                imageAlt: "Logistics operations"
              }
            },
            {
              id: 3,
              title: "Ground Transportation",              description: "Reliable domestic and cross-border trucking services with real-time GPS tracking, professional drivers, and comprehensive insurance coverage.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=4",                imageAlt: "Ground transport"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg?_wi=3",                imageAlt: "GPS tracking"
              }
            },
            {
              id: 4,
              title: "Customs & Documentation",              description: "Expert handling of all customs procedures, duties, and regulatory compliance. Our specialists ensure smooth border crossings and zero delays.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=3",                imageAlt: "Customs documentation"
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/small-business-staff-creates-social-media-ad-while-filming-logistics-center_482257-130875.jpg?_wi=3",                imageAlt: "Documentation process"
              }
            }
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          buttons={[
            { text: "Get Service Details", href: "#contact" }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="Our Track Record"
          description="Proven excellence in logistics and transportation across the globe"
          tag="Results That Speak"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",              value: "25M+",              title: "Shipments Delivered",              description: "Successfully transported across all continents",              imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=5",              imageAlt: "Fleet statistics"
            },
            {
              id: "2",              value: "99.7%",              title: "On-Time Delivery",              description: "Consistent performance exceeding industry standards",              imageSrc: "http://img.b2bpic.net/free-photo/employee-navigating-satellite-radar-map-search-routes_482257-93891.jpg?_wi=4",              imageAlt: "Tracking performance"
            },
            {
              id: "3",              value: "150+",              title: "Countries Served",              description: "Global presence with local expertise",              imageSrc: "http://img.b2bpic.net/free-photo/business-partners-checking-signing-document_74855-1151.jpg?_wi=4",              imageAlt: "Global coverage"
            },
            {
              id: "4",              value: "2000+",              title: "Enterprise Clients",              description: "Trusted by Fortune 500 companies worldwide",              imageSrc: "http://img.b2bpic.net/free-photo/truck-highway-heavy-vehicle-motion-road-logistics-scene_169016-68023.jpg?_wi=6",              imageAlt: "Client portfolio"
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Industry Leaders"
          description="Hear directly from our satisfied clients about their experience with Eternal Transport"
          tag="Customer Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              title: "Game Changer for Our Supply Chain",              quote: "Eternal Transport transformed how we manage international shipments. Their real-time tracking and proactive communication eliminated logistics headaches. We've cut shipping costs by 18% while improving delivery reliability.",              name: "Sarah Mitchell",              role: "VP Supply Chain, TechCorp International",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              title: "Unmatched Professionalism and Reliability",              quote: "Working with Eternal Transport for the past 8 years has been seamless. Their team handles our complex multi-modal shipments with expertise. When urgent situations arise, their 24/7 support is invaluable.",              name: "Michael Chen",              role: "Logistics Director, Global Manufacturing Co.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              title: "Partners Who Truly Care About Results",              quote: "From documentation to final delivery, Eternal Transport demonstrates genuine commitment to our success. Their competitive pricing combined with superior service quality makes them an obvious choice for our company.",              name: "Emily Rodriguez",              role: "CEO, Sustainable Fashion Ltd.",              imageSrc: "http://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",              title: "Exceptional Customs Expertise",              quote: "Their customs clearance specialists have saved us countless hours and potential penalties. Complex international shipments that would be nightmare material elsewhere become routine with Eternal Transport's expertise.",              name: "David Kim",              role: "Operations Manager, Premium Goods Distributor",              imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-camera_107420-95907.jpg",              imageAlt: "David Kim"
            },
            {
              id: "5",              title: "Consistent Excellence Across Services",              quote: "Whether we need air freight, ocean shipping, or ground transportation, Eternal Transport delivers the same high quality. They're genuinely invested in our business growth and success.",              name: "Jennifer Walsh",              role: "Procurement Officer, Retail Network",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Jennifer Walsh"
            },
            {
              id: "6",              title: "The Logistics Partner We Can Trust",              quote: "In our industry, reliability is everything. Eternal Transport has proven time and again that we can trust them with our most critical shipments. Their integrity and professionalism are unmatched.",              name: "Robert Thompson",              role: "Supply Chain Head, Pharmaceutical Corporation",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4",              imageAlt: "Robert Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Global Enterprises"
          description="Leading companies worldwide rely on Eternal Transport for their critical logistics needs"
          tag="Our Clients"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          logos={[
            "http://img.b2bpic.net/free-vector/spa-salon-logo-design_1416-1213.jpg",            "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147882328.jpg",            "http://img.b2bpic.net/free-vector/gradient-instagram-shop-logo-design_23-2149714663.jpg",            "http://img.b2bpic.net/free-vector/modern-delivery-logo-template_23-2147878086.jpg",            "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147882328.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-boat-logo_23-2150354351.jpg",            "http://img.b2bpic.net/free-vector/round-globe-logo-set-different-colors_1057-747.jpg"
          ]}
          names={["Shell", "FedEx", "Amazon", "DHL", "UPS", "Maersk", "Sinotrans"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Ship?"
          title="Get Your Free Shipping Quote Today"
          description="Connect with our logistics specialists to discuss your transportation needs and receive a customized quote within 24 hours"
          tagIcon={Send}
          tagAnimation="slide-up"
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="your@company.com"
          buttonText="Request Quote"
          termsText="We respect your privacy. Your information helps us provide accurate shipping quotes. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Eternal Transport"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
