EstateHub — Real Estate Marketplace Platform

EstateHub is a modern, responsive real estate web app built with React 18, Vite, and TypeScript that pairs a polished public marketing site with three role-specific dashboards — customer, agent, and admin — backed by Lovable Cloud (Supabase) for authentication, data persistence, and row-level security. The landing experience features a sticky glassmorphism navbar, a Framer Motion hero, animated property highlights, an interactive Leaflet + OpenStreetMap property map, a featured listings carousel, testimonials, an FAQ accordion, and a footer CTA. Public visitors can browse listings on the Properties page with advanced filters (price, beds, baths, type, status, amenities), use search autocomplete, save favorites, compare properties side-by-side, run mortgage calculations, view full image galleries, take interactive virtual tours, and inspect each property's exact location on an embedded map. A three-tier RBAC system (Admin, Agent, Customer) is enforced via a separate user_roles table with a has_role() security-definer function and ProtectedRoute guards, with split-screen Login/Register flows. The Customer dashboard includes saved properties, saved searches, inquiries, bookings, and a visits manager with time-of-day slot picking, time-zone selector, double-booking prevention, and reschedule/cancel flows. Agents get listing management, leads, performance analytics, bookings, and a daily visit timeline. Admins receive a global command center with CRUD modules for properties, users, agents, leads, bookings, CMS pages, reports, and settings. An in-app notification bell delivers real-time confirmation receipts to both customers and agents on schedule, reschedule, and cancel events, with a 'View receipt' link opening full booking details. The UI is built on Shadcn + Radix with a fully tokenized HSL design system using a navy/gold/slate real-estate palette, Playfair Display headings, DM Sans body, and Framer Motion micro-interactions. Routing uses React Router, charts use Recharts, maps use react-leaflet, and feedback is delivered through Sonner toasts.