"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, HelpCircle } from 'lucide-react';
import Link from 'next/link';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Pricing", id: "/pricing" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="LogiAI"
          bottomLeftText="Global E-commerce Solutions"
          bottomRightText="hello@logiai.com"
          logoOnClick={() => window.location.href = "/"}
          logoHref="/"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="Our Success"
          tagIcon={Award}
          title="Transforming E-commerce Logistics at Scale"
          description="LogiAI was founded by logistics veterans and AI researchers who saw an opportunity to revolutionize supply chain management. Today, we power logistics for thousands of e-commerce businesses worldwide, processing millions of shipments monthly and saving our clients hundreds of millions in operational costs."
          metrics={[
            { value: "2.4M+", title: "Shipments Optimized Monthly" },
            { value: "$500M+", title: "Client Cost Savings YTD" }
          ]}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/senior-logistic-worker-hardhat-uniform-walking-warehouse-wheeling-palette-jack-back-view-full-length-labor-logistics-concept_74855-14263.jpg"
          imageAlt="Modern logistics distribution center with AI automation"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Get answers to common questions about LogiAI and how it can transform your logistics operations."
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How does AI route optimization work?",
              content: "Our AI analyzes real-time traffic data, weather, carrier schedules, and historical patterns to calculate the most efficient routes. The system continuously learns from actual delivery performance to improve future recommendations by up to 40%."
            },
            {
              id: "2",
              title: "What carriers do you integrate with?",
              content: "We integrate with all major carriers including UPS, FedEx, DHL, and 200+ regional carriers. Our API allows automatic carrier selection based on cost, speed, and reliability for each shipment."
            },
            {
              id: "3",
              title: "How long does implementation take?",
              content: "Most integrations are live within 2-4 weeks. Basic API setup takes days, while complex multi-carrier deployments may take 6-8 weeks. Our implementation team provides white-glove onboarding."
            },
            {
              id: "4",
              title: "Is my data secure?",
              content: "Yes. We use AES-256 encryption, maintain SOC 2 Type II certification, and comply with GDPR, HIPAA, and other standards. All data is encrypted in transit and at rest, with regular security audits."
            },
            {
              id: "5",
              title: "Can I use LogiAI with existing systems?",
              content: "Absolutely. Our API-first architecture integrates with any ecommerce platform, WMS, ERP, or custom system. We provide SDKs for popular platforms and REST/GraphQL APIs for custom integrations."
            },
            {
              id: "6",
              title: "What kind of ROI should I expect?",
              content: "Typical customers see 25-40% reduction in shipping costs, 20-35% faster delivery times, and 15-25% improvement in customer satisfaction within 90 days of implementation."
            },
            {
              id: "7",
              title: "Do you offer customer support?",
              content: "Yes. All plans include email support, with Professional and Enterprise plans receiving 24/7 priority support with dedicated account managers and strategic consulting."
            },
            {
              id: "8",
              title: "What's your uptime guarantee?",
              content: "Enterprise customers receive a 99.99% uptime SLA with multi-region deployment and automatic failover. Our infrastructure is built on AWS with redundant systems across multiple availability zones."
            }
          ]}
        />
      </div>

      <FooterBaseCard
        logoText="LogiAI"
        columns={[
          {
            title: "Product",
            items: [
              { label: "Features", href: "#features" },
              { label: "Pricing", href: "/pricing" },
              { label: "Security", href: "#" },
              { label: "API Docs", href: "#" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About", href: "/about" },
              { label: "Blog", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Press", href: "#" }
            ]
          },
          {
            title: "Resources",
            items: [
              { label: "Documentation", href: "#" },
              { label: "Case Studies", href: "#" },
              { label: "Guides", href: "#" },
              { label: "Community", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy", href: "#" },
              { label: "Terms", href: "#" },
              { label: "Compliance", href: "#" },
              { label: "Contact", href: "/contact" }
            ]
          }
        ]}
        copyrightText="© 2025 LogiAI. AI-Powered Logistics for E-commerce."
      />
    </ThemeProvider>
  );
}