Real Estate Website Template — Next.js + Tailwind Property Kit (Listings, Floor Plans, Mortgage Calculator)

A precise, architectural one-page website for property agencies, developers and new-launch projects. Off-white, graphite and one steel-blue accent — calm, modern and expensive-looking without the gold.

Who it's for

• Independent property agencies and agents
• Developers launching a single project or sales gallery
• Designers and agencies building property sites for clients

What's inside

• 13 ready sections: hero with property search, featured listings, project spotlight, neighbourhood, amenities, floor-plan tabs, agent team, mortgage calculator, testimonials, enquiry form, FAQ, footer
• Working mortgage calculator (price, down payment, rate, term — live results)
• Listing cards with price, beds, baths and m²
• Blueprint-style placeholder art (elevations, plans, interiors) in your brand colours

Tech

• Next.js 16 + Tailwind CSS v4 + TypeScript
• Static export — host free on Cloudflare Pages / Netlify / Vercel
• RealEstateAgent + FAQ schema, accessible tabs and forms, reduced-motion support
• Thai-ready typography (loopless Thai fallback)

Edit one file

• Every listing, price, plan, agent and FAQ lives in src/content/site.ts
• Rebrand colours in about 10 lines

What's NOT included

• Stock photos (placeholder art shown until you add yours)
• A listings database/CMS or live search backend — the search bar is UI only
• Form backend — connect Formspree/Getform or your CRM webhook

Licence

• Standard: one website, for you or one client
• Not for resale or redistribution as a template

FAQ

• Is the mortgage calculator accurate? It uses standard amortisation; it's an estimate and says so on the page.
• Can I add more listings? Yes — copy a listing object in site.ts.
• Can I use it in Thai? Yes — Thai renders with a matching loopless font.
• Updates? Bug fixes are free for buyers.