Go live

A short guide for whoever takes Quench from demo to a real club website. It’s linked from the footer so you can find it again; the checklist at the end removes both.

Delete this page before you publish your site.

Delete this page before you publish your site.

Using the demo?

You’re looking at the Quench sample site. Remix it to get your own editable copy in Framer. The remix is free.

Remix Quench in Framer

Make it yours in 4 steps

1

1

Where the content lives

Rooms and formats live in the Sessions collection, and dated nights live in Socials: edit, add or delete items in the CMS. Prices, opening hours and the Book button are shared components (Price List, Hours and Book Button): change one and every page follows. Until you connect booking (step 4), every Book button opens the /book demo page.

2

2

Swap the photos

Replace images in place. Photo frames crop to fill, so keep your subject near the middle; the sample shots are 4:5 for the hero halves and 3:2 or 16:9 elsewhere. They are AI-generated or graded stock, and fine to replace.

3

3

Fonts are licence-safe

Anybody and Instrument Sans come from Framer’s own font picker, so there’s nothing to license or upload.

4

4

Connect booking and forms

Booking: the Book Button component, the gift-card button and each Book Link field in the Sessions and Socials collections open the /book demo page. Replace them with your booking software’s link (the Book Button once, then the gift-card button and the Book Link fields), then delete /book. Forms: open each form (private hire, contact and the newsletter) and set where submissions go in its settings.

Tip: every gauge is a HeatRail, so set its degrees in the gauge’s controls. Section colours are the Heat, Heat Tint, Rest, Ice and Glacier colour styles: change one and the whole site follows.

Go live on your own domain

Connect your domain

In Framer, open Site Settings → Domains and add the domain you own.

It needs a paid site plan

Framer’s free plan can’t connect a custom domain, so pick a paid site plan when you’re ready to launch.

Quench fits the Basic plan

It uses 2 CMS collections and 17 pages, counting this guide and the /book demo, inside Basic’s 30-page limit.

Check the prices

Plans and prices change, so check the current ones at framer.com/pricing before you choose.

Before you publish

Replace every piece of sample content, and the name Quench, with your own.

Write page titles and descriptions, and add a favicon and a social image in Site Settings.

Point every Book link at your booking software, delete the /book demo page, and set where each form sends its submissions.

Keep the reduced-motion setting on (Site Settings → General → Accessibility).

Delete this guide page and its “Go-live guide” link in the footer (Small print column).

Create a free website with Framer, the website builder loved by startups, designers and agencies.