Navigation bar
The bar at the top of every page lets customers jump to any section. On a phone it collapses into a ☰ menu button — they tap it to see the links.
| Link | Where it takes them |
|---|
| Treatments | The treatment cards — each shows name, price, duration and description |
| Specials | The scrolling promotions banner (you manage these in the admin) |
| Loyalty | The loyalty points checker — they enter their phone number to see their balance |
| Find us | Map, address, phone number and WhatsApp button |
| WhatsApp us | Opens a WhatsApp chat with the salon directly |
| Book now | Scrolls to the booking form |
Hero section
The big opening banner — the first thing every visitor sees. Shows the salon name, tagline, your Google rating and two buttons: Book now and WhatsApp us.
About the Google ratingThe 4.9 ⭐ rating shown here comes from your real Google Business listing, so it's a trustworthy figure for customers.
Treatments
Shows all your active treatments as cards, split into two tabs: Sculpt (body treatments) and Face (facial treatments). Each card shows:
- A brochure image — if you've uploaded one in the admin
- Treatment name and price
- Duration and session count
- Short description
- A Book this button that opens the booking form with that treatment pre-selected
💡 Viewing the brochure imageCustomers can click or tap the treatment image to open it full-screen for a closer look. They tap anywhere outside the image or press × to close it.
Keeping treatments currentAdd, edit or hide treatments at any time in the admin console → Treatments. Changes show on the site immediately.
Specials banner
A scrolling ticker that runs between the treatments and booking sections. It shows whatever promotional messages you've added in the admin under Specials.
It scrolls automatically, loops continuously, and pauses when a customer hovers over it on desktop. You can add as many messages as you like.
Booking form
Customers work through four steps to make a booking:
-
Choose a treatment and date
They pick a treatment from the dropdown, then a date from the calendar. Only open days are selectable — closed days and blocked dates are greyed out.
-
Choose a time slot
Available slots appear automatically based on your opening hours and existing bookings. Fully booked slots don't appear. If a treatment has multiple machines (e.g. 3 RF machines), up to 3 customers can book the same slot.
-
Enter their details
Name and phone are required. Email is optional. They can also enter a gift voucher code here — the discount applies automatically. If the voucher has more value than the treatment price, the leftover balance stays on the code for next time.
-
Confirm
They review the summary and click Confirm booking. The booking is saved instantly and appears in your admin console under Bookings. Loyalty points are added automatically.
⚠️ After a customer booksThe booking appears in your admin immediately. Loyalty points are awarded automatically (1 point per R10 of the treatment price). Voucher balances update automatically if a code was used.
Loyalty points
Customers check their balance by entering the phone number they used when booking. The page shows their current points, tier and how far they are from the next tier.
| Tier | Points needed | Benefit |
|---|
| 🥉 Bronze | 0 – 199 pts | Entry level — 1 pt per R10 spent |
| 🥈 Silver | 200 – 499 pts | 10% off add-ons |
| 🥇 Gold | 500+ pts | Priority booking + exclusive specials |
💡 How points are earnedPoints are based on the full treatment price — even if a voucher was used to pay. Walk-in / cash payments: you add points manually in the admin under Customers → Add points tab.
Find us
Shows the salon address, opening hours, phone number, email and a live Google Maps embed pinned to the exact S Sculpt location. There's also a Chat on WhatsApp button that opens a direct conversation.
| Detail | |
|---|
| Address | Palm Springs Shopping Centre, 30 Christoffel Street, Van Riebeeck Park, Kempton Park |
| Hours | Monday – Saturday, 09:00 – 17:00 |
| Phone | 067 898 9347 |
| Email | ssculpt71@gmail.com |