• Townie
    AI
  • Blog
  • Docs
  • Pricing
  • We’re hiring!
Log inSign up
jewel

jewel

sandra

Public
Like
sandra
Home
Code
3
backend
1
frontend
3
README.md
Branches
1
Pull requests
Remixes
History
Environment variables
Val Town is a collaborative website to build and scale JavaScript apps.
Deploy APIs, crons, & store data – all from the browser, and deployed in milliseconds.
Sign up now
Code
/
README.md
Code
/
README.md
Search
6/2/2025
README.md

Beauty Parlour Website

A modern, responsive beauty parlour website with WhatsApp booking integration.

Features

  • 🌸 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

Project Structure

β”œβ”€β”€ backend/
β”‚   └── index.ts           # Main HTTP server (Hono)
β”œβ”€β”€ frontend/
β”‚   β”œβ”€β”€ index.html         # Main page
β”‚   β”œβ”€β”€ style.css          # Custom styles
β”‚   └── script.js          # Interactive functionality
└── README.md

WhatsApp Integration

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

Usage

  1. Customers browse services and select their preferred treatments
  2. They choose a preferred date and time
  3. Click "Book via WhatsApp" to open WhatsApp with pre-filled booking message
  4. Send the message to complete the booking request

Customization

To customize for your beauty parlour:

1. Update WhatsApp Number

Edit /frontend/script.js and change line 4:

const WHATSAPP_NUMBER = "1234567890"; // Replace with your actual WhatsApp number

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

3. Update Business Information

In /frontend/index.html, update:

  • Business name (currently "Bella Beauty")
  • Contact information (phone, address)
  • Business hours
  • Team member names and descriptions

4. Customize Styling

Edit /frontend/style.css to change:

  • Color scheme (currently pink/purple gradient)
  • Fonts and typography
  • Layout and spacing

5. Add Your Logo

Replace the spa icon in the navigation with your logo by updating the <i class="fas fa-spa"> element in the HTML.

FeaturesVersion controlCode intelligenceCLI
Use cases
TeamsAI agentsSlackGTM
DocsShowcaseTemplatesNewestTrendingAPI examplesNPM packages
PricingNewsletterBlogAboutCareers
We’re hiring!
Brandhi@val.townStatus
X (Twitter)
Discord community
GitHub discussions
YouTube channel
Bluesky
Open Source Pledge
Terms of usePrivacy policyAbuse contact
Β© 2025 Val Town, Inc.