import React from 'react'; import { Container } from '@/components/ui/container'; import { Input } from '@/components/ui/input'; import { Button } from '@/components/ui/button'; import { Separator } from '@/components/ui/separator'; import { Ship, Twitter, Linkedin, Github, ArrowRight, MapPin, Mail, Phone } from 'lucide-react'; const footerLinks = { product: [ { name: 'Route Optimization', href: '#' }, { name: 'Fleet Tracking', href: '#' }, { name: 'Supply Chain AI', href: '#' }, { name: 'Integration Hub', href: '#' }, { name: 'Custom Dashboards', href: '#' }, ], company: [ { name: 'About Us', href: '#' }, { name: 'Success Stories', href: '#' }, { name: 'Global Network', href: '#' }, { name: 'Sustainability', href: '#' }, { name: 'Careers', href: '#' }, ], resources: [ { name: 'Documentation', href: '#' }, { name: 'API Status', href: '#' }, { name: 'Freight Insights', href: '#' }, { name: 'Community Forum', href: '#' }, { name: 'Help Center', href: '#' }, ] }; export default function Footer() { const currentYear = 2026; return ( ); }

Multi-Column Footer