Live demo: https://estatex-realestate.netlify.app/

Most real-estate templates look like a spreadsheet with photos — a grid of cards, a price tag, a "contact agent" button, repeated a hundred times. ESTATEX throws that catalog format out. It's built around a single idea: a home should feel like a place you remember, not an item you scroll past. Every screen — from the full-viewport hero reveal to the room-by-room scroll gallery on a property page — is paced and composed like an editorial spread, so a $2M listing (or a boutique agency's entire brand) reads as considered and expensive instead of templated and generic. If you've ever opened a real-estate site and felt nothing, this is the fix.

The home page opens with a cinematic hero, then moves through a featured-property spotlight, an "Explore by Feeling" category picker with directional hover transitions, an asymmetric editorial property grid, a brand philosophy section, an agent spotlight, and a closing call to action — a full narrative, not a stack of widgets. The property collection page has live search and filtering with smooth pagination and saved favorites, so browsing feels responsive even though everything runs client-side. The centerpiece is the property detail page: a scroll-driven architectural gallery that moves through each room as the visitor scrolls, paired with an interactive floor plan, a neighborhood map, an amenities section, an agent profile, and a contact call to action. Dedicated pages for locations, agents, about, and contact round out the site, all sharing the same design system, and every state is handled with care — empty search results, no saved favorites, a custom 404 — not just the happy path.

Nothing here requires touching a backend. All content — properties, agents, locations, categories — lives in plain, typed data files under src/data/, so adding a listing or swapping an agent bio is a copy-paste edit, not a CMS integration. Images are wired through a simple URL builder that works with Unsplash out of the box or your own hosted photos. Colors, fonts, and animation timing are all centralized design tokens, so restyling the entire site — accent color, typography, motion feel — is a change in a handful of files, not a hunt through hundreds of components. A full customer guide walks through editing text, images, navigation, colors, fonts, animations, forms, and branding step by step.

Built with Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, GSAP with ScrollTrigger, Lenis smooth scrolling, Leaflet with free OpenStreetMap tiles, and React Hook Form with Zod validation. The contact form is fully validated with loading and success states, ready to be wired to any form backend of your choice. Fully responsive from large desktop down to mobile, with all motion respecting prefers-reduced-motion, semantic markup and keyboard-friendly navigation throughout, and SEO metadata (Open Graph, sitemap, robots.txt) already wired up. What you get: the complete Next.js source code, the customer guide, and a single-project license to deploy one live site — ready to deploy on Netlify or Vercel with zero server configuration.