"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, Briefcase, Award } 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="bold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Services", id: "features" },
              { name: "About Us", id: "about" },
              { name: "Success Stories", id: "testimonials" },
              { name: "Contact", id: "contact" },
            ]}
            brandName="BoxSmart"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardTestimonial
            useInvertedBackground={false}
            background={{ variant: "gradient-bars" }}
            title="Excellence in Logistics & Smart Shipping"
            description="BoxSmart Shipping Services provides professional, technology-driven logistics solutions tailored to keep your business moving reliably across the globe."
            testimonials={[
              { name: "CEO Global Logistics", handle: "@industryleader", testimonial: "The gold standard for professional shipping and supply chain reliability.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg" },
              { name: "Operations Director", handle: "@ops_expert", testimonial: "Unmatched precision in cargo management and delivery schedules.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/female-staff-preparing-ecommerce-parcels-small-facility-checking-shipment-quality-control_482257-134738.jpg"
            imageAlt="Professional logistics hub"
            mediaAnimation="slide-up"
            avatarText="Serving Enterprise Partners"
            tag="Professional Shipping Services"
            tagIcon={Award}
            buttons={[{ text: "View Services", href: "#features" }, { text: "Get Quote", href: "#contact" }]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentyFive
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            features={[
              {
                title: "Enterprise Logistics", description: "High-capacity freight management designed for complex business supply chains.", icon: Briefcase,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827296.jpg", imageAlt: "Global Logistics" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/top-view-paper-style-community-map_23-2149377693.jpg", imageAlt: "Global map" },
                ],
              },
              {
                title: "Priority Shipping", description: "Time-sensitive delivery protocols with verified real-time tracking transparency.", icon: Zap,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151662998.jpg", imageAlt: "Express logistics" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/white-refrigerated-truck-transporting-cargo-winter-highway-cold-chain-logistics-delivery_169016-71712.jpg", imageAlt: "Transport truck" },
                ],
              },
              {
                title: "Certified Security", description: "End-to-end cargo insurance and advanced security monitoring for sensitive shipments.", icon: Shield,
                mediaItems: [
                  { imageSrc: "http://img.b2bpic.net/free-photo/diverse-storehouse-employees-checking-cardboard-boxes_482257-84287.jpg", imageAlt: "Secure storage" },
                  { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-wearing-neon-vests_23-2149426474.jpg", imageAlt: "Safety protocols" },
                ],
              },
            ]}
            title="Our Professional Services"
            description="We provide sophisticated shipping tools for organizations that prioritize operational integrity."
          />
        </div>

        <div id="about" data-section="about">
          <InlineImageSplitTextAbout
            useInvertedBackground={false}
            heading={[
              { type: "text", content: "BoxSmart: Committed to Professionalism" },
            ]}
            className="py-20"
          />
        </div>

        <div id="metrics" data-section="metrics">
          <MetricCardEleven
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "24/7", title: "Reliable Support", description: "Enterprise-level customer care", imageSrc: "http://img.b2bpic.net/free-vector/delivery-white_24877-49434.jpg" },
              { id: "m2", value: "99.9%", title: "Operations Integrity", description: "High-precision delivery success", imageSrc: "http://img.b2bpic.net/free-photo/graphic-concept-with-wood-blocks_23-2148950375.jpg" },
              { id: "m3", value: "150+", title: "Global Reach", description: "Worldwide logistics coverage", imageSrc: "http://img.b2bpic.net/free-photo/still-life-supply-chain-representation_23-2149827259.jpg" },
            ]}
            title="Performance Excellence"
            description="Professional standards applied to every shipment, every single day."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="blur-reveal"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Trusted by Business Leaders"
            description="Our professional reputation is built on consistent delivery of high-value cargo for global enterprises."
            testimonials={[
              { id: "t1", name: "Logistics Head", handle: "@global_freight", testimonial: "Consistently professional and always transparent with tracking updates.", icon: MessageSquare },
              { id: "t2", name: "Operations Manager", handle: "@supply_chain_pro", testimonial: "The most reliable partner for our high-demand shipping requirements.", icon: MessageSquare },
              { id: "t3", name: "Operations Lead", handle: "@cargo_specialist", testimonial: "Exceptional efficiency and clear communication at every step.", icon: MessageSquare },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="default"
            useInvertedBackground={false}
            faqs={[
              { id: "f1", title: "Does BoxSmart provide corporate accounts?", content: "Yes, we offer tailored service agreements for enterprise partners requiring scheduled, high-volume, and priority shipping." },
              { id: "f2", title: "What is your cargo safety protocol?", content: "All high-value shipments are handled through our audited secure process with comprehensive insurance coverage options." },
            ]}
            faqsAnimation="blur-reveal"
            title="Professional Logistics FAQs"
            description="Information regarding our compliance, service standards, and operational capabilities."
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "plain" }}
            title="Partner with BoxSmart"
            description="Schedule a consultation with our logistics experts to optimize your shipping strategy today."
            tag="Inquire Now"
            buttons={[{ text: "Speak to an Expert" }]}
          />
        </div>

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