The property site that searches, saves and compares — not just a gallery with a price under it.
Real EstateProperty SearchListingsNext.js
Preview / 01
Motion preview
See the system in motion.
A verified capture of the real template experience—no simulated interface or pre-rendered 3D substitute.
Premium gallery
The complete visual system.
10 verified previews built from the real template UI and release assets.
Preview / 02
Preview / 03
Preview / 04
Preview / 05
Preview / 06
Preview / 07
Preview / 08
Preview / 09
Preview / 10
The product
Marnstone is the whole website a boutique estate agency needs, not the front page of one. Nine properties across sale, rent and new developments each get a detail page with a cinematic gallery, an accommodation schedule with room dimensions, an orientation dial, travel times and a sticky advisor rail — and they all come from a single data file, so adding a tenth property updates the search, the comparison table, the location pages, the advisor pages, the related-property links, the sitemap and the structured data at the same time.
The search is the part most property templates fake. This one switches market first, then filters on location, property type, bedrooms, bathrooms, price band, interior size, a keyword and 25 feature chips, in grid or list view, across five sort orders, with a live result count, dismissible filter chips, a real empty state and a mobile filter drawer. Saving a property persists in the visitor's browser and shows a count in the header; comparison lines three of them up across fourteen attributes.
Every photograph is original. Each property was modelled once in 3D and rendered from several cameras, so the exterior, the living room and the bedroom of one listing genuinely are one building — something no stock library can give you, and nothing to license or attribute.
Built in Next.js 16, React 19 and TypeScript and exported as static HTML: no database, no API keys, no server and no monthly platform fee. Rebranding is centralised — identity and SEO in config/brand.ts, colour and type as CSS custom properties, typefaces in two lines of the layout, and every property, location, advisor, service and article a typed record in data/. A scripted rebrand trial that changed the name, both accent colours, the display face, the mark, the browser storage keys and one property record touched six files and rebuilt in nine seconds.
Designed as a credible product experience—not a set of disconnected sections. Every layout is ready to adapt while preserving the logic that makes it feel intentional.
Platform
Next.js
Version
1.0.0
Last update
September 19, 2026
QA status
passed
Inside the build
A complete working system.
Nine fully specified listings across sale, rent and new developments, all from one data file
Search filtering on market, location, type, bedrooms, bathrooms, price, interior size, keyword and 25 feature chips
Grid and list views, five sort orders, live result count, dismissible chips, real empty state and a mobile filter drawer
Saved properties persisted in the browser, with a live header count and a saved page
Three-property comparison across fourteen attributes
Property detail pages with accommodation schedules, orientation dial, travel times and related properties
Full-screen gallery and lightbox operable by keyboard, swipe and click
Five advisor profiles and six location pages with enquiry routing
Four validated enquiry forms with inline errors, focus management and honest success states
55 original path-traced architectural images, coherent per property, nothing to license
Per-page metadata, canonical URLs, sitemap, robots, Open Graph and property and FAQ structured data
Rebrandable from three config files and five data files — six files and nine seconds in the measured trial