# Nexus SaaS product landing with pricing, features, about, blog, auth, and contact pages Stack: React 18 / TypeScript / Vite / Tailwind CSS / shadcn/ui Pages: Index, Pricing, Features, About, Blog, Login, Signup, Contact Palette: indigo/purple/pink gradients ## Files - src/pages/Index.tsx (18KB) - src/pages/Pricing.tsx (11KB) - src/pages/Features.tsx (7KB) - src/pages/About.tsx (8KB) - src/pages/Blog.tsx (6KB) - src/pages/Login.tsx (5KB) - src/pages/Signup.tsx (7KB) - src/pages/Contact.tsx (8KB) - src/components/Header.tsx (4KB) - src/components/Footer.tsx (5KB) - 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