Merge version_1 into main #1
217
src/app/page.tsx
217
src/app/page.tsx
@@ -33,27 +33,18 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "หน้าแรก",
|
||||
id: "hero",
|
||||
},
|
||||
name: "หน้าแรก", id: "hero"},
|
||||
{
|
||||
name: "เกี่ยวกับเรา",
|
||||
id: "about",
|
||||
},
|
||||
name: "เกี่ยวกับเรา", id: "about"},
|
||||
{
|
||||
name: "เมนูแนะนำ",
|
||||
id: "menu",
|
||||
},
|
||||
name: "เมนูแนะนำ", id: "menu"},
|
||||
{
|
||||
name: "รีวิว",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "รีวิว", id: "testimonials"},
|
||||
{
|
||||
name: "ติดต่อ",
|
||||
id: "contact",
|
||||
},
|
||||
name: "ติดต่อ", id: "contact"},
|
||||
]}
|
||||
brandName="Gourmet Backyard"
|
||||
button={{ text: "จองโต๊ะ", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,37 +54,23 @@ export default function LandingPage() {
|
||||
description="ร้านติ่มซำและอาหารสไตล์โฮมเมดคุณภาพเยี่ยม ตั้งอยู่ใจกลางปัญญารีสอร์ท บางพระ สัมผัสประสบการณ์อาหารเช้าและมื้อกลางวันที่แสนอบอุ่น"
|
||||
buttons={[
|
||||
{
|
||||
text: "ดูเมนูของเรา",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "ดูเมนูของเรา", href: "#menu"},
|
||||
{
|
||||
text: "จองโต๊ะ",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "จองโต๊ะ", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/arrangement-delicious-asian-food_23-2149035113.jpg"
|
||||
imageAlt="ร้านอาหารบรรยากาศอบอุ่นท่ามกลางสวน"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg",
|
||||
alt: "Smiling customer 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-chain-necklace_23-2149409803.jpg", alt: "Smiling customer 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg",
|
||||
alt: "Smiling customer 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/positive-lifestyle-portrait-happy-exited-pretty-woman-with-pink-hairs-having-dinner-vintage-american-cafe-eating-hot-dog-french-fries-mil-shake-junk-food-cheat-meal-pastel-colors_291049-357.jpg", alt: "Smiling customer 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun-laughing-with-candid-smile_285396-10728.jpg",
|
||||
alt: "Smiling customer 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-pretty-stylish-smiling-woman-retro-vintage-50s-cafe-sitting-table-drinking-milk-shake-cocktail-wearing-pink-sunglasses-having-fun-laughing-with-candid-smile_285396-10728.jpg", alt: "Smiling customer 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg",
|
||||
alt: "Smiling customer 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-noodles_23-2149005440.jpg", alt: "Smiling customer 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",
|
||||
alt: "Smiling customer 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg", alt: "Smiling customer 5"},
|
||||
]}
|
||||
avatarText="ประทับใจกว่า 1,000+ รีวิวจากลูกค้าทั่วประเทศ"
|
||||
/>
|
||||
@@ -106,19 +83,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Coffee,
|
||||
label: "เปิดบริการทุกวัน",
|
||||
value: "07:30 - 20:00",
|
||||
},
|
||||
label: "เปิดบริการทุกวัน", value: "07:30 - 20:00"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "สถานที่",
|
||||
value: "ปัญญารีสอร์ท บางพระ",
|
||||
},
|
||||
label: "สถานที่", value: "ปัญญารีสอร์ท บางพระ"},
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "ราคาเฉลี่ย",
|
||||
value: "200-400 บาท",
|
||||
},
|
||||
label: "ราคาเฉลี่ย", value: "200-400 บาท"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,26 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "แนะนำ",
|
||||
title: "ติ่มซำระดับพรีเมียม",
|
||||
subtitle: "สูตรลับต้นตำรับ",
|
||||
description: "ติ่มซำทำสดใหม่ทุกวัน รสชาติกลมกล่อม วัตถุดิบคุณภาพสูง",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-traditional-asian-food_23-2148771243.jpg",
|
||||
},
|
||||
tag: "แนะนำ", title: "ติ่มซำระดับพรีเมียม", subtitle: "สูตรลับต้นตำรับ", description: "ติ่มซำทำสดใหม่ทุกวัน รสชาติกลมกล่อม วัตถุดิบคุณภาพสูง", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-traditional-asian-food_23-2148771243.jpg"},
|
||||
{
|
||||
tag: "ยอดนิยม",
|
||||
title: "พิซซ่าเตาถ่านโฮมเมด",
|
||||
subtitle: "สไตล์นโปเลียน",
|
||||
description: "แป้งบางนุ่มขอบหนา อบใหม่จากเตาหอมกรุ่น สั่งจองล่วงหน้าเพื่อความสมบูรณ์แบบ",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305631.jpg",
|
||||
},
|
||||
tag: "ยอดนิยม", title: "พิซซ่าเตาถ่านโฮมเมด", subtitle: "สไตล์นโปเลียน", description: "แป้งบางนุ่มขอบหนา อบใหม่จากเตาหอมกรุ่น สั่งจองล่วงหน้าเพื่อความสมบูรณ์แบบ", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-italian-pizza-table_23-2148305631.jpg"},
|
||||
{
|
||||
tag: "เครื่องดื่ม",
|
||||
title: "กาแฟสดและสมุนไพร",
|
||||
subtitle: "เครื่องดื่มสดชื่น",
|
||||
description: "ปิดท้ายมื้ออาหารด้วยเครื่องดื่มที่คัดสรรมาให้คุณสดชื่นตลอดวัน",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dumplings-with-copy-space_23-2148694408.jpg",
|
||||
},
|
||||
tag: "เครื่องดื่ม", title: "กาแฟสดและสมุนไพร", subtitle: "เครื่องดื่มสดชื่น", description: "ปิดท้ายมื้ออาหารด้วยเครื่องดื่มที่คัดสรรมาให้คุณสดชื่นตลอดวัน", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-traditional-asian-dumplings-with-copy-space_23-2148694408.jpg"},
|
||||
]}
|
||||
title="เมนูซิกเนเจอร์"
|
||||
description="อาหารคัดสรรพิเศษเพื่อคุณ ตั้งแต่ติ่มซำสูตรลับไปจนถึงพิซซ่านโปเลียนแป้งบางกรอบ"
|
||||
@@ -164,41 +120,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "บะหมี่หมูแดงฉ่ำ",
|
||||
price: "120 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-arrangement_23-2149035097.jpg",
|
||||
},
|
||||
id: "p1", name: "บะหมี่หมูแดงฉ่ำ", price: "120 บาท", imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-arrangement_23-2149035097.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "ซาลาเปาไส้ลาวา",
|
||||
price: "45 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-assortment_23-2149035105.jpg",
|
||||
},
|
||||
id: "p2", name: "ซาลาเปาไส้ลาวา", price: "45 บาท", imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-assortment_23-2149035105.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "บักกุดเต๋สมุนไพร",
|
||||
price: "180 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-composition_23-2149035108.jpg",
|
||||
},
|
||||
id: "p3", name: "บักกุดเต๋สมุนไพร", price: "180 บาท", imageSrc: "http://img.b2bpic.net/free-photo/delicious-asian-food-composition_23-2149035108.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "ฟองเต้าหู้ทอด",
|
||||
price: "95 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/filter-steamer-vintage-china-hongkong_1203-3924.jpg",
|
||||
},
|
||||
id: "p4", name: "ฟองเต้าหู้ทอด", price: "95 บาท", imageSrc: "http://img.b2bpic.net/free-photo/filter-steamer-vintage-china-hongkong_1203-3924.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "ผักโขมอบชีส",
|
||||
price: "150 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table_23-2150857702.jpg",
|
||||
},
|
||||
id: "p5", name: "ผักโขมอบชีส", price: "150 บาท", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-food-table_23-2150857702.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "ปลานึ่งซีอิ๊ว",
|
||||
price: "250 บาท",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-vintage-box_501050-6.jpg",
|
||||
},
|
||||
id: "p6", name: "ปลานึ่งซีอิ๊ว", price: "250 บาท", imageSrc: "http://img.b2bpic.net/free-photo/marshmallows-vintage-box_501050-6.jpg"},
|
||||
]}
|
||||
title="เมนูอื่นๆ ของเรา"
|
||||
description="หลากหลายเมนูที่พร้อมเสิร์ฟความสุขให้กับคุณในทุกๆ วัน"
|
||||
@@ -212,45 +144,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Wan Likitdachawat",
|
||||
handle: "@Wan",
|
||||
testimonial: "บรรยากาศดีมาก ลมเย็นสบาย อาหารอร่อย ติ่มซำดีมาก",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg",
|
||||
},
|
||||
id: "1", name: "Wan Likitdachawat", handle: "@Wan", testimonial: "บรรยากาศดีมาก ลมเย็นสบาย อาหารอร่อย ติ่มซำดีมาก", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-laughing-woman-retro-vintage-50-s-cafe-sitting-table_285396-10451.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "จาพาไป",
|
||||
handle: "@Ja",
|
||||
testimonial: "พิซซ่า กับ ติ๋มซำ รสชาติอร่อยมาก!!!!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg",
|
||||
},
|
||||
id: "2", name: "จาพาไป", handle: "@Ja", testimonial: "พิซซ่า กับ ติ๋มซำ รสชาติอร่อยมาก!!!!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-discussing-with-waiter-who-is-serving-her-food-pub_637285-6627.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "nopporn apibanphuthon",
|
||||
handle: "@Nopporn",
|
||||
testimonial: "ซาลาเปาทอดไส้ไข่เค็มลาวาอร่อยมาก พิซซ่าสไตล์นโปลี แป้งบาง ขอบหนานุ่ม",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-young-woman-with-pinklipstick_291049-2385.jpg",
|
||||
},
|
||||
id: "3", name: "nopporn apibanphuthon", handle: "@Nopporn", testimonial: "ซาลาเปาทอดไส้ไข่เค็มลาวาอร่อยมาก พิซซ่าสไตล์นโปลี แป้งบาง ขอบหนานุ่ม", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-cheerful-young-woman-with-pinklipstick_291049-2385.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thanwachai Anuyoon",
|
||||
handle: "@Thanwachai",
|
||||
testimonial: "อร่อยจริงๆ อร่อยตะโกนนนนนนน บักกุ๊ดเต๋กับปลานึ่งซีอิ๊วคือที่สุด",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg",
|
||||
},
|
||||
id: "4", name: "Thanwachai Anuyoon", handle: "@Thanwachai", testimonial: "อร่อยจริงๆ อร่อยตะโกนนนนนนน บักกุ๊ดเต๋กับปลานึ่งซีอิ๊วคือที่สุด", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-red-bow-tie_1298-359.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nata Nimnoi",
|
||||
handle: "@Nata",
|
||||
testimonial: "บักกุดเต๋คือดีย์ ละมุน เป็นร้านติ่มซำที่มินิมอลมินิใจสุดๆ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg",
|
||||
},
|
||||
id: "5", name: "Nata Nimnoi", handle: "@Nata", testimonial: "บักกุดเต๋คือดีย์ ละมุน เป็นร้านติ่มซำที่มินิมอลมินิใจสุดๆ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-beer-eating-olives_23-2147680959.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="สิ่งที่ลูกค้าประทับใจ"
|
||||
@@ -264,25 +171,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "ร้าน Gourmet Backyard อยู่ที่ไหน?",
|
||||
content: "ตั้งอยู่ในโครงการหมู่บ้านปัญญารีสอร์ท ต.บางพระ จ.ชลบุรี",
|
||||
},
|
||||
id: "1", title: "ร้าน Gourmet Backyard อยู่ที่ไหน?", content: "ตั้งอยู่ในโครงการหมู่บ้านปัญญารีสอร์ท ต.บางพระ จ.ชลบุรี"},
|
||||
{
|
||||
id: "2",
|
||||
title: "ต้องแลกบัตรเข้าหมู่บ้านไหม?",
|
||||
content: "ต้องแลกบัตรเข้าหมู่บ้านกับเจ้าหน้าที่รักษาความปลอดภัย แจ้งว่ามาทานร้าน Gourmet Backyard ได้เลยครับ",
|
||||
},
|
||||
id: "2", title: "ต้องแลกบัตรเข้าหมู่บ้านไหม?", content: "ต้องแลกบัตรเข้าหมู่บ้านกับเจ้าหน้าที่รักษาความปลอดภัย แจ้งว่ามาทานร้าน Gourmet Backyard ได้เลยครับ"},
|
||||
{
|
||||
id: "3",
|
||||
title: "ร้านเปิดกี่โมง?",
|
||||
content: "เปิดบริการทุกวัน ตั้งแต่เวลา 07:30 น. จนถึง 20:00 น.",
|
||||
},
|
||||
id: "3", title: "ร้านเปิดกี่โมง?", content: "เปิดบริการทุกวัน ตั้งแต่เวลา 07:30 น. จนถึง 20:00 น."},
|
||||
{
|
||||
id: "4",
|
||||
title: "จองโต๊ะล่วงหน้าได้ที่ไหน?",
|
||||
content: "จองผ่าน LINE @gourmetbackyard หรือโทร 065-652-6659 (เฉพาะวันธรรมดา)",
|
||||
},
|
||||
id: "4", title: "จองโต๊ะล่วงหน้าได้ที่ไหน?", content: "จองผ่าน LINE @gourmetbackyard หรือโทร 065-652-6659 (เฉพาะวันธรรมดา)"},
|
||||
]}
|
||||
title="คำถามที่พบบ่อย"
|
||||
description="ข้อมูลสำคัญสำหรับการมาใช้บริการที่ร้าน"
|
||||
@@ -297,20 +192,11 @@ export default function LandingPage() {
|
||||
tag="คุณภาพที่ลูกค้าไว้วางใจ"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
description: "เมนูอาหารและเครื่องดื่ม",
|
||||
},
|
||||
id: "m1", value: "100+", description: "เมนูอาหารและเครื่องดื่ม"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5.0",
|
||||
description: "คะแนนความพึงพอใจลูกค้า",
|
||||
},
|
||||
id: "m2", value: "5.0", description: "คะแนนความพึงพอใจลูกค้า"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "Daily",
|
||||
description: "เปิดให้บริการทุกวัน",
|
||||
},
|
||||
id: "m3", value: "Daily", description: "เปิดให้บริการทุกวัน"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -320,18 +206,13 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="สำรองที่นั่งหรือสอบถามข้อมูลเพิ่มเติมได้ที่นี่ โทรเลย 065-652-6659"
|
||||
buttons={[
|
||||
{
|
||||
text: "โทรติดต่อ",
|
||||
href: "tel:0656526659",
|
||||
},
|
||||
text: "โทรติดต่อ", href: "tel:0656526659"},
|
||||
{
|
||||
text: "เพิ่มเพื่อน LINE",
|
||||
href: "https://line.me/R/ti/p/@gourmetbackyard",
|
||||
},
|
||||
text: "เพิ่มเพื่อน LINE", href: "https://line.me/R/ti/p/@gourmetbackyard"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -343,14 +224,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://facebook.com/Gourmetbacyard",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
href: "https://facebook.com/Gourmetbacyard", ariaLabel: "Facebook"},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "https://instagram.com/gourmetbackyrd",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "https://instagram.com/gourmetbackyrd", ariaLabel: "Instagram"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user