Real estate agency website
A real estate agency site: property search on the first screen, a filtered listings grid, districts on a Yandex Map, deal steps, a mortgage calculator, agents, reviews, FAQ and an appraisal form. A sand theme with serif headlines and a brass accent.
The result is an agency site where visitors search for a home right away, browse listings and districts on a map, work out a mortgage and request a valuation. The agency in the demo is fictional; the catalog blocks the page is built from are listed below.
What it is made of
11 catalog blocks in page order. Each one is installed with its own command; nothing is recreated.
1. Header
Agency header with phonenavbar-020
A serif name, links, phone and an “Appraise my flat” button; sticky.
2. First screen
Hero with property searchhero-020
A photo with a slow push-in and a search form: buy or rent, type, district, budget.
3. Listings
Listings grid with filterrealty-003
Six cards with price and specs, type chips, a second photo on hover, a click flips the card into a window.
4. Districts
Districts on a Yandex Mapmap-004
A real Yandex Map with district pins and cards with price per metre.
5. Deal steps
Deal steps in a rowrealty-005
Five steps with durations on a dark green background.
6. Mortgage
Mortgage calculatorrealty-006
A calculator with sliders and a rolling payment.
7. Agents
Agents with portraitspeople-007
4:5 portraits, a fact tag on the photo, phone and “message”.
8. Reviews
Post-deal reviewstestimonials-016
Serif quotes with stars and a source, an overall score in the head.
9. FAQ
Questions before the meetingfaq-016
A serif details accordion in two columns with a sticky heading.
10. Appraisal
Flat appraisal formcontact-015
Promises, an office photo and a form: address, area, rooms, phone.
11. Footer
Footer with messengersfooter-019
Address, hours, phone and messengers with icons on dark green.
Pro
The exact composition, page source and agent link are in PRO
The demo and the block list are open to everyone. Subscribers see every block's props as in the demo, the theme rules, the image prompts and one link an AI agent uses to build the same page.
Get PROFAQ
- What is the “Real estate agency website” page made of?
- 11 catalog sections in order: Agency header with phone, Hero with property search, Listings grid with filter, Districts on a Yandex Map, Deal steps in a row, Mortgage calculator, Agents with portraits, Post-deal reviews, Questions before the meeting, Flat appraisal form, Footer with messengers. Each one is a separate VibeUI item.
- How do I build this page with an AI agent?
- Press “Copy the scenario for AI” and paste it into Cursor or Claude Code: the agent gets the page source, shared theme rules and image prompts, and installs every section from the registry with the shadcn CLI.
- Is the scenario free?
- The live demo and the list of sections are open to everyone. The page source and the instruction for the agent come with PRO.