A practical guide to the pages, CMS, interactive tool and launch setup. Keep it for reference or remove its public link when your site is ready.
Start with your real business
The business, services, projects and descriptions in this preview are fictional sample content. Replace them with accurate information. Stock photographs and original generated scenes illustrate the design; they are not evidence of completed client work, real staff, actual properties or business results. No customer testimonials or logos have been invented.
Edit the native pages
The homepage, detail page, enquiry page, guide and 404 page use editable native Framer layers. The Site layout contains shared navigation and footer. The Button component controls repeated CTAs. The six color styles and four text styles provide a starting point; check explicit overrides too.
Update the Stories collection
Edit Title, Details, Summary, Body and Photo in CMS. The homepage collection and the /work/first detail route use these fields. Change the sample slugs to meaningful names. This template uses one collection.
Customize the interactive experience
Select the Experience component. Its Options controls edit the tool’s labels, descriptions, categories and image URLs. The tool’s data is separate from the CMS; update both if the same offering appears in each. Enquiry topics are edited separately using the Enquiry topics control. Tool links carry the selected context into the editable enquiry draft. Theme colors are exposed as controls. Code lives in Experience.tsx and is included in the remix. The special calculators and diagrams run locally; they connect to no private data or backend.
Connect your real next step
The enquiry builder prepares a copyable draft. It does not submit, store or email visitor data. In its Contact URL control, add your real contact or booking page to show the next link after preparation. For direct bookings or payments, connect your chosen provider and replace the relevant shared CTAs. No booking availability, payment processing, user accounts or server is included.
Review assumptions and claims
Solar capacity and guest-table counts are simple illustrations with stated assumptions. Route drawings are not navigation. Legal scope copy is not legal advice. Beauty and fitness examples make no medical claims. Replace descriptions, prices, conditions and professional details with accurate content for your business and location.
Check desktop, tablet and phone
Native layouts have 1200, 810 and 390 pixel breakpoints. The interactive component adapts to its available width, supports keyboard controls and respects reduced-motion preferences. Review long titles, uploaded imagery, form validation, mobile navigation and all destination links after your edits.
Publish your identity
Update Site Settings with your title, description, favicon and social image. A custom domain requires the appropriate Framer site plan. This template has one CMS collection and no paid third-party dependency. Booking providers, email services and other integrations may have their own terms and fees. Add appropriate business policies before collecting data or taking payments.
Image and font credits
Stock photographs below were verified under the free Unsplash license; none are Unsplash+. Names, likenesses, trademarks and depicted property may have separate rights. Replace credited sample imagery with material suitable for your business. Original generated assets are marked below. Fonts are supplied through Framer.
Read the Unsplash license
Photograph 1 — original source
Photograph 2 — original source
Photograph 3 — original source
Template creator: Lu Flow