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

Die meisten Immobilienvorlagen sehen aus wie eine Tabellenkalkulation mit Fotos — ein Raster aus Karten, ein Preisschild, ein Button "Makler kontaktieren", hundertfach wiederholt. ESTATEX wirft dieses Katalogformat über Bord. Es ist rund um eine einzige Idee aufgebaut: Ein Zuhause sollte sich wie ein Ort anfühlen, an den man sich erinnert, nicht wie ein Objekt, das man einfach durchscrollt. Jeder Bildschirm — vom kinoreifen Heldenbereich bis zur raumweisen Scroll-Galerie auf einer Objektseite — ist so getaktet und komponiert wie eine redaktionelle Doppelseite, sodass ein 2-Millionen-Dollar Inserat (oder die gesamte Markenpräsenz einer Boutique-Agentur) als bedacht und teuer wirkt statt templatisiert und generisch. Wenn du schon einmal eine Immobilienseite geöffnet hast und nichts gefühlt hast, ist dies die Lösung.

Die Startseite öffnet mit einem filmischen Heldenbereich, then durchläuft sie eine hervorgehobene Immobilie, eine Kategorieauswahl "Erkunden nach Gefühl" mit Richtungs-Hover-Übergängen, ein asymmetrisches redaktionelles Immobilienraster, einen Markenphilosophie-Bereich, ein Makler-Spotlight und einen abschließenden Call-to-Action — eine vollständige Erzählung, kein Stapel von Widgets. Die Objekt-Sammelseite verfügt über Live-Suche und Filtering mit sanfter Paginierung und gespeicherten Favoriten, sodass das Browsen reaktionsschnell wirkt, auch wenn alles clientseitig läuft. Das Zentrum ist die Objektdetailseite: eine scrollgesteuerte architektonische Galerie, die sich durch jeden Raum bewegt, gekoppelt mit einem interaktiven Grundriss, einer Nachbarschaftskarte, einem Ausstattungsbereich, einem Maklerprofil und einem Kontakt-Call-to-Action. Eigenständige Seiten für Standorte, Makler, Über uns und Kontakt runden die Seite ab, alle teilen dasselbe Designsystem, und jeder Zustand wird sorgfältig behandelt — leere Suchergebnisse, keine gespeicherten Favoriten, eine benutzerdefinierte 404 — nicht nur der happy path.

Nichts davon erfordert einen Backendzugriff. Alle Inhalte — Immobilien, Makler, Standorte, Kategorien — leben in einfachen, typisierten Datendateien unter src/data/, sodass das Hinzufügen eines Inserats oder das Austauschen einer Maklerbiografie ein Copy-Paste-Edit ist, kein CMS-Integration. Bilder werden über einen einfachen URL-Builder verbunden, der Out-of-the-Box mit Unsplash funktioniert oder mit deinen eigenen gehosteten Fotos. Farben, Schriftarten und Animationszeitpunkte sind alles zentrale Design-Tokens, sodass die komplette Gestaltung der Seite — Akzentfarbe, Typografie, Bewegungsgefühl — eine Änderung in wenigen Dateien ist, nicht eine Suche durch Hunderte von Komponenten. Eine vollständige Kundenanleitung erklärt Schritt für Schritt das Bearbeiten von Texten, Bildern, Navigation, Farben, Schriftarten, Animationen, Formulare und Branding.

Erstellt mit Next.js 16 (App Router), React 19, TypeScript, Tailwind CSS 4, Framer Motion, GSAP mit ScrollTrigger, Lenis sanftes Scrollen, Leaflet mit kostenlosen OpenStreetMap-Kacheln und React Hook Form mit Zod-Validierung. Das Kontaktformular ist vollständig validiert mit Lade- und Erfolgzuständen, bereit, an jedes Formular-Backend deiner Wahl angebunden zu werden. Voll responsive von großem Desktop bis hinab zu mo