Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 2841b9e972 |
232
src/app/page.tsx
232
src/app/page.tsx
@@ -30,26 +30,13 @@ export default function LandingPage() {
|
|||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{ name: "Home", id: "home" },
|
||||||
name: "Home",
|
{ name: "About", id: "about" },
|
||||||
id: "home",
|
{ name: "Menu", id: "menu" },
|
||||||
},
|
{ name: "Stats", id: "metrics" },
|
||||||
{
|
{ name: "Reviews", id: "reviews" },
|
||||||
name: "About",
|
{ name: "FAQ", id: "faq" },
|
||||||
id: "about",
|
{ name: "Contact", id: "contact" },
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Menu",
|
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Reviews",
|
|
||||||
id: "reviews",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="MAMAFA"
|
brandName="MAMAFA"
|
||||||
/>
|
/>
|
||||||
@@ -57,46 +44,20 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardCarousel
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{ variant: "rotated-rays-static" }}
|
||||||
variant: "rotated-rays-static",
|
|
||||||
}}
|
|
||||||
title="Chocolate Experience in Chiang Rai"
|
title="Chocolate Experience in Chiang Rai"
|
||||||
description="คาเฟ่ช็อกโกแลตอบอุ่น สำหรับทุกช่วงเวลา สัมผัสรสชาติแห่งความสุขที่ MAMAFA"
|
description="คาเฟ่ช็อกโกแลตอบอุ่น สำหรับทุกช่วงเวลา สัมผัสรสชาติแห่งความสุขที่ MAMAFA"
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{ text: "โทรเลย", href: "tel:0812345678" },
|
||||||
text: "โทรเลย",
|
{ text: "ดูเส้นทาง", href: "https://maps.google.com" },
|
||||||
href: "tel:0812345678",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
text: "ดูเส้นทาง",
|
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-blanket_23-2148311997.jpg", imageAlt: "Signature Chocolate Drink" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-cup-with-blanket_23-2148311997.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milk-glass-with-cookies_23-2148356788.jpg", imageAlt: "Artisan Chocolate Menu" },
|
||||||
imageAlt: "Signature Chocolate Drink",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-surrounded-by-chocolate-truffles-bonbons_23-2148019546.jpg", imageAlt: "Premium Brownie" },
|
||||||
},
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cocoa-glass-table_23-2147985571.jpg", imageAlt: "Signature Iced Cocoa" },
|
||||||
{
|
{ imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-berry-dessert-wood-table-generated-by-ai_188544-18105.jpg", imageAlt: "Fresh Chocolate Tart" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-milk-glass-with-cookies_23-2148356788.jpg",
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg", imageAlt: "Hot Cocoa Delight" },
|
||||||
imageAlt: "Artisan Chocolate Menu",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-surrounded-by-chocolate-truffles-bonbons_23-2148019546.jpg",
|
|
||||||
imageAlt: "Premium Brownie",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cocoa-glass-table_23-2147985571.jpg",
|
|
||||||
imageAlt: "Signature Iced Cocoa",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/rustic-homemade-baked-berry-dessert-wood-table-generated-by-ai_188544-18105.jpg",
|
|
||||||
imageAlt: "Fresh Chocolate Tart",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-hot-beverage_23-2149271443.jpg",
|
|
||||||
imageAlt: "Hot Cocoa Delight",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -107,18 +68,9 @@ export default function LandingPage() {
|
|||||||
title="จุดเริ่มต้นของ MAMAFA"
|
title="จุดเริ่มต้นของ MAMAFA"
|
||||||
description="เราเชื่อในพลังของช็อกโกแลตคุณภาพเยี่ยมที่คัดสรรจากแหล่งที่ดีที่สุด เพื่อสร้างประสบการณ์ที่อบอุ่นและน่าประทับใจให้กับชาวเชียงรายและนักท่องเที่ยวทุกคน"
|
description="เราเชื่อในพลังของช็อกโกแลตคุณภาพเยี่ยมที่คัดสรรจากแหล่งที่ดีที่สุด เพื่อสร้างประสบการณ์ที่อบอุ่นและน่าประทับใจให้กับชาวเชียงรายและนักท่องเที่ยวทุกคน"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "5+", title: "ปีแห่งความเชี่ยวชาญ" },
|
||||||
value: "5+",
|
{ value: "100%", title: "ใช้วัตถุดิบพรีเมียม" },
|
||||||
title: "ปีแห่งความเชี่ยวชาญ",
|
{ value: "5.0", title: "คะแนนรีวิว" },
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "100%",
|
|
||||||
title: "ใช้วัตถุดิบพรีเมียม",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "5.0",
|
|
||||||
title: "คะแนนรีวิว",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-black-man-chief-use-professional-vintage-separator-split-chocolate-cake-equal-portions-before-packaging-artisan-cooking-process-confectionery_346278-646.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/side-view-black-man-chief-use-professional-vintage-separator-split-chocolate-cake-equal-portions-before-packaging-artisan-cooking-process-confectionery_346278-646.jpg"
|
||||||
imageAlt="บรรยากาศร้าน MAMAFA"
|
imageAlt="บรรยากาศร้าน MAMAFA"
|
||||||
@@ -132,42 +84,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="two-columns-alternating-heights"
|
gridVariant="two-columns-alternating-heights"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{ id: "1", name: "Signature Hot Cocoa", price: "95.-", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-drink_114579-16614.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Classic Brownie", price: "75.-", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg" },
|
||||||
name: "Signature Hot Cocoa",
|
{ id: "3", name: "Iced Dark Chocolate", price: "105.-", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-milkshake-glasses-tray-with-mint_23-2148707822.jpg" },
|
||||||
price: "95.-",
|
{ id: "4", name: "Chocolate Tart", price: "120.-", imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-dessert_114579-4367.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-black-background-with-drink_114579-16614.jpg",
|
{ id: "5", name: "Premium Hot Cocoa", price: "110.-", imageSrc: "http://img.b2bpic.net/free-photo/cup-with-marshmallows-near-spoon-fir-twigs-snags_23-2147960005.jpg" },
|
||||||
},
|
{ id: "6", name: "Selection Box", price: "250.-", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-strawberries-round-chocolates-oval-plate-bowls-with-candies-strawberries-chocolates-cereals-cup-tea-notebook-pencil-grey-white-table_140725-90114.jpg" },
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Classic Brownie",
|
|
||||||
price: "75.-",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-cup-brazilian-acai-dessert_23-2150168781.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Iced Dark Chocolate",
|
|
||||||
price: "105.-",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-milkshake-glasses-tray-with-mint_23-2148707822.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "Chocolate Tart",
|
|
||||||
price: "120.-",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-dessert_114579-4367.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Premium Hot Cocoa",
|
|
||||||
price: "110.-",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cup-with-marshmallows-near-spoon-fir-twigs-snags_23-2147960005.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "6",
|
|
||||||
name: "Selection Box",
|
|
||||||
price: "250.-",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cookies-strawberries-round-chocolates-oval-plate-bowls-with-candies-strawberries-chocolates-cereals-cup-tea-notebook-pencil-grey-white-table_140725-90114.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="เมนูแนะนำ"
|
title="เมนูแนะนำ"
|
||||||
description="สัมผัสความเข้มข้นในแบบที่คุณชอบ"
|
description="สัมผัสความเข้มข้นในแบบที่คุณชอบ"
|
||||||
@@ -181,21 +103,9 @@ export default function LandingPage() {
|
|||||||
gridVariant="bento-grid"
|
gridVariant="bento-grid"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ id: "m1", value: "Specialty", description: "คัดสรรเมล็ดโกโก้คุณภาพสูงสุด" },
|
||||||
id: "m1",
|
{ id: "m2", value: "Cozy", description: "บรรยากาศอบอุ่น เหมือนนั่งพักที่บ้าน" },
|
||||||
value: "Specialty",
|
{ id: "m3", value: "Friendly", description: "ต้อนรับทุกท่านด้วยใจและเป็นกันเอง" },
|
||||||
description: "คัดสรรเมล็ดโกโก้คุณภาพสูงสุด",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "Cozy",
|
|
||||||
description: "บรรยากาศอบอุ่น เหมือนนั่งพักที่บ้าน",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "Friendly",
|
|
||||||
description: "ต้อนรับทุกท่านด้วยใจและเป็นกันเอง",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="ทำไมต้องมา MAMAFA"
|
title="ทำไมต้องมา MAMAFA"
|
||||||
description="เหตุผลที่คุณควรมาสัมผัสช็อกโกแลตของเรา"
|
description="เหตุผลที่คุณควรมาสัมผัสช็อกโกแลตของเรา"
|
||||||
@@ -206,31 +116,11 @@ export default function LandingPage() {
|
|||||||
<TestimonialCardTwelve
|
<TestimonialCardTwelve
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{ id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg" },
|
||||||
id: "1",
|
{ id: "2", name: "Michael C.", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg" },
|
||||||
name: "Sarah J.",
|
{ id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-student-with-laptop-computer-drink-coffee-cafe_231208-11107.jpg" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-with-tablet_23-2149927583.jpg",
|
{ id: "4", name: "David K.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-coffee-night-out_23-2149144024.jpg" },
|
||||||
},
|
{ id: "5", name: "Anna T.", imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-young-asian-pretty-woman-her-girlfriend-sitting-front-tent-use-mobile-phone-take-photo-camping-forest-with-happiness-together_1150-61628.jpg" },
|
||||||
{
|
|
||||||
id: "2",
|
|
||||||
name: "Michael C.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
name: "Emily R.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-student-with-laptop-computer-drink-coffee-cafe_231208-11107.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "4",
|
|
||||||
name: "David K.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-drinking-coffee-night-out_23-2149144024.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "5",
|
|
||||||
name: "Anna T.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-young-asian-pretty-woman-her-girlfriend-sitting-front-tent-use-mobile-phone-take-photo-camping-forest-with-happiness-together_1150-61628.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="สิ่งที่ลูกค้าพูดถึงเรา"
|
cardTitle="สิ่งที่ลูกค้าพูดถึงเรา"
|
||||||
cardTag="Reviews"
|
cardTag="Reviews"
|
||||||
@@ -243,21 +133,9 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{ id: "f1", title: "ร้านตั้งอยู่ที่ไหน?", content: "129/2 ถนนราชโยธา ต.รอบเวียง อ.เมืองเชียงราย 57000" },
|
||||||
id: "f1",
|
{ id: "f2", title: "มีที่จอดรถไหม?", content: "เรามีพื้นที่จอดรถสะดวกสบายสำหรับลูกค้าทุกท่าน" },
|
||||||
title: "ร้านตั้งอยู่ที่ไหน?",
|
{ id: "f3", title: "เปิด-ปิดกี่โมง?", content: "เปิดให้บริการทุกวัน ตั้งแต่ 08:00 - 18:00 น." },
|
||||||
content: "129/2 ถนนราชโยธา ต.รอบเวียง อ.เมืองเชียงราย 57000",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f2",
|
|
||||||
title: "มีที่จอดรถไหม?",
|
|
||||||
content: "เรามีพื้นที่จอดรถสะดวกสบายสำหรับลูกค้าทุกท่าน",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "f3",
|
|
||||||
title: "เปิด-ปิดกี่โมง?",
|
|
||||||
content: "เปิดให้บริการทุกวัน ตั้งแต่ 08:00 - 18:00 น.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-holding-cups_23-2149144918.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/close-up-women-holding-cups_23-2149144918.jpg"
|
||||||
imageAlt="Cafe FAQ"
|
imageAlt="Cafe FAQ"
|
||||||
@@ -270,9 +148,7 @@ export default function LandingPage() {
|
|||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{ variant: "plain" }}
|
||||||
variant: "plain",
|
|
||||||
}}
|
|
||||||
tag="Contact"
|
tag="Contact"
|
||||||
title="ติดต่อสอบถาม"
|
title="ติดต่อสอบถาม"
|
||||||
description="พูดคุยหรือสอบถามข้อมูลเพิ่มเติมได้ที่นี่"
|
description="พูดคุยหรือสอบถามข้อมูลเพิ่มเติมได้ที่นี่"
|
||||||
@@ -286,39 +162,19 @@ export default function LandingPage() {
|
|||||||
logoText="MAMAFA"
|
logoText="MAMAFA"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "ร้าน",
|
title: "ร้าน", items: [
|
||||||
items: [
|
{ label: "About", href: "#about" },
|
||||||
{
|
{ label: "Menu", href: "#menu" },
|
||||||
label: "About",
|
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Menu",
|
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "ติดต่อ",
|
title: "ติดต่อ", items: [
|
||||||
items: [
|
{ label: "โทร 0812345678", href: "tel:0812345678" },
|
||||||
{
|
{ label: "Facebook", href: "#" },
|
||||||
label: "โทร 0812345678",
|
|
||||||
href: "tel:0812345678",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Facebook",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "ที่ตั้ง",
|
title: "ที่ตั้ง", items: [{ label: "Google Maps", href: "https://maps.google.com" }],
|
||||||
items: [
|
|
||||||
{
|
|
||||||
label: "Google Maps",
|
|
||||||
href: "https://maps.google.com",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user