Website

Teduh Residence

A sales site for a cluster housing development, with live lot availability.

by roha HTML / CSS / JS Available

Adapted version includes your logo, colours, copy, photos, domain, and hosting for the first year.

Overview

01 — What it is

A one-page marketing site for a fictional gated housing cluster in Cibubur. Buyers comparing developments ask the same four questions: which house fits us, which lots are still free, what will we pay each month, and where exactly is it. Every section answers one of them.

The look is calm and architectural rather than glossy: a white canvas with a subtle dot grid, navy and a light blue accent, set in Inter so numbers read at a glance. Floor plans and the site plan are drawn in SVG, so they stay sharp and can be updated from data.

02 — What’s inside

  • Hero with launch promo, availability ring and four key facts
  • House types in tabs, each with a floor plan drawn to scale from room data, specs, features and an estimated instalment
  • Interactive site plan of 122 lots in three blocks, filterable by type or availability, with corner-lot pricing
  • Lot panel showing type, land size, position, price and status, with a WhatsApp reserve button for available lots
  • Mortgage simulator with fixed promo rate for three years, floating rate after, income guide and cost breakdown bar
  • Facilities, location map with travel times, payment plans, technical specifications and FAQ
  • E-brochure download section with a brochure mockup and a download button ready to link to your PDF
  • Visit booking that opens a prefilled WhatsApp message
  • Fully responsive, mobile-first (320–1440px)

03 — Spec & details

  • Format: HTML / CSS / JS
  • Software: Any code editor or static host
  • Pages: 1 (single-page landing)
  • Language: English
  • License: Personal + Commercial

04 — Who it’s for

Property developers and agents marketing a cluster, townhouse or apartment project. House types, rooms, lots and prices all live in arrays in the script, so the same page can be reused for a new phase or a different project.