Real Estate Agency

Install

The whole page lands in app/templates/real-estate-agency/. You can also use a long-lived licence key instead: set the Authorization: Bearer <key> header in the registries block of components.json — better for CI or a project several people share. What you may do with the source is in the licence terms.

Sections it ships with

Sections inside one template share the same design tokens, so swapping and reordering them keeps the colours, spacing and animation rhythm consistent. Pick and combine them in the section composer.

1. 1

   Nav Bar and Hero Search

   A navy-and-gold hero with brand nav bar, parallax city skyline, and a three-field property search for district, budget, and layout.

   hero
2. 2

   This Week's Featured Listings

   A six-card listing grid with gradient city thumbnails, tag badges, floor area, save buttons, total price, and viewing-request links.

   product
3. 3

   Sales Track Record

   Four sales figures on a dark band; the numbers count up once they scroll into view, covering total volume, deals closed, days on market, and satisfaction.

   stats
4. 4

   Four-Step Service Process

   Four service steps joined by a dashed line, from needs consultation and matched viewings to title negotiation, closing, and after-sales.

   timeline
5. 5

   Adviser Team

   Four adviser cards with gradient portraits, years of experience and deals closed, specialty tags, and phone, email, and booking shortcuts.

   team
6. 6

   Book a Free Consultation

   Consultation hotline and office details on the left, a name, phone, and needs form on the right that switches to a booking-confirmed state after submission.

   contact
7. 7

   Footer

   Brand blurb, social links, and three link columns — property search, services, about the agency — with copyright and brokerage licence numbers.

   footer