Estavia — Real Estate & Property Explorer (Concept Template)

Estavia is a commercial concept architectural real estate and property exploration HTML5 template designed for luxury brokerages, independent real estate advisors, residential developers, and curated property portals. Built with semantic HTML5, Tailwind CSS v4, and modular Vanilla JavaScript ES Modules, it provides a 6-page property discovery, spatial comparison, and financial valuation experience without requiring a frontend framework or backend server.

Estavia combines editorial architectural monograph typography (Bricolage Grotesque, Manrope, and JetBrains Mono) with interactive spatial discovery tools that synchronize property cards, URL query state, and custom SVG parcel maps in real time.

6 Responsive HTML5 Pages: Home Flagship (index.html), Split-Screen Property Explorer (properties.html), Dynamic Property Detail Dossier (property-detail.html), Saved Shortlist & 3-Residence Comparison Matrix (saved.html), Advisors & Agency Monograph (agents.html), and Private Consultation & Valuation (contact.html).

Interactive Spatial Parcel Map: Custom zero-dependency SVG architectural parcel map with price pin selection, hover synchronization between property cards and map markers, zoom controls, and instant property preview cards.

CAD Floor Plan Viewer & Carrying Cost Calculator: Multi-level architectural blueprint switcher with room dimensions alongside a real-time monthly carrying cost calculator (Principal & Interest, Property Tax, Hazard Insurance, and HOA).

4 Live Color Themes: Switch live between Terracotta Cedar, Cypress Slate, Coastal Cobalt, and Obsidian Monochrome via CSS custom properties (data-accent), persisted in localStorage.