"use client";
import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Shield, ArrowRight, TrendingUp, Package, MapPin, Star } from "lucide-react";

export default function SolutionsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="noise"
      cardStyle="outline"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="LogisticNet"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Pricing", id: "/pricing" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Request Demo", href: "/contact" }}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Complete Logistics Solutions"
          description="From China sourcing to final-mile delivery, LogisticNet provides end-to-end supply chain optimization with real-time visibility and predictive analytics."
          tag="Enterprise Solutions"
          tagIcon={Shield}
          features={[
            {
              title: "China Gateway Operations",              description: "Direct partnerships with manufacturers and ports in Shanghai, Shenzhen, and Guangzhou for seamless international logistics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/a-stylized-world-map-showing-an-intercon-1771991399459-40aef28e.png?_wi=2",              imageAlt: "Global logistics network connections",              buttonIcon: ArrowRight
            },
            {
              title: "Predictive Analytics Platform",              description: "Machine learning algorithms analyze 60+ data points to forecast demand patterns and optimize inventory positioning.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/a-detailed-analytics-dashboard-showing-d-1771991398781-6fb5bcee.png?_wi=3",              imageAlt: "Advanced analytics and forecasting",              buttonIcon: TrendingUp
            },
            {
              title: "Automated Cross-Docking",              description: "Streamlined warehouse operations with automated sorting and real-time inventory management across 250 locations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/professional-cargo-handling-at-a-modern--1771991398762-9d97f210.png?_wi=2",              imageAlt: "Automated warehouse operations",              buttonIcon: Package
            },
            {
              title: "Real-Time Route Optimization",              description: "Dynamic routing algorithms reduce delivery times by 35% while optimizing fuel efficiency and driver schedules.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/a-mobile-phone-and-computer-screen-displ-1771991399839-be9d71dd.png?_wi=2",              imageAlt: "Real-time tracking and optimization",              buttonIcon: MapPin
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Client Success Stories"
          description="See how enterprise companies transformed their supply chains with LogisticNet's integrated solutions."
          tag="Case Studies"
          tagIcon={Star}
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Jennifer Walsh",              handle: "@jwalsh",              testimonial: "Their predictive analytics saved us millions in potential stockouts and overstocking. The platform integration is seamless and the support team is exceptional.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/professional-portrait-of-a-procurement-m-1771991399519-c85150ae.png"
            },
            {
              id: "2",              name: "Thomas Anderson",              handle: "@tanderson",              testimonial: "LogisticNet's end-to-end solution eliminated our reliance on multiple vendors. Single platform, transparent pricing, measurable results. Highly recommended.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/professional-portrait-of-a-logistics-tec-1771991398566-467e5e2b.png"
            },
            {
              id: "3",              name: "Elena Vasquez",              handle: "@evasquez",              testimonial: "LogisticNet's integrated approach bridges physical and digital seamlessly. Their team understood our complex international requirements immediately and delivered results.",              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_34YrpHTNyoPHUh85bjA10KHfDge/professional-portrait-of-a-supply-chain--1771991399773-373496dc.png?_wi=2"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <FooterBase
        logoText="LogisticNet"
        copyrightText="© 2025 LogisticNet. All rights reserved. Integrated Logistics for the Modern Enterprise."
        columns={[
          {
            title: "Solutions",            items: [
              { label: "Fleet Management", href: "/solutions" },
              { label: "Warehouse Network", href: "/about" },
              { label: "Demand Forecasting", href: "/solutions" },
              { label: "Last-Mile Delivery", href: "/solutions" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Pricing", href: "/pricing" },
              { label: "Case Studies", href: "/solutions" },
              { label: "Blog", href: "#" }
            ]
          },
          {
            title: "Support",            items: [
              { label: "Help Center", href: "#" },
              { label: "Contact Us", href: "/contact" },
              { label: "System Status", href: "#" },
              { label: "Documentation", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}