Siam Elite Consulting

เจ้าของผลงานเล่าไว้แบบนี้

https://siamelite.vercel.app # Siam Elite Consulting — Website · v1.2.0 เว็บไซต์ **3 ภาษาในตัวเดียว** (ไทย เริ่มต้น · English · 中文 — สลับในหน้าเดียวกันหมดทุกหน้า) สำหรับ Siam Elite Consulting (วีซ่า · อสังหาริมทรัพย์ · จัดหาแม่บ้าน ในเชียงใหม่) ดีไซน์ **premium minimal** โทน navy + ทอง — type scale เดียวทั้งเว็บ, ฟอนต์ IBM Plex Sans Thai / Inter / Noto Sans SC, ไอคอนเส้นสะอาด, hero split ภาพจริง > ประวัติการเปลี่ยนแปลง: [CHANGELOG.md](CHANGELOG.md) · เวอร์ชัน: [VERSION](VERSION) ## รันดูในเครื่อง เป็น **static site** (ไม่มี build step) แต่ property listings โหลดผ่าน `fetch()` จาก JSON — ต้องรัน ผ่านเว็บเซิร์ฟเวอร์เล็กๆ (มีให้แล้ว): `node .claude/server.js` แล้วเปิด `http://localhost:4612` หรือใช้ `npx serve` / VS Code Live Server ก็ได้ ## โครงสร้างไฟล์ ``` index.html หน้าแรก (hero, ทรัพย์เด่น 6 รายการ, วีซ่า, ขั้นตอน, about, FAQ, ฟอร์ม) properties.html อสังหาฯ ทั้งหมด — filter (สถานะ/ชนิด/ทำเล/ห้องนอน/งบ) + ค้นหา + เรียงราคา property.html รายละเอียดทรัพย์รายตัว (?ref=CODE) — แกลเลอรี, สเปก, การถือครองต่างชาติ, ทรัพย์คล้าย privacy.html · terms.html หน้ากฎหมาย (PDPA) 404.html หน้า 404 แบรนด์ assets/css/styles.css ธีม/ดีไซน์ทั้งหมด (ปรับสี/สเกลที่ตัวแปร :root ด้านบนไฟล์) assets/js/app.js ภาษา 3 ภาษา / เมนู / ฟอร์มทีละขั้น / โหลด+กรอง+เรียงทรัพย์ / รายละเอียด / FAQ assets/data/properties.json ข้อมูลทรัพย์ทั้งหมด 45 รายการ (แก้ไฟล์นี้โดยตรง) assets/img/properties/ รูปภาพทรัพย์ vercel.json redirect + security headers + cache รูป sitemap.xml · robot

โดย ratthakans · ดูโพสต์ต้นทาง