[V0_FILE]typescriptreact:file="app/page.tsx" "use client" import { useState } from "react" import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarTrigger, } from "@/components/ui/sidebar" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Progress } from "@/components/ui/progress" import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs" import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/components/ui/table" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu" import { Input } from "@/components/ui/input" import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar" import { Switch } from "@/components/ui/switch" import { LayoutDashboard, Package, Truck, Building2, Settings, Search, Bell, Moon, Sun, TrendingUp, AlertTriangle, CheckCircle, Clock, MapPin, Wifi, WifiOff, RefreshCw, ChevronDown, Activity, Users, DollarSign, } from "lucide-react" import { ChartContainer, ChartTooltip, ChartTooltipContent } from "@/components/ui/chart" import { LineChart, Line, XAxis, YAxis, CartesianGrid, ResponsiveContainer } from "recharts" // Mock data const inventoryData = [ { id: 1, name: "Wireless Headphones", sku: "WH-001", quantity: 245, reorderLevel: 50, lastRestocked: "2024-01-15", status: "In Stock", }, { id: 2, name: "Smartphone Case", sku: "SC-002", quantity: 12, reorderLevel: 25, lastRestocked: "2024-01-10", status: "Low Stock", }, { id: 3, name: "USB Cable", sku: "UC-003", quantity: 0, reorderLevel: 100, lastRestocked: "2024-01-05", status: "Out of Stock", }, { id: 4, name: "Bluetooth Speaker", sku: "BS-004", quantity: 89, reorderLevel: 30, lastRestocked: "2024-01-18", status: "In Stock", }, ] const demandForecastData = [ { month: "Jan", actual: 400, predicted: 420 }, { month: "Feb", actual: 300, predicted: 310 }, { month: "Mar", actual: 500, predicted: 480 }, { month: "Apr", actual: 280, predicted: 290 }, { month: "May", actual: 590, predicted: 600 }, { month: "Jun", actual: 320, predicted: 340 }, ] const deliveryData = [ { id: "ORD-001", customer: "John Smith", address: "123 Main St, NYC", eta: "2:30 PM", status: "In-Transit" }, { id: "ORD-002", customer: "Sarah Johnson", address: "456 Oak Ave, LA", eta: "3:15 PM", status: "Pending" }, { id: "ORD-003", customer: "Mike Wilson", address: "789 Pine Rd, Chicago", eta: "1:45 PM", status: "Delivered" }, { id: "ORD-004", customer: "Emily Davis", address: "321 Elm St, Miami", eta: "4:00 PM", status: "In-Transit" }, ] const kpiData = [ { name: "Total Orders", value: "1,247", change: "+12%", icon: Package }, { name: "On-Time Delivery", value: "94.2%", change: "+2.1%", icon: CheckCircle }, { name: "Inventory Turnover", value: "8.3x", change: "+0.5x", icon: TrendingUp }, { name: "Revenue Today", value: "$45,230", change: "+8.7%", icon: DollarSign }, ] const alertsData = [ { id: 1, message: "Low stock alert: USB Cable (UC-003)", type: "critical", time: "5 min ago" }, { id: 2, message: "Route optimization completed for Zone A", type: "success", time: "15 min ago" }, { id: 3, message: "Weather delay expected in Chicago routes", type: "warning", time: "1 hour ago" }, { id: 4, message: "Warehouse sensor offline: Building 2", type: "critical", time: "2 hours ago" }, ] function AppSidebar() { return (

LogiFlow

Dashboard Inventory Deliveries Fleet Warehouses Settings

John Doe

Admin

) } function TopBar({ darkMode, setDarkMode }: { darkMode: boolean; setDarkMode: (value: boolean) => void }) { return (

) } function KPICards() { return (

{kpiData.map((kpi, index) => ( {kpi.name}

{kpi.value}

{kpi.change} from last month

))}

) } function InventorySection() { return (

Inventory Levels

In Stock 75%

Low Stock 20%

Out of Stock 5%

Demand Forecast } /> Restock Alerts

USB Cable - Critical

Smartphone Case - Low

Warehouse A - Online

Warehouse B - Offline

Inventory Management Real-time inventory tracking and management Product Name SKU Quantity Reorder Level Last Restocked Status {inventoryData.map((item) => ( {item.name} {item.sku} {item.quantity} {item.reorderLevel} {item.lastRestocked} {item.status} ))}

) } function DeliverySection() { return (

Live Delivery Map Real-time vehicle tracking and route optimization

Interactive map with vehicle locations

12 vehicles active • 8 routes optimized

By Time By Distance By Cost

Route Performance

Zone A - Optimized 95% Efficiency

Zone B - In Progress 78% Efficiency

Zone C - Delayed 62% Efficiency

Traffic Conditions

Moderate traffic on Route 101. ETA +15 minutes.

Delivery Status Track all deliveries in real-time Order ID Customer Address ETA Status {deliveryData.map((delivery) => ( {delivery.id} {delivery.customer} {delivery.address} {delivery.eta} {delivery.status} ))}

) } function InsightsSection() { return (

AI Insights What's happening now

Demand Spike Predicted

Wireless headphones demand expected to increase by 35% next week.

Supply Chain Risk

Potential delay in shipment from Supplier A due to weather conditions.

Optimization Success

Route optimization saved 2.5 hours and $340 in fuel costs today.

Shipment Timeline

Order Processed

2 hours ago

Picked & Packed

1 hour ago

In Transit

Current

Out for Delivery

Pending

Delivered

Pending

Notifications & Alerts

{alertsData.map((alert) => (

{alert.message}

{alert.time}

))}

) } export default function Dashboard() { const [darkMode, setDarkMode] = useState(false) return (

Supply Chain Dashboard

AI-powered logistics and supply chain management platform

Overview Smart Inventory Last-Mile Delivery Supply Chain Insights

Inventory Overview

Total Products 1,247

Active Deliveries 89

Recent Activity

Route optimization completed

Low stock alert triggered

Delivery scheduled

) } [V0_FILE]typescriptreact:file="app/loading.tsx" isFixed="true" export default function Loading() { return null }