# StyleHaus
Multi-page e-commerce store with product catalog, cart, checkout, and account pages
Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui
Pages: Index, Products, ProductDetail, Cart, Checkout, Account, Search, OrderConfirmation
Palette: rose/stone/amber warm tones

## Files
- src/pages/Index.tsx (19KB)
- src/pages/Products.tsx (18KB)
- src/pages/ProductDetail.tsx (16KB)
- src/pages/Cart.tsx (8KB)
- src/pages/Checkout.tsx (19KB)
- src/pages/Account.tsx (10KB)
- src/pages/Search.tsx (7KB)
- src/pages/OrderConfirmation.tsx (3KB)
- src/components/Header.tsx (7KB)
- src/components/Footer.tsx (3KB)
- src/App.tsx (1KB)
- src/lib/cart-context.tsx (2KB)

## 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