Keystone Realty

Keystone Realty is a one-page site for a single realtor. A top bar and sticky nav lead into a split hero: a large condensed headline, a quick search for Buy or Rent, BHK and budget, and an illustrated street of towers with a gulmohar tree and a featured-home card. Below are nine listing cards drawn in SVG, an EMI calculator, an agent profile with stats and areas served, three reviews and a site-visit section. Listings filter by Buy/Rent, BHK and a budget range that switches between sale and rent bands, with a live count; the hero search feeds the same filters. Each card opens an accessible dialog with specs, amenities and price per sq ft, plus buttons that load the price into the EMI calculator or pick the home in the visit form. The visit form validates and opens WhatsApp; nothing is sent to a server. The agent Arjun Rao, listings and prices are placeholders the studio replaces. The palette is warm cream, deep slate and brick red with ochre accents. Headings use condensed Archivo in capitals and body text Figtree. Motion is limited to hover lifts and short transitions, which respect reduced-motion settings. The listing grid goes from three columns to one at 360 px, with a mobile menu. It suits independent agents, small brokerages and channel partners who handle resale and rental homes in one city.