เลือกบริการ + สไตลิส + เวลา — สวยได้ไม่ต้องรอคิว
เลือกได้หลายบริการในการจองครั้งเดียว
เลือกคนที่ใช่สำหรับคุณ
ภาพหน้าจอจริงจากแอป GlowBook (เวอร์ชัน v1.1)
Live URL: https://codehub.sj88ai.com/glowbook/
Source: /workspace/glowbook/index.html (33KB, 1,200+ lines)
Version: v1.0
Color: Pink #ec4899
Category: Booking & Reservation
GlowBook คือระบบจองร้านเสริมสวย/สปา พร้อมเลือกสไตลิส + หลายบริการในครั้งเดียว + Loyalty Points
| Feature | Description |
|---|---|
| ✂️ 16 บริการ | ผม/เล็บ/นวด/Facial/แต่งหน้า |
| 👩🎨 6 สไตลิส | แต่ละคนมี rating + spec + portfolio |
| 🛍️ Multi-Service Cart | เลือกได้หลายบริการในการจองเดียว |
| ⭐ Auto Loyalty | ทุก 10 บาท = 1 แต้ม |
| ⏰ 18 Time Slots | 10:00-18:30 |
| 📊 Loyalty Progress | Progress bar + milestone rewards |
| 💳 PromptPay | ชำระ |
| 📅 My Bookings | ดูประวัติ + สถานะ |
SERVICES = [
{id, name, cat, emoji, price, time, rating, popular},
... 16 items across 5 categories
];
STYLISTS = [
{id, name, spec, initials, bg, rating, emoji, portfolio:[]},
... 6 items
];
toggleService(id) // add/remove
selectStylist(id) // pick stylist
openBooking() // opens modal
selectTime(time, el)
finalizeBooking() // save + reset
📌 Live: https://codehub.sj88ai.com/glowbook/
ฟีเจอร์ครบครันที่มีใน GlowBook — ดูรายละเอียดในแท็บ "คู่มือฉบับเต็ม"
คลิกที่ filter pills ด้านบนเพื่อเลือกประเภทที่ต้องการ
คลิกที่การ์ดรายการที่สนใจ เพื่อเปิด modal รายละเอียด
เลือกวันที่, เวลา, จำนวนคน และตัวเลือกเพิ่มเติม
กดปุ่มยืนยัน → ระบบจะแสดง QR PromptPay เพื่อชำระเงิน