Demo en vivo: https://estatex-realestate.netlify.app/

La mayoría de las plantillas inmobiliarias parecen una hoja de cálculo con fotos: una cuadrícula de tarjetas, una etiqueta de precio, un botón de «contactar con el agente», repetidos cien veces. ESTATEX descarta ese formato de catálogo. Está construida en torno a una sola idea: una casa debe sentirse como un lugar que recuerdas, no como un artículo por el que pasas de largo. Cada pantalla, desde el hero a pantalla completa hasta la galería con scroll habitación por habitación en la página de una propiedad, está ritmada y compuesta como un reportaje editorial, de modo que un anuncio de 2 millones de dólares (o la marca entera de una agencia boutique) se perciba cuidado y exclusivo en lugar de genérico y de plantilla. Si alguna vez has abierto un sitio inmobiliario y no has sentido nada, esta es la solución.

La página de inicio se abre con un hero cinematográfico y continúa con un destacado de propiedad, un selector de categorías «Explorar por sensación» con transiciones direccionales al pasar el cursor, una cuadrícula editorial asimétrica de propiedades, una sección de filosofía de marca, un destacado de agentes y una llamada a la acción final: una narrativa completa, no una pila de widgets. La página de la colección de propiedades ofrece búsqueda y filtrado en vivo con paginación fluida y favoritos guardados, de modo que explorar resulta ágil aunque todo se ejecute en el cliente. La pieza central es la página de detalle de la propiedad: una galería arquitectónica guiada por el scroll que recorre cada habitación a medida que el visitante se desplaza, junto con un plano interactivo, un mapa del vecindario, una sección de servicios, un perfil del agente y una llamada a la acción de contacto. Páginas dedicadas a ubicaciones, agentes, acerca de y contacto completan el sitio, todas con el mismo sistema de diseño, y cada estado está cuidado (resultados de búsqueda vacíos, sin favoritos guardados, un 404 personalizado), no solo el camino ideal.

Nada de esto requiere tocar un backend. Todo el contenido (propiedades, agentes, ubicaciones, categorías) vive en archivos de datos tipados y sencillos en src/data/, de modo que añadir un anuncio o cambiar la biografía de un agente es copiar y pegar, no una integración con un CMS. Las imágenes pasan por un sencillo generador de URL que funciona con Unsplash de serie o con tus propias fotos alojadas. Los colores, las fuentes y los tiempos de animación son tokens de diseño centralizados, así que rediseñar todo el sitio (color de acento, tipografía, sensación de movimiento) es un cambio en unos pocos archivos, no una búsqueda entre cientos de componentes. Una guía completa para el cliente explica paso a paso cómo editar textos, imágenes, navegación, colores, fuentes, animaciones, formularios y marca.

Creada con Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, GSAP con ScrollTrigger, desplazamiento suave con Lenis, Leaflet con teselas gratuitas de OpenStreetMap, y React Hook Form con validación Zod. El formulario de contacto está totalmente validado con estados de carga y de éxito, listo para conectarse a cualquier backend de formularios que elijas. Totalmente adaptable desde grandes pantallas de escritorio hasta móviles, con todo el movimiento respetando prefers-reduced-motion, marcado semántico y navegación apta para teclado en todo el sitio, y metadatos SEO (Open Graph, sitemap, robots.txt) ya configurados. Qué obtienes: el código fuente completo de Next.js, la guía del cliente y una licencia de un solo proyecto para desplegar un sitio en vivo, listo para desplegar en Netlify o Vercel sin configuración de servidor.