# Alex Rivera
Designer portfolio with project showcase, case studies, about, and contact
Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui
Pages: Index, Work, ProjectDetail, About, Contact
Palette: violet/purple dark theme

## Files
- src/components/Header.tsx (2KB)
- src/components/Footer.tsx (1KB)
- src/pages/Index.tsx (11KB)
- src/pages/Work.tsx (4KB)
- src/pages/ProjectDetail.tsx (11KB)
- src/pages/About.tsx (8KB)
- src/pages/Contact.tsx (6KB)
- src/App.tsx (1KB)

## Imports
UI: @/components/ui/{button,card,badge,input,textarea,tabs,accordion,dialog,sheet}
Icons: lucide-react
Toast: import { toast } from "sonner"
Theme: ThemeToggle in headers (next-themes)
Router: react-router-dom BrowserRouter

## Rules
- MODIFY existing files — never rebuild from scratch
- Pages import Header + Footer from @/components/
- Tailwind only — no inline styles
- Use existing shadcn components — don't create custom ones