- CSS
- ตัวอักษร
- กลยุทธ์สี
- วัตถุต้นทาง
- เลือกเมื่อ
แบบ A–F ทำครบตาม brief: tel: · mailto: พร้อมหัวข้อ · โซเชียลเปิดแท็บใหม่ ·
Open Graph · Save Contact (vCard) · ปุ่มรีวิว Google · สลับ EN/ไทย · ปุ่มสูง ≥56px ·
ป้ายเปิด/ปิดตามเวลากรุงเทพฯ · ใช้งานได้แม้ปิด JavaScript
แบบ A–F และ K ต่างกันที่ “ดูแลต่อด้วยอะไร” —
A Bulma (CSS ล้วน ไม่มี JS) · B Pico CSS (classless ใช้แท็ก HTML ตรง ๆ เบาที่สุด) ·
C Open Props + Alpine.js (โทเคน + reactive 15KB) · D Tailwind v4 (utility-first) ·
E CSS เขียนเอง (ไม่มี dependency) · F JavaScript ล้วน ใช้ API ของเบราว์เซอร์ · K Bootstrap 5.3 (นิยมสุด หาคนทำง่ายสุด)
ข้อมูลทั้งหมดยังเป็นข้อมูลจำลอง ต้องแทนที่ด้วยข้อมูลจริงก่อนสร้าง QR ตัวจริง
แบบ G–J เป็นเว็บไซต์เต็มรูปแบบ (เมนู ฟอร์มจอง FAQ) ไม่ใช่หน้า Link Hub หน้าเดียว
และยังใช้ชื่อ ANANTA SPA กับเบอร์ 02-119-4488 อยู่ ต้องเปลี่ยนเป็นข้อมูล BaanMai ก่อนใช้จริง