Hair Salon Website Template — Thai/English Next.js + Tailwind Kit (Hair Studio, Colour Salon, Barber)
Live demo: https://softkit-hair-studio.pages.dev — click through every page in Thai and English before you buy.
A soft, editorial website for hair salons and colour studios — built from research into how salon clients choose: they search, check reviews, look at a stylist's work, worry about the final price, and want to book in one tap (in Thailand, that means LINE).
What's inside
- 12 page types in Thai AND English (+ bilingual 404): home, services + 6 service pages, prices, stylists + 4 stylist pages, lookbook, journal + 3 articles, book & contact, about, PDPA privacy policy
- Prices by hair length: one short / medium / long switch changes every price (works without JavaScript), plus stylist levels and "why a price can change"
- Booking composer: service, stylist, length, date, time → estimate → LINE / WhatsApp message typed for the client; warns about closed days and stylists who aren't in; optional link to your booking system
- Stylist pages with level, specialties, days in the studio and a pre-set booking form
- Service pages with steps, who it suits, patch-test and aftercare notes, FAQ
- Deposit / cancellation / lateness policies where people decide; "open now" status in Bangkok time
- Lookbook with a filter; reviews that only show REAL reviews you add — no fake stars
- 19 CC0 photos included (public domain, every source listed)
- Next.js 16 + Tailwind CSS v4 + TypeScript, static export — host free on Cloudflare Pages / Netlify / Vercel
- One content file for every word and price; colours in a few tokens
- SEO: per-page metadata, hreflang, sitemap, JSON-LD (HairSalon with opening hours, Service, Person, FAQ)
- Accessible and reduced-motion aware; loopless Thai font (IBM Plex Sans Thai)
Who it's for: hair salons, colour studios and barber-salons — and the designers and developers who build their sites.
Honest notes: all names, prices, hours and policies are samples to replace. The photos are stock mood photos (including the lookbook samples) — replace them with your own work before launch. Stylist portraits ship as monograms so no stock model is passed off as staff.