import React, { useState } from 'react'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Input } from '@/components/ui/input'; import { Eye, Play, Search, Route, Radio, BarChart3, ArrowRight, Download, CheckCircle, MapPin, Clock, Users, TrendingUp, Sparkles, Building, Zap, Shield, Cloud, Smartphone, Calculator, Lock, FileText, Video, BookOpen, DollarSign, Star, Globe, Code, Settings, Truck, Package, Target, Award, ChevronDown, ChevronUp, AlertCircle, Warehouse, ArrowLeftRight, CalendarClock, RotateCcw, BoxSelect, Layers } from 'lucide-react'; const RetailDistribution = () => { const [roiInputs, setRoiInputs] = useState({ storeLocations: 25, deliveriesPerWeek: 150, avgDockWaitTime: 45 }); const [expandedFaq, setExpandedFaq] = useState(null); const calculateROI = () => { const { storeLocations, deliveriesPerWeek, avgDockWaitTime } = roiInputs; const lynxDockWaitTime = avgDockWaitTime * 0.4; // 60% reduction const timeSavedPerWeek = deliveriesPerWeek * (avgDockWaitTime - lynxDockWaitTime); const monthlyTimeSaved = Math.round(timeSavedPerWeek * 4 / 60); // hours const waitTimeReduction = Math.round(((avgDockWaitTime - lynxDockWaitTime) / avgDockWaitTime) * 100); return { monthlyHoursSaved: monthlyTimeSaved, newDockWaitTime: Math.round(lynxDockWaitTime), waitTimeReduction }; }; const roiResults = calculateROI(); const toggleFaq = (index: number) => { setExpandedFaq(expandedFaq === index ? null : index); }; return (

{/* Hero Section */}

{/* Navigation */} {/* Hero Content */}

Retail Distribution Management

Store shelves stocked,{' '} customers satisfied

Multi-location coordination with dock scheduling, inter-store transfers, and return logistics — built for the complexity of retail distribution.

{/* Dashboard Preview */}

Distribution Network Overview

Network Active

98.2%

In-Stock Rate

18min

Avg Dock Wait

2.4hrs

Avg Transfer Time

Multi-location distribution dashboard

{/* WHY Section - Pain Points */}

Why Retail Distribution is Complex

Multi-location logistics requires orchestration

When you're managing dozens of locations, small inefficiencies compound into major costs

{[ { icon: CalendarClock, title: "Dock Scheduling Chaos", problem: "Trucks arrive at unpredictable times, causing backups. Store staff waste hours waiting or unloading under pressure.", stat: "45 min average dock wait time" }, { icon: ArrowLeftRight, title: "Inventory Imbalances", problem: "One store is out of stock while another has excess. Manual transfer coordination is slow and error-prone.", stat: "15% of stock sits in wrong location" }, { icon: Layers, title: "Bulk Delivery Complexity", problem: "Pallet-level tracking, partial deliveries, and mixed shipments create receiving confusion and inventory discrepancies.", stat: "8% receiving accuracy errors" }, { icon: RotateCcw, title: "Return Logistics", problem: "Damaged goods, customer returns, and vendor returns need to flow back through the system efficiently.", stat: "20% of logistics is reverse flow" }, { icon: Users, title: "Staff Coordination", problem: "Receiving staff need advance notice to plan. Without visibility, stores are caught off-guard by deliveries.", stat: "30% of deliveries arrive unannounced" }, { icon: DollarSign, title: "Hidden Costs", problem: "Driver detention fees, emergency transfers, and overtime for unexpected deliveries erode margins.", stat: "$50K+/year in detention fees per DC" } ].map((pain, i) => (

{pain.title}

{pain.problem}

{pain.stat}

))}

{/* HOW Section - Solutions */}

How Lynx Solves It

Unified retail distribution control

Orchestrate your entire distribution network from one intelligent platform

{[ { icon: CalendarClock, title: "Smart Dock Scheduling", description: "Automated appointment booking for all inbound deliveries. Stores see exactly when trucks arrive, and drivers get confirmed time slots. No more waiting.", features: ["Carrier self-scheduling portal", "Conflict detection & resolution", "Store staff notifications", "Real-time ETA updates"], color: "from-purple-500 to-indigo-500" }, { icon: ArrowLeftRight, title: "Intelligent Inter-Store Transfers", description: "When one location has excess and another is low, Lynx identifies the imbalance and orchestrates transfers automatically. Balance inventory across your network.", features: ["Real-time inventory visibility", "Auto-transfer recommendations", "Optimized transfer routing", "Receiving confirmation"], color: "from-indigo-500 to-violet-500" }, { icon: RotateCcw, title: "Unified Reverse Logistics", description: "Customer returns, vendor returns, and damaged goods all flow through one system. Schedule pickups, track movement, and close the loop on every item.", features: ["Return authorization workflow", "Pickup scheduling", "Condition tracking", "Vendor credit management"], color: "from-violet-500 to-purple-500" } ].map((solution, i) => (

{solution.title}

{solution.description}

{solution.features.map((feature, j) => (

{feature}

))}

{/* WHAT Section - Features */}

What You Get

Complete retail distribution toolkit

Everything your operations team needs for multi-location control

{[ { image: "https://images.unsplash.com/photo-1553413077-190dd305871c?w=400&h=300&fit=crop", title: "Pallet-Level Tracking", features: ["Barcode/RFID scanning", "Partial delivery handling", "Mixed shipment breakdown", "Inventory reconciliation"], color: "from-purple-500 to-indigo-500" }, { image: "https://images.unsplash.com/photo-1586528116311-ad8dd3c8310d?w=400&h=300&fit=crop", title: "Carrier Management", features: ["Performance scorecards", "Detention tracking", "Rate comparison", "Carrier self-service"], color: "from-indigo-500 to-violet-500" }, { image: "https://images.unsplash.com/photo-1560472355-536de3962603?w=400&h=300&fit=crop", title: "Store Receiving Tools", features: ["Mobile receiving app", "Photo documentation", "Discrepancy reporting", "Signature capture"], color: "from-violet-500 to-purple-500" }, { image: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=400&h=300&fit=crop", title: "Network Analytics", features: ["Distribution efficiency", "Cost per delivery", "Location performance", "Trend analysis"], color: "from-pink-500 to-rose-500" } ].map((feature, i) => (

{feature.title}

{item}

))}

{/* ROI Calculator */}

Calculate your efficiency gains

See how much time and money Lynx can save across your network

Your Current Operations

Store Locations setRoiInputs({...roiInputs, storeLocations: parseInt(e.target.value) || 0})} className="bg-white border-slate-300" />

Deliveries per Week (network-wide) setRoiInputs({...roiInputs, deliveriesPerWeek: parseInt(e.target.value) || 0})} className="bg-white border-slate-300" />

Avg Dock Wait Time (minutes) setRoiInputs({...roiInputs, avgDockWaitTime: parseFloat(e.target.value) || 0})} className="bg-white border-slate-300" />

Potential with Lynx

{roiResults.monthlyHoursSaved} hrs

Monthly Hours Saved

{roiResults.newDockWaitTime} min

New Avg Dock Wait

{roiResults.waitTimeReduction}%

Wait Time Reduction

{/* Integration Ecosystem */}

Connects with your retail systems

Seamless integration with the platforms you already use

{[ { category: "ERP Systems", integrations: ["SAP Retail", "Oracle Retail", "Microsoft Dynamics", "NetSuite"], icon: Settings, color: "from-purple-500 to-indigo-500" }, { category: "WMS Platforms", integrations: ["Manhattan", "Blue Yonder", "HighJump", "Custom WMS"], icon: Warehouse, color: "from-indigo-500 to-violet-500" }, { category: "E-commerce", integrations: ["Shopify Plus", "BigCommerce", "Magento", "Custom APIs"], icon: Code, color: "from-violet-500 to-purple-500" } ].map((category, i) => (

{category.category}

{category.integrations.map((integration, j) => (

{integration}

))}

{/* Testimonials */}

Trusted by retail leaders

{[ { quote: "Lynx cut our dock wait times by 65%. Carriers love the scheduling portal, and our stores are never caught off guard.", author: "Michael Chang", role: "VP Distribution", company: "Metro Fashion Group", metrics: "65% less wait time" }, { quote: "Inter-store transfers used to take days to coordinate. Now it's automatic — our in-stock rate jumped 8 points.", author: "Rachel Foster", role: "Supply Chain Director", company: "HomePlus Retail", metrics: "8pt in-stock increase" }, { quote: "The reverse logistics module paid for itself in Q1. Returns flow back through the system like clockwork.", author: "David Okonkwo", role: "Operations Manager", company: "SportZone (47 locations)", metrics: "3x faster returns" } ].map((testimonial, i) => (

{[...Array(5)].map((_, j) => ( ))}

"{testimonial.quote}"

{testimonial.author}

{testimonial.role}

{testimonial.company}

{testimonial.metrics}

))}

{/* FAQ Section */}

Retail distribution FAQs

{[ { question: "How does dock scheduling work?", answer: "Carriers access a self-service portal to book delivery appointments based on your availability windows. Stores receive notifications of upcoming deliveries with accurate ETAs. The system automatically prevents conflicts and suggests alternative slots when needed." }, { question: "Can Lynx handle our ERP integration?", answer: "Yes. We integrate with all major retail ERP systems including SAP, Oracle, Microsoft Dynamics, and NetSuite. Our implementation team handles the technical setup, and we support real-time inventory sync and order flow." }, { question: "How do inter-store transfers work?", answer: "Lynx monitors inventory levels across all locations. When imbalances are detected, the system recommends transfers and can auto-create transfer orders. You can approve manually or enable auto-transfers for specific product categories." }, { question: "What about managing third-party carriers?", answer: "Our carrier management module tracks performance metrics, detention time, and delivery accuracy for all carriers. You can set SLAs, run comparisons, and make data-driven carrier decisions." }, { question: "How long is implementation for a multi-location retailer?", answer: "Typical implementation is 4-6 weeks for mid-size retailers (25-100 locations). We phase the rollout, starting with a pilot group of stores before full network deployment. Enterprise implementations may take 8-12 weeks." } ].map((faq, i) => (

{expandedFaq === i && (

{faq.answer}

)}

))}

{/* CTA */}

Ready to optimize your distribution?

Join retailers who've transformed their multi-location operations with Lynx

{/* Footer */}

); }; export default RetailDistribution;

Use Cases