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.
The original generated editorial media is in the MediaScene component on the homepage and practice detail template. Select a scene and choose Hero, Story or Detail mode; use its image controls to replace the sample artwork. Scroll and pointer movement respond in the browser, while reduced-motion settings show a still image. Edit headings and copy in the native Framer layers, and update offering content in the Practice CMS; the media component does not replace either.
Update the Practice collection
Edit Title, Details, Summary, Body and Photo in CMS. The homepage collection and the /practice/first detail route use these fields. Change the sample slugs to meaningful names. This template uses one collection.
Customize the interactive experience
The Experience component contains the featured interactive selection. Edit its Options labels, descriptions, categories and images in the properties panel. The larger content library is in CMS; keep featured selections aligned when changing the same offering. Selections pass into the native contact form. Theme and motion controls remain editable. The source is included in Experience.tsx.
Connect your real next step
Open /contact and select Contact form. Under Form > Send to, add your own verified email, Google Sheet or webhook. The public preview has no delivery destination. Send a test and confirm receipt before launch. Update the preview note and success message for your live business. This is an enquiry form; connect your own service if you need payments or an account workflow.
Review assumptions and claims
Before launch, add the actual practitioner or firm identity, professional credentials, jurisdictions and engagement terms. Keep the first-contact confidentiality notice. The service descriptions are general information, not advice or evidence of professional authorization.
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. External services, 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.
Template support: luflow123@gmail.com
Preview privacy
The preview form has no email, spreadsheet or webhook destination. Use sample details only; it does not send an enquiry. Framer supplies hosting, form processing and basic site analytics. If you email Lu Flow for template support, your message and contact details are used to handle that request. After remixing, connect your own destination and publish privacy information for your own business.
Framer privacy statement