HappyPaws — Pet Care Hub

HappyPaws (PetCare Hub) is a modern, responsive pet services web app built with React 18, Vite, and TypeScript that powers a public marketing site, a three-step booking wizard, and four role-specific dashboards — customer, staff, manager, and admin — all without a backend. The landing page features a sticky glassmorphism navbar, Framer Motion hero with stats, animated services grid with Basic/Full/Premium tiers, how-it-works steps, gallery, testimonials, and a contact section. A React Hook Form + Zod booking flow guides users through service, pet, and schedule selection, while a Context API store (AppContext) persists pets, bookings, and payments. Mock authentication via AuthContext + LocalStorage supports four seeded roles (customer, staff, manager, admin) with auto-redirects, a reusable ProtectedRoute guard, and shared AuthLayout for sign-in/sign-up. The Admin dashboard ships with a collapsible sidebar, topbar with live menu/submenu search and keyboard navigation, dark mode toggle, recharts analytics, and full CRUD modules for bookings, services, customers, staff, reviews, gallery, promotions, profile/password, and an 18-permission RBAC roles manager. Staff can manage assigned appointments, update statuses, and upload pet photos; managers get operational stats and quick-actions. The UI is built on Shadcn + Radix with a fully tokenized HSL design system using an amber/teal palette, Playfair Display headings, and DM Sans body. Routing uses React Router, animations Framer Motion, and feedback is delivered through Sonner toasts.