"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import { Globe, MapPin, Package, CheckCircle, Truck } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LogistiCore"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "FAQ", id: "faq" }
          ]}
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          tag="Global Logistics Solutions"
          tagIcon={Globe}
          title="Streamline Your Supply Chain with Enterprise Logistics"
          description="LogistiCore delivers end-to-end logistics solutions designed for global enterprises. Real-time tracking, optimized routes, and dedicated support ensure your cargo reaches its destination on time, every time."
          background={{ variant: "plain" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/warehouse-manager-walking-through-large-storage-area-holding-tablet-while-forklift-operating-background_342744-1547.jpg",              imageAlt: "Modern cargo shipping facility"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128311.jpg",              imageAlt: "Delivery truck in transit"
            }
          ]}
          rating={5}
          ratingText="Trusted by 500+ enterprises worldwide"
          buttons={[
            { text: "Schedule Demo", href: "#contact" },
            { text: "View Solutions", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          tag="Our Services"
          title="Comprehensive Logistics Services"
          description="From warehousing to last-mile delivery, we provide integrated solutions that optimize every stage of your supply chain."
          features={[
            {
              title: "Real-Time Tracking",              description: "Monitor your shipments in real-time with GPS-enabled tracking and instant notifications. Complete visibility across all routes and destinations.",              icon: MapPin,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/serious-male-logistic-engineer-hardhat-overall-standing-stack-boxes-completing-documents-copy-space-blue-collar-labor-concept_74855-14265.jpg",                  imageAlt: "Real-time tracking dashboard"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-carrying-box_23-2148902571.jpg",                  imageAlt: "Global tracking network"
                }
              ]
            },
            {
              title: "Warehouse Management",              description: "State-of-the-art warehouse facilities with advanced inventory management systems. Climate-controlled storage and 24/7 security.",              icon: Package,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/aerial-shot-large-shipping-containers-area_181624-3151.jpg",                  imageAlt: "Modern warehouse facility"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-carrying-box_23-2148902571.jpg",                  imageAlt: "Inventory management system"
                }
              ]
            },
            {
              title: "International Customs Clearance",              description: "Expert documentation handling and customs clearance services for seamless cross-border shipping. Compliant with all international regulations.",              icon: CheckCircle,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/young-man-working-warehouse-with-boxes_1303-16619.jpg",                  imageAlt: "Customs documentation process"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/serious-male-logistic-engineer-hardhat-overall-standing-stack-boxes-completing-documents-copy-space-blue-collar-labor-concept_74855-14265.jpg",                  imageAlt: "Clearance tracking"
                }
              ]
            },
            {
              title: "Last-Mile Delivery",              description: "Efficient final-leg delivery to your customers' doorsteps. Flexible scheduling and signature confirmation on every delivery.",              icon: Truck,
              mediaItems: [
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/people-taking-care-warehouse-logistics-together_23-2149128311.jpg",                  imageAlt: "Delivery fleet"
                },
                {
                  imageSrc: "https://img.b2bpic.net/free-photo/full-shot-man-carrying-box_23-2148902571.jpg",                  imageAlt: "Local delivery network"
                }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Industry-Leading Expertise Driving Your Success"
          tag="Our Team"
          members={[
            {
              id: "1",              name: "Marcus Chen",              imageSrc: "https://img.b2bpic.net/free-photo/senior-businessman-with-arms-crossed-outside-modern-office-building_1139-1074.jpg",              imageAlt: "Marcus Chen, Chief Operations Officer"
            },
            {
              id: "2",              name: "Sarah Mitchell",              imageSrc: "https://img.b2bpic.net/free-photo/happy-bearded-man-busines-clothes-with-crossed-arms-looking-camera-gray_171337-11335.jpg",              imageAlt: "Sarah Mitchell, VP Global Supply Chain"
            },
            {
              id: "3",              name: "David Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/high-angle-buisness-man_23-2148479585.jpg",              imageAlt: "David Rodriguez, Head of Technology"
            },
            {
              id: "4",              name: "Elena Kowalski",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-smiling-looking-camera_23-2148112827.jpg",              imageAlt: "Elena Kowalski, Director of Customs & Compliance"
            }
          ]}
          memberVariant="card"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          tag="Client Success"
          title="What Our Clients Say"
          description="Hear from global enterprises who have transformed their supply chains with LogistiCore."
          testimonials={[
            {
              id: "1",              name: "James Patterson",              role: "Supply Chain Director",              company: "TechFlow Industries",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "James Patterson"
            },
            {
              id: "2",              name: "Lisa Anderson",              role: "Operations Manager",              company: "Global Retail Co",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Lisa Anderson"
            },
            {
              id: "3",              name: "Robert Kim",              role: "CEO",              company: "Asia Pacific Exports",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Robert Kim"
            },
            {
              id: "4",              name: "Victoria Hernandez",              role: "Logistics Director",              company: "European Distribution Ltd",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Victoria Hernandez"
            }
          ]}
          kpiItems={[
            { value: "98%", label: "On-time delivery rate" },
            { value: "500+", label: "Enterprise clients worldwide" },
            { value: "50M+", label: "Shipments processed annually" }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          tag="Support"
          title="Frequently Asked Questions"
          description="Find answers to common questions about our logistics services and solutions."
          faqs={[
            {
              id: "1",              title: "How do I track my shipment in real-time?",              content: "All LogistiCore shipments come with real-time GPS tracking. You'll receive a tracking number via email immediately after shipment. Access your dashboard anytime to monitor location, estimated delivery time, and any updates."
            },
            {
              id: "2",              title: "What are your warehouse storage capabilities?",              content: "Our facilities total 500,000+ square meters across 25 global locations. We offer climate-controlled storage, hazmat handling, and flexible short-term or long-term contracts tailored to your inventory needs."
            },
            {
              id: "3",              title: "How long does international customs clearance take?",              content: "Standard clearance typically takes 2-5 business days depending on destination and documentation completeness. Our expert team handles all paperwork and compliance, with 24-hour expedited clearance available for time-sensitive shipments."
            },
            {
              id: "4",              title: "Do you offer last-mile delivery services?",              content: "Yes, we provide comprehensive last-mile delivery to over 180 countries. Choose from standard delivery, signature confirmation, or white-glove service. Our delivery windows are flexible, with same-day options in major metro areas."
            },
            {
              id: "5",              title: "What payment methods do you accept?",              content: "We accept wire transfers, credit cards, and ACH transfers. Enterprise clients can set up NET-30 or NET-60 payment terms. Monthly invoicing and detailed cost breakdowns are standard for all accounts."
            },
            {
              id: "6",              title: "How can I get started with LogistiCore?",              content: "Simply contact our sales team for a personalized consultation. We'll assess your logistics needs, provide a custom solution, and get you onboarded within 48 hours. No minimum volume requirements for new clients."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/warehouse-industrial-building-interior-with-people-forklifts-handling-goods-storage-area_342744-1498.jpg"
          imageAlt="Logistics operations center"
          mediaPosition="left"
          animationType="smooth"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to optimize your supply chain? Partner with LogistiCore today and experience logistics excellence."
          animationType="entrance-slide"
          background={{ variant: "plain" }}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Request Demo", href: "#" },
            { text: "Contact Sales", href: "#" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="LogistiCore"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "Tracking", href: "#" },
                { label: "Warehousing", href: "#" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "#" },
                { label: "Team", href: "team" },
                { label: "Careers", href: "#" }
              ]
            },
            {
              items: [
                { label: "Support", href: "faq" },
                { label: "Contact", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              items: [
                { label: "Privacy", href: "#" },
                { label: "Terms", href: "#" },
                { label: "Security", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}