A modern real estate platform built for a top‑performing agent.
Project Overview
Designed and built a full-stack real estate website for Meena Dhawan, a Top 5% Keller Williams agent serving Kirkland, Bellevue, Redmond, and the greater Eastside. The goal was a brand that matched her caliber — luxury aesthetic, real lead capture, and a property search experience typically reserved for large brokerages.
The Problem
Meena's existing web presence didn't reflect her caliber as a top producer. The site was falling short across every dimension that matters:
What I Built
Split-view property explorer with Mapbox GL. Listings cluster by city with count markers. Selecting a card highlights it on the map. Filters cover city, type, beds, price, and live address search.
3-step multi-screen lead form (address → property details → contact info) with Supabase persistence, loading state, success confirmation, and graceful error handling.
Full-screen hero with staggered entrance animations, stats row, featured listings carousel, testimonials rotator, seller CTA — all with scroll-driven Framer Motion animations.
Custom Tailwind v4 theme tokens (gold, dark, cream), Playfair Display + Cormorant Garamond via next/font, and reusable FadeUp/SlideIn Framer Motion wrappers across all pages.
Before & After
Drag the slider to compare
A Problem Worth Solving
Getting a list-selected listing to highlight its marker on the map took significant debugging. Google Maps' OverlayView is a PureComponent — it blocks React re-renders from propagating into its portal subtree, meaning prop and context updates from the parent never reached the marker.
After exhausting context, window events, and key-based remounting strategies, I switched to Mapbox + react-map-gl. Its Marker is a plain function component — the highlight worked on the first try.
Tools Used
Results
Let's build something great.
Have a project in mind? I'd love to hear about it — reach out and let's talk.
Book a Free Consultation→