"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Globe, Shield, Zap, Package, Truck, Headset, MessageSquare } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Services", id: "features" },
              { name: "About", id: "about" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="BoxSmart"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            title="Smart Shipping Solutions for Modern Business"
            description="At BoxSmart, we leverage advanced logistics technology to ensure your goods arrive on time, every time, anywhere in the world."
            testimonials={[
              { name: "Sarah Jenkins", handle: "@sjenkins", testimonial: "BoxSmart transformed our delivery lead times. Their real-time tracking is unparalleled.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
              { name: "Michael Chen", handle: "@mchen", testimonial: "The most reliable shipping partner we've worked with in over a decade.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg" },
              { name: "Anita Gupta", handle: "@agupta", testimonial: "Seamless integration with our existing supply chain. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-blonde-businesswoman-formal-dressed-isolated-dark-textured-background_613910-5399.jpg" },
              { name: "David Thorne", handle: "@dthorne", testimonial: "Unbeatable support and efficiency. They treat our cargo like their own.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
              { name: "Elise Beaumont", handle: "@ebeaumont", testimonial: "Exceptional logistics handling. Consistent, professional, and always on time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-executive-looking-information_1098-2091.jpg" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg"
            imageAlt="Modern logistics warehouse hub"
            mediaAnimation="slide-up"
            avatars={[
              { src: "http://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg", alt: "Business partner 1" },
              { src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Business partner 2" },
              { src: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Business partner 3" },
              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Business partner 4" },
              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-beautiful-woman-years-old-wearing-corporate-clothing-looking-happy_1258-194086.jpg", alt: "Business partner 5" },
            ]}
            avatarText="Trusted by 500+ global brands"
            marqueeItems={[
              { type: "text", text: "Real-time Tracking" },
              { type: "text", text: "Global Coverage" },
              { type: "text", text: "Priority Handling" },
              { type: "text", text: "24/7 Logistics" },
              { type: "text", text: "Secure Cargo" },
            ]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                title: "Global Shipping Network", description: "Seamless cross-border shipping solutions covering major global hubs with real-time tracking.", icon: Globe,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg", imageAlt: "Global network diagram" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377693.jpg", imageAlt: "Global delivery path" },
                ],
              },
              {
                title: "Priority Express Delivery", description: "Get your urgent packages delivered with our high-speed priority shipping service across all zones.", icon: Zap,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg", imageAlt: "Fast transport truck" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/white-refrigerated-truck-transporting-cargo-winter-highway-cold-chain-logistics-delivery_169016-71712.jpg", imageAlt: "Express shipping container" },
                ],
              },
              {
                title: "Secure Handling Guarantee", description: "Safety is our priority. We use industrial-grade protection for all sensitive and fragile items.", icon: Shield,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg", imageAlt: "Secure container" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-neon-vests_23-2149426474.jpg", imageAlt: "Protected cargo handling" },
                ],
              },
            ]}
            title="Core Logistics Capabilities"
            description="Comprehensive tools designed to streamline your supply chain and optimize delivery performance."
          />
        </div>

        <div id="about" data-section="about">
          <InlineImageSplitTextAbout
            useInvertedBackground={false}
            heading={[
              { type: "text", content: "Delivering Quality with Precision" },
              { type: "image", src: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg", alt: "Logistics team working" },
            ]}
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardEleven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "24/7", title: "Operation Support", description: "Always-on service", imageSrc: "http://img.b2bpic.net/free-vector/delivery-white_24877-49434.jpg" },
              { id: "m2", value: "99.8%", title: "Delivery Accuracy", description: "Precise handling rate", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg" },
              { id: "m3", value: "150+", title: "Countries Served", description: "Expanding global network", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827259.jpg" },
            ]}
            title="Performance at a Glance"
            description="Measurable impact delivering consistent value for our partners."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="blur-reveal"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Client Success Stories"
            description="What our long-term shipping partners say about working with BoxSmart."
            testimonials={[
              { id: "t1", name: "Alice R.", handle: "@alice_shipping", testimonial: "Extremely reliable and communicative throughout the process.", icon: MessageSquare },
              { id: "t2", name: "Bob M.", handle: "@bob_logistics", testimonial: "The best shipping partner we have ever used for international freight.", icon: MessageSquare },
              { id: "t3", name: "Charlie K.", handle: "@charlie_supply", testimonial: "Efficient, fast, and consistently on time. Highly recommended.", icon: MessageSquare },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "What shipping methods do you offer?", content: "We provide standard ground, express air, and specialized freight shipping options tailored to your weight and urgency requirements." },
              { id: "f2", title: "Do you ship internationally?", content: "Yes, we maintain a robust network serving over 150 countries with end-to-end tracking and customs handling." },
              { id: "f3", title: "Are there insurance options available?", content: "Yes, we offer flexible shipping insurance policies to protect high-value cargo during transit." },
            ]}
            faqsAnimation="blur-reveal"
            title="Shipping FAQs"
            description="Answers to frequently asked questions about our logistics services."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            title="Need a Custom Quote?"
            description="Let our logistics experts craft the perfect shipping strategy for your company's unique needs."
            tag="Get in touch"
            buttons={[{ text: "Contact Our Team" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="BoxSmart"
            copyrightText="© 2025 BoxSmart Shipping Services Pvt Ltd."
            socialLinks={[
                { icon: Package, href: "#", ariaLabel: "Twitter" },
                { icon: Truck, href: "#", ariaLabel: "LinkedIn" },
                { icon: Headset, href: "#", ariaLabel: "Support" }
            ]}
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
