Sundial Coffee Landing Pack · 5 หน้าคาเฟ่ specialty

ที่ได้ในแพ็ค (4 ไฟล์)

• Sundial Landing.html · preview แบบ live เปิดเบราว์เซอร์ดูได้
• sundial-long.png · รวมทุกหน้าเป็นรูปยาว 1 ไฟล์
• prompt.txt · prompt ต้นฉบับ ปรับชื่อร้าน/เมนูใช้ต่อได้
• README.md · คู่มือใช้กับ Cursor/Claude/v0

Style

Warm minimal · soft beige + coffee brown · serif heading + Plex Sans Thai body · airy spacing · responsive

Palette

• bg: #faf6f0 (cream)
• accent: #6b4226 (coffee brown)
• highlight: #84a98c (sage)
• surface: white + border #e7e0d4
• text: #2d2520 · muted #7a6f65

5 หน้าที่ได้

1. Hero · headline serif + CTA + รูปลาเต้อาร์ทใหญ่
2. Menu · tabs (Coffee/Tea/Bakery) · card 6 ใบต่อแท็บ
3. Our Story · barista portrait + 3 paragraph + timeline
4. Location & Hours · minimal map + ที่อยู่ + เวลา + ลิงก์ IG/Line
5. Instagram + Footer · 3x2 grid + newsletter signup

ใช้ยังไง (3 ขั้น)

1. unzip → ลากรูป PNG เข้า Cursor หรือ Claude
2. พิมพ์ "Build this in Next.js + Tailwind"
3. AI generate React code ใน 10 วินาที · paste ลง app/page.tsx

หรือเปิด prompt.txt → ปรับชื่อร้าน/เมนู/สี → ขอ AI generate ใหม่

เหมาะกับใคร

• เจ้าของคาเฟ่ที่อยากมีเว็บแทน Instagram bio link
• founder ทำ MVP ร้าน F&B
• vibe coder รับงานทำเว็บคาเฟ่ ขายต่อให้ลูกค้า

License

ซื้อ 1 ครั้ง · ใช้ได้ไม่จำกัดโปรเจกต์ · ห้ามขายต่อในรูปแบบเดียวกัน