<aside> ๐Ÿ‘‹

Read this before touching anything in Framer. Following this sequence is the single most reliable way to avoid problems later.

</aside>


What's included

Page Purpose
Homepage Hero, featured listings, services grid, about section, agent profiles, testimonial, email CTA
Properties Index Filterable grid of all listings โ€” by status, type, tag, beds, baths, size
Property Detail Reusable CMS-powered page for each individual listing with full specs, amenities, key features, and nearby places
About Agency story, values, team culture, and agent roster
Agents Individual agent profiles with specialization
Contact Enquiry form with office location map and booking CTA
404 On-brand recovery page
Privacy Policy Plain-English data policy

Before you start

<aside> โš ๏ธ

Complete all two steps below before customizing anything. Skipping them is the most common reason setups go wrong.

</aside>

Step 1 โ€” Duplicate the template

Open the template in Framer and click Duplicate in the top-left corner (Framer icon โ†’ File โ†’ Duplicate). All your work happens in the original remix. Use the duplicate as backup.

Step 2 โ€” Read this documentation

This doc covers everything: copy editing, CMS field logic, listing status, image specs, SEO, and common mistakes. Keep it open while you work.


Setup sequence

Follow this order. Each step depends on the one before it.

  1. Duplicate the template in Framer
  2. Set up your CMS collections โ€” Properties, Legals
  3. Replace global settings โ€” Company name, email, social links, logo
  4. Populate your Properties CMS with your listings
  5. Populate your agents details with your team
  6. Edit page copy โ€” homepage through contact