Create a mobile-first, dark-mode React application called "ScreenSeek" using Tailwind CSS and Lucide React icons. The app is an AI-powered screenshot organizer.
1. Design System & Theme
- Background: Deep Slate (bg-slate-900, hex #0f172a).
- Primary Accent: Teal (text-teal-400, bg-teal-500).
- Secondary Accent: Violet (for AI elements).
- Cards/Surfaces: Semi-transparent Slate (bg-slate-800/50) with thin borders (border-slate-700).
- Typography: Sans-serif, clean, white text for headings, slate-400 for secondary text.
- Style: Use rounded corners (rounded-xl or rounded-2xl), subtle glassmorphism (backdrop-blur), and mobile-app styling (fixed bottom navigation).
2. Navigation
Create a fixed bottom navigation bar (h-16) with a blur effect (bg-slate-900/90). It should have 4 tabs with icons (use Lucide):
- Home (LayoutDashboard)
- Ask AI (MessageSquareText) - Make this the active focus color.
- Library (Library)
- Settings (Settings)
3. Views & Functionality
A. Dashboard (Home View)
- Header: "Hello, Alex". Subtext: "You have 4 screenshots analyzed."
- Stats Row: Two side-by-side cards:
- "Actions" (Icon: Zap): Value "12", Label "Smart actions found".
- "Saved" (Icon: TrendingUp): Value "2.5h", Label "Time saved".
- Recent List: A list of recent screenshots with a small thumbnail on the left, title, and category badge.
B. Library View