About Shear
Shear is a light, calm website template for hair salons that do cuts, colour, balayage and blow-dries. It has a big photo hero, a clear price list and a booking form. Everything is in warm off-white and clay, with a serif display font and pill buttons.
Services and stylists both come from the CMS. Add a service once, with its category, price, duration and description, and it appears in the right card on the Services page. Tick "Featured" to show it on the home page too, and tick "Patch test" to give it a "Patch test needed" tag. Each stylist has a photo, role, specialties, bio, working days, a starting price and an Instagram handle.
The Book page has a native Framer form for appointment requests, with a question about previous colour so you know who needs a patch test. A live "Open now" badge reads your opening hours in your time zone.
Pages: Home (with a colour consultation and patch test timeline), Services (prices by category, stylist-level pricing and an FAQ), Stylists, Book, Visit, Licenses and 404, all laid out for desktop, tablet and phone.
Getting started:
Change the colours in Assets → Colors (all named Shear/...) and the fonts in Assets → Text Styles.
Replace the sample services in CMS → Services and your team in CMS → Stylists.
Set your opening hours on the "Open now" badge and in the footer.
Open the form on /book and choose where submissions go.
On /visit, put your address in the map component.
Swap the photos for your own and update the page titles.
