Business websites · Real Estate Agency

KEYSTONE REALTY

Homes between the mountains and the sea, on a live map with real monthly costs.

Interactive — this is the real build running inside the page. Full screen
KEYSTONE REALTY — screen from the live build

What it does

An estate agency website for Beirut and Mount Lebanon built to bring in leads. Visitors search homes to buy or rent on a hand-drawn map whose price pins move with the list, open a listing with its gallery, floor plan and monthly cost calculator, and book a viewing in a free slot. Owners estimate their home's value and request a visit, and every request lands in the agent desk with its stage and history.

Signature interaction

The listings map and the list move as one: hover a card and its price pin lifts, click a pin and a preview opens while the card scrolls into place, and pins cluster and split as you zoom from the whole coast down to the streets of Beirut.

What works in it

  • Sentence-style home search with a live match count
  • Map with price pins that cluster and split as you zoom
  • List cards and map pins highlight and select each other
  • Buy or rent filters for area, price range, bedrooms, type and sea view
  • List only the homes inside the visible map area
  • Saved homes and saved searches with an alert toggle
  • Listing gallery with lightbox and a clickable floor plan
  • Monthly cost calculator with down payment, rate, term and repayment curve
  • Rent calculator with upfront discount, generator amps and move-in cash
  • Viewing booking with free and taken slots, clash warnings and a reference
  • Home value estimator with comparables and a valuation visit request
  • Agent desk with every lead, stages, notes and history

Motion preview

Screen recording of the live build, running on sample data.

Features inside this build

AI-assisted Search — the feature running live
Business

AI-assisted Search

A sports store search that understands plain language: “black running shoes under $100 for women” becomes visible filter chips for colour, category, price and gender, with typo correction, synonyms, instant results, recent and trending searches. It is honestly labelled Simulated AI — everything runs locally on 40 seeded products.

Try it
Meeting Scheduler — the feature running live
Business

Meeting Scheduler

Find a time that works for a five-person team split across Beirut, Dubai and London. A week heatmap shows how many people are free in every half hour, ranked suggestions explain their score, and booking re-checks each calendar before any invite goes out.

Try it
Store Locator — the feature running live
E-commerce

Store Locator

A branch finder for an electronics chain with eight stores across Lebanon, drawn on an SVG map. List and map stay in sync, filters cover open now, pickup, repairs and parking, distances and drive times update from any area or a pin dropped on the map, opening hours handle Sundays and Friday midday breaks (“closes in 40 min”), and every branch shows live stock for a chosen product with reserve-for-pickup.

Try it
Currency Switcher — the feature running live
E-commerce

Currency Switcher

A Beirut online supermarket priced in US dollars with a USD / LBP / EUR switch. Every price, the mini basket and the checkout roll over to the chosen currency, while the store always charges in USD. Merchants set exchange rates, LBP rounding (to the nearest 1,000 or 5,000), display formats and EUR price endings, and every order gets a receipt in both currencies.

Try it