Overview
TrimSync is a demo website for a barbershop in Skopje. Its main goal is simple: let a customer reserve a chair in under a minute, right on the homepage, and pay in the shop.
Built with Lovable on React, TanStack Start, Tailwind CSS and Supabase, the site has a dark, premium look and is available in English and Macedonian.
Pages documentation
01 Hero
The first screen shows a dark, moody barbershop photo with the headline “Your signature look, perfected.” and a single “Book now” button.
Small badges show the location and rating, and the navigation switches the site between English and Macedonian.
02 Our services
Six services are listed with their price in denars, duration and a short description: classic haircut, beard trim, full package, hair styling, hot towel shave and facial treatment. Each one has its own “Book” link.
03 Book your appointment
Booking happens right on the page, without a separate form. The customer picks a service, then a barber with their photo and title, then a date on the calendar.
04 Date & time
After choosing a date, the available time slots appear in 15-minute steps. Times that no longer fit, as well as past days and days off, are grayed out and cannot be selected.
05 Our work
A square photo gallery of haircuts, beards, tools and the shop’s atmosphere gives visitors a feel for the experience before they book.
06 What they say
Client reviews move across the screen in a continuous row, each with a five-star rating, a short quote and the client’s name.
07 Find us
The address, phone number and opening hours sit next to an embedded Google Map, so customers can easily find the shop or call to book.
