Hartley

About this template

Hartley is a website template for barbershops. It's dark, bold and built around the three things customers look for: prices, who's cutting today and how to book.

Prices run from the CMS. Each service has a category, price, duration and a short description, and the Prices page groups them automatically. Mark a service as featured and it shows on the home page too.

Barbers live in the CMS as well, with a photo, role, specialties, the days they work and their Instagram handle.

The "Open now" badge reads your opening hours in your shop's time zone. It shows "Open now · until 6pm" or the next opening time, such as "Closed · opens tomorrow 9am", and updates every minute.

The Book page has a booking-request form (service, barber, day, time of day, name and mobile) with loading, success and error states. If you use Booksy, Fresha or another booking app, point the Book a chair buttons at your booking link instead.

Pages: Home, Prices, Barbers, Book, Visit (hours, map, parking, access), Licenses and 404. Every page has its own search title and description, and all of them are laid out for desktop, tablet and phone.

Getting started:

Change the colours in Assets → Colors (all named Clipper/...) and the fonts in Assets → Text Styles.

Replace the services and barbers in CMS → Services and CMS → Barbers.

Set your opening hours on the "Open now" badge and in the footer.

Open the form on /book and choose where requests go, or swap it for your booking link.

On /visit, put your address in the map component.

Swap the photos for your own and update the page titles in Page settings.