A modern, responsive beauty parlour website with WhatsApp booking integration.
- šø Beautiful, modern design with gradient backgrounds
- š± Fully responsive layout
- š Service showcase with pricing
- š©āš¼ Team member profiles
- š Direct WhatsApp booking integration
- šØ Interactive service selection
- ā Customer testimonials
- š Contact information and location
āāā backend/
ā āāā index.ts # Main HTTP server (Hono)
āāā frontend/
ā āāā index.html # Main page
ā āāā style.css # Custom styles
ā āāā script.js # Interactive functionality
āāā README.md
The website includes direct WhatsApp booking functionality that:
- Pre-fills service selection
- Includes preferred date/time
- Automatically formats booking message
- Opens WhatsApp with ready-to-send message
- Customers browse services and select their preferred treatments
- They choose a preferred date and time
- Click "Book via WhatsApp" to open WhatsApp with pre-filled booking message
- Send the message to complete the booking request
To customize for your beauty parlour:
1. Update WhatsApp Number
Edit /frontend/script.js and change line 4:
const WHATSAPP_NUMBER = "1234567890";
2. Modify Services and Prices
Edit /frontend/index.html to update:
- Service names and prices in the services section
- Service options in the booking form checkboxes
In /frontend/index.html, update:
- Business name (currently "Bella Beauty")
- Contact information (phone, address)
- Business hours
- Team member names and descriptions
Edit /frontend/style.css to change:
- Color scheme (currently pink/purple gradient)
- Fonts and typography
- Layout and spacing
Replace the spa icon in the navigation with your logo by updating the <i class="fas fa-spa"> element in the HTML.