เข้าไปดูเว็บต้นฉบับที่ลิงก์นี้: [วางลิงก์ที่นี่]
จากนั้นสร้าง HTML Template สำหรับโพสต์ขายบริการบนเว็บเทพช็อป (LnwShop)
โดยใช้ข้อมูลจากเว็บต้นฉบับ ตามข้อกำหนดนี้ทุกข้อ:
═══════════════════════════════
📐 โครงสร้างที่ต้องมีครบ (เรียงตามลำดับ)
═══════════════════════════════
1. HERO BANNER
- ใช้ IMG_01 เป็นภาพพื้นหลัง (placehold.co จำลอง สูง 230px)
- ทับด้วย gradient สีธีมของธุรกิจนั้น
- แสดงชื่อบริการ + จังหวัด + สโลแกน
2. ปุ่มโทร + LINE (2 ปุ่มใหญ่ เคียงกัน)
- โทร: href="tel:+66[เบอร์โทรจากเว็บ]"
- LINE: href="
https://line.me/ti/p/~[LINE ID จากเว็บ]"
- ใช้ <table> layout เพื่อให้กดได้ทุกอุปกรณ์
- ปุ่มโทร: สีส้ม gradient
- ปุ่ม LINE: สีเขียว gradient
3. แถบเวลาทำการ
- ดึงเวลาจากเว็บต้นฉบับ (ถ้าไม่มีใช้ 07:00–19:00 น.)
4. จุดเด่น 4 ช่อง (2x2 grid)
- ดึงจุดเด่นจากเว็บต้นฉบับ
- แต่ละช่องมีไอคอน emoji + หัวข้อ + รายละเอียด
5. ส่วนบริการ + IMG_02 IMG_03 (รูปคู่)
- แสดงบริการทั้งหมดที่มีในเว็บต้นฉบับ
- มีรูปจำลอง 2 ภาพเคียงกัน พร้อมป้ายชื่อบริการ
6. IMG_04 แบนเนอร์คั่น (สีธีม ทับข้อความราคา)
7. ตารางราคามาตรฐาน
- ดึงราคาจากเว็บต้นฉบับ (ถ้าไม่มีให้หาราคาตลาดทั่วไป)
- มีคอลัมน์: ประเภทบริการ / ราคา / เหมาะกับ
- มีกล่องตัวอย่างราคารวม (พื้นหลังสีเข้ม)
8. แกลเลอรี่ผลงาน 6 ภาพ (IMG_05–10)
- แถว 1: ภาพใหญ่ 1 ใบ + ภาพเล็ก 2 ใบ (ซ้อนกัน)
- แถว 2: ภาพเล็ก 3 ใบเรียงกัน
- แต่ละภาพมีป้ายชื่อบริการ (overlay สีเข้ม)
- ปุ่ม "สอบถามรายละเอียด" ด้านล่าง
9. IMG_11 แบนเนอร์คั่น (ก่อน FAQ สีน้ำเงิน)
10. FAQ คำถามที่พบบ่อย (อย่างน้อย 5 ข้อ)
- ดึงหรือสร้างคำถามที่เกี่ยวข้องกับบริการนั้น
- แต่ละข้อมีสีพื้นหลังสลับกัน
11. รีวิวลูกค้า 3 รีวิว
- รีวิวที่ 1: มี IMG_12 ด้านบน + ปุ่มโทร
- รีวิวที่ 2: มี IMG_13 ด้านบน + ปุ่ม LINE
- รีวิวที่ 3: ไม่มีรูป + ปุ่มโทร
- ทุกรีวิวมีดาว ★★★★★ + ข้อความ + ชื่อลูกค้า + จังหวัด
12. IMG_14 แบนเนอร์คั่น (ก่อนขั้นตอน สีม่วง)
13. ขั้นตอนการสั่งงาน 4 ขั้น
- วงกลมหมายเลข + ชื่อขั้นตอน + รายละเอียด
- สีพื้นหลังแต่ละขั้นต่างกัน
14. ปุ่ม CTA ใหญ่ด้านล่าง
- พื้นหลัง gradient สีเข้ม
- ปุ่มโทร + ปุ่ม LINE ขนาดใหญ่
- กล่องเวลาทำการ + พื้นที่บริการ
15. SEO Keywords ซ่อนท้ายหน้า (สีขาว)
═══════════════════════════════
🎨 กฎการออกแบบ
═══════════════════════════════
- ใช้ INLINE CSS ทั้งหมด (ห้ามใช้ <style> tag)
- ใช้ <table> layout สำหรับ 2 คอลัมน์ (ไม่ใช้ flexbox/grid)
- ภาพจำลองทุกจุดใช้:
https://placehold.co/[กว้าง]x[สูง]/[สีพื้น]/ffffff?text=📸+IMG_XX+%0A[คำอธิบาย]
- ปุ่มโทร: href="tel:+66[เบอร์]" ห้ามมีขีด (-) ในเบอร์
- ปุ่ม LINE: href="
https://line.me/ti/p/~[LINE ID]"
- สีธีม: เลือกให้เหมาะกับธุรกิจ (เขียว=ธรรมชาติ, น้ำเงิน=มืออาชีพ, ส้ม=อาหาร ฯลฯ)
- font-family: Sarabun, sans-serif
- max-width: 800px, margin: 0 auto
═══════════════════════════════
📝 Placeholder ที่ต้องเปลี่ยนเมื่อใช้งานจริง
═══════════════════════════════
- {{จังหวัด}} → ชื่อจังหวัด/พื้นที่จริง
- IMG_01 ถึง IMG_14 → URL รูปจริงจากเว็บ
(วิธีเอา URL: คลิกขวาที่รูปในเว็บ → Copy image address)
═══════════════════════════════
⚙️ Output ที่ต้องการ
═══════════════════════════════
ส่งออกเป็น HTML ไฟล์เดียว ครบสมบูรณ์ พร้อมใช้งาน
ไม่ต้องอธิบาย ไม่ต้องขออนุญาต สร้างได้เลย
กระทู้เมื่อเร็วๆ นี้