Bakery Website 🍪 - Landing Page

เว็บไซต์ร้านขนมปังแบบ Responsive Landing Page ฝึกการสร้างหน้าเว็บสวยงามด้วย HTML, CSS, และ JavaScript พร้อม Animation , UI/UX เบื้องต้น

Sections

• Hero Section: แนะนำร้านขนมปังด้วยภาพและข้อความโดดเด่น
• News Section: แสดงเมนูขนมปังใหม่ล่าสุด
• About Section: ข้อมูลเกี่ยวกับร้านและแนวคิด
• Favorites Section: ราคาขนมปังและเมนูยอดนิยม
• Visit Section: ที่อยู่และแผนที่ร้าน

Features

• Responsive Design: รองรับการแสดงผลทุกขนาดหน้าจอ
• Navbar Toggle: ใช้ JavaScript ทำเมนูแบบเปิด-ปิด
• Scroll Effects:
  • ปุ่มกลับขึ้นด้านบน
  • Header blur เมื่อเลื่อนหน้าจอ
  • Fade In animation ด้วย ScrollReveal
• Design System: ใช้ CSS Variables จัดการสีและฟอนต์

Tech Stack

• HTML
• CSS (with CSS Variables for Design System)
• JavaScript (Navbar toggle, scroll effects)
• ScrollReveal.js (for fade-in animations)