"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import {
  Package,
  CheckCircle,
  Shield,
  Globe,
  Eye,
  TrendingDown,
  Zap,
  BarChart3,
  Rocket,
  Award,
} from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Services", id: "services" },
    { name: "About", id: "about" },
    { name: "Pricing", id: "pricing" },
    { name: "Contact", id: "contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="LogisticsPro" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Your Logistics Partner for Global Excellence"
          description="Streamline your supply chain with our cutting-edge logistics platform. Real-time tracking, efficient routing, and reliable delivery—all in one place."
          tag="Enterprise Logistics Solutions"
          tagIcon={Package}
          tagAnimation="slide-up"
          background={{ variant: "canvas-reveal" }}
          imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg"
          imageAlt="Logistics dashboard with real-time tracking"
          buttons={[
            { text: "Start Free Trial", href: "/contact" },
            { text: "View Demo", onClick: () => {} },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose LogisticsPro"
          description="With over 15 years of industry experience, we've perfected the art of logistics management. Our platform combines advanced technology with human expertise to deliver unmatched service."
          tag="Our Advantage"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          bulletPoints={[
            {
              title: "99.9% Uptime",              description: "Enterprise-grade infrastructure ensuring your shipments are always tracked and on schedule.",              icon: Shield,
            },
            {
              title: "Global Network",              description: "Operations in 150+ countries with local expertise and 24/7 support.",              icon: Globe,
            },
            {
              title: "Real-Time Visibility",              description: "Track every package in real-time with our advanced GPS and IoT integrations.",              icon: Eye,
            },
            {
              title: "Cost Optimization",              description: "AI-powered routing algorithms reduce delivery costs by up to 30%.",              icon: TrendingDown,
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-printing-awb-tracking-numbers-tags-new-parcel-shipment-managing-airway_482257-136207.jpg"
          imageAlt="Logistics operations center"
          mediaAnimation="slide-up"
          imagePosition="right"
          buttons={[{ text: "Learn More", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Comprehensive Logistics Services"
          description="From warehousing to final-mile delivery, we handle every aspect of your supply chain."
          tag="Our Capabilities"
          tagIcon={Zap}
          tagAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "International Shipping",              description: "Seamless cross-border logistics with customs clearance and documentation handled by our experts.",              imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-international-trade_23-2149164061.jpg",              imageAlt: "International shipping service"},
            {
              id: 2,
              title: "Warehouse Management",              description: "State-of-the-art facilities with inventory management, packaging, and fulfillment services.",              imageSrc: "http://img.b2bpic.net/free-photo/home-business-employees-preparing-products-boxes-local-delivery_482257-132083.jpg",              imageAlt: "Warehouse management facility"},
            {
              id: 3,
              title: "Last-Mile Delivery",              description: "Efficient final-mile solutions ensuring timely and safe delivery to your customers.",              imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-people_23-2149103420.jpg",              imageAlt: "Last-mile delivery service"},
            {
              id: 4,
              title: "Cold Chain Logistics",              description: "Temperature-controlled shipping for pharmaceuticals, food, and perishable goods.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hand-protective-rubber-gloves-opening-fridge-with-frozen-food-supermarket_342744-1144.jpg",              imageAlt: "Cold chain logistics"},
          ]}
          animationType="blur-reveal"
          buttons={[{ text: "Explore Services", href: "/services" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Proven Track Record"
          description="Industry-leading performance metrics that demonstrate our commitment to excellence."
          tag="By The Numbers"
          tagIcon={BarChart3}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "2.5M+",              description: "Shipments Delivered Annually"},
            {
              id: "2",              value: "98.7%",              description: "On-Time Delivery Rate"},
            {
              id: "3",              value: "150+",              description: "Countries & Territories Served"},
            {
              id: "4",              value: "24/7",              description: "Customer Support Available"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          buttons={[{ text: "View Case Studies", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="LogisticsPro transformed our supply chain operations. We've reduced shipping costs by 28% while improving delivery times. Their platform is intuitive and their support team is exceptional. Highly recommended for any enterprise logistics needs."
          rating={5}
          author="Sarah Chen, Operations Director at TechFlow Industries"
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Sarah Chen"},
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 2"},
            {
              src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg",              alt: "Team member 3"},
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 4"},
            {
              src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Team member 5"},
            {
              src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",              alt: "Team member 6"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join thousands of companies that rely on LogisticsPro for their logistics needs."
          tag="Global Partners"
          tagIcon={Award}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "TechFlow Industries",            "Global Retail Corp",            "FastTrack Commerce",            "Summit Manufacturing",            "CloudConnect Solutions",            "NexGen Pharmaceuticals",            "EcoShip Ventures"]}
          logos={[
            "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220592.jpg",            "http://img.b2bpic.net/free-vector/hand-drawn-shop-local-collection_23-2149575775.jpg",            "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147882328.jpg",            "http://img.b2bpic.net/free-vector/mechanical-engineering-logo-design_23-2150074711.jpg",            "http://img.b2bpic.net/free-vector/technological-logo-with-clouds_1071-107.jpg",            "http://img.b2bpic.net/free-vector/hospital-logo-template_23-2150529397.jpg",            "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737663.jpg"]}
          speed={40}
          showCard={true}
          buttons={[{ text: "See Case Studies", href: "#" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactCTA
          tag="Ready to Transform Your Logistics?"
          tagIcon={Rocket}
          tagAnimation="slide-up"
          title="Get Started with LogisticsPro Today"
          description="Join the logistics revolution. Experience streamlined operations, reduced costs, and superior customer satisfaction. Our team is ready to help you optimize your supply chain."
          buttons={[
            { text: "Schedule Demo", href: "/contact" },
            { text: "Start Free Trial", onClick: () => {} },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
      </div>

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