Copper Empty State
A warm, inviting empty state component for logistics and shipping dashboards.
Features
- Centered card layout — Clean centered design with ample whitespace
- Copper icon area — Decorative Package icon with warm copper glow effect
- Dual CTA buttons — Primary 'Create Shipment' and secondary 'Import from CSV'
- Helpful hint — Bottom hint with link to quickstart documentation
- Warm copper palette — Bronze/copper tones on light cream background
- Dark mode support — Full dark mode with adjusted copper accents
- Responsive — Adapts gracefully from mobile to desktop
Dependencies
lucide-react — Package, Truck, Plus, Upload, ArrowRight icons@/components/ui/card — Shadcn Card@/components/ui/button — Shadcn Button
Customization
- Icon: Swap Package/Truck icons for your domain
- Colors: Adjust copper hex values for brand alignment
- Actions: Connect button onClick handlers to your routing
- Hint: Update the quickstart guide link to your docs
