bender/aabe6add-63b9-4870-8a5f-99ee22abc52e
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-15 12:59:20 +00:00
parent 4b0de397ac
commit d2c4a14edd
1 changed files with 139 additions and 357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

496
src/app/page.tsx
View File

@@ -28,371 +28,153 @@ export default function LandingPage() {
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="MAMAFA"
/>
</div>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" }
]}
brandName="MAMAFA"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="MAMAFA: Crafting Chocolate Moments"
description="Indulge in artisanal chocolate drinks and cozy vibes in the heart of Chiang Rai. Where every sip tells a story."
testimonials={[
{
name: "Kamonrat Jenjai",
handle: "@kamonrat",
testimonial: "เครื่องดื่มอร่อยมากกกกกกกก สดชื่น!!!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-street_1303-8997.jpg?_wi=1",
},
{
name: "Patchakornnn",
handle: "@patchakornnn",
testimonial: "เริ่ดมากค้าาา อร่อย จัดร้านสวยบรรยากาศดีเว่อ",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-smiling-while-looking-her-smartphone_1157-1189.jpg?_wi=1",
},
{
name: "Sutinee Sak",
handle: "@sutinee",
testimonial: "Chocolate here is the best in town, very authentic.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-saying-hello-cafe_1098-21753.jpg?_wi=1",
},
{
name: "Alex W.",
handle: "@alexw",
testimonial: "Cozy atmosphere, perfect for reading a book.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg?_wi=1",
},
{
name: "Jirayu P.",
handle: "@jirayu",
testimonial: "The signature dark cocoa is a must-try!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-cafe-reading-book-drinking-latte_169016-6278.jpg?_wi=1",
},
]}
buttons={[
{
text: "View Our Menu",
href: "#menu",
},
{
text: "Contact Us",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244551.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/cake-chocolate-cake-with-raspberry-jam_140725-1103.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/young-girl-typing-her-phone_1157-1192.jpg",
alt: "Customer 5",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroOverlayTestimonial
title="MAMAFA: Crafting Chocolate Moments"
description="Indulge in artisanal chocolate drinks and cozy vibes in the heart of Chiang Rai. Where every sip tells a story."
testimonials={[
{ name: "Kamonrat Jenjai", handle: "@kamonrat", testimonial: "เครื่องดื่มอร่อยมากกกกกกกก สดชื่น!!!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-street_1303-8997.jpg" },
{ name: "Patchakornnn", handle: "@patchakornnn", testimonial: "เริ่ดมากค้าาา อร่อย จัดร้านสวยบรรยากาศดีเว่อ", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-smiling-while-looking-her-smartphone_1157-1189.jpg" },
{ name: "Sutinee Sak", handle: "@sutinee", testimonial: "Chocolate here is the best in town, very authentic.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-saying-hello-cafe_1098-21753.jpg" },
{ name: "Alex W.", handle: "@alexw", testimonial: "Cozy atmosphere, perfect for reading a book.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg" },
{ name: "Jirayu P.", handle: "@jirayu", testimonial: "The signature dark cocoa is a must-try!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-cafe-reading-book-drinking-latte_169016-6278.jpg" }
]}
buttons={[{ text: "View Our Menu", href: "#menu" }, { text: "Contact Us", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/still-life-vintage-objects_23-2150244551.jpg"
avatars={[
{ src: "http://img.b2bpic.net/free-photo/empty-cafe-street-terrace-with-chairs-tables-guests_501050-570.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/cake-chocolate-cake-with-raspberry-jam_140725-1103.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/young-girl-typing-her-phone_1157-1192.jpg", alt: "Customer 5" }
]}
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Welcome to MAMAFA Chocolate Cafe"
description="More than just a cafe, MAMAFA is a passion project built on love for fine chocolate and community connection in Chiang Rai."
bulletPoints={[
{
title: "Artisan Quality",
description: "Premium cocoa sourced with care.",
},
{
title: "Community Vibe",
description: "Warm, inclusive space for everyone.",
},
{
title: "Local Heart",
description: "Proudly serving the Chiang Rai community.",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-using-app-tablet-computer_1098-17379.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<SplitAbout
textboxLayout="split"
useInvertedBackground={true}
title="Welcome to MAMAFA Chocolate Cafe"
description="More than just a cafe, MAMAFA is a passion project built on love for fine chocolate and community connection in Chiang Rai."
bulletPoints={[
{ title: "Artisan Quality", description: "Premium cocoa sourced with care." },
{ title: "Community Vibe", description: "Warm, inclusive space for everyone." },
{ title: "Local Heart", description: "Proudly serving the Chiang Rai community." }
]}
imageSrc="http://img.b2bpic.net/free-photo/attractive-young-woman-using-app-tablet-computer_1098-17379.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Dark Cocoa",
price: "฿85",
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg",
},
{
id: "2",
name: "Chocolate Lava Cake",
price: "฿120",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604551.jpg",
},
{
id: "3",
name: "Artisan Brownie",
price: "฿65",
imageSrc: "http://img.b2bpic.net/free-photo/half-left-view-plate-cookies-with-dry-flowers-cinnamons-chocolates-grey-ground_140725-129397.jpg",
},
{
id: "4",
name: "Iced Mochaccino",
price: "฿95",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-milkshake_23-2148635722.jpg",
},
{
id: "5",
name: "Chocolate Mousse Delight",
price: "฿110",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-plate-with-fork-coffee_23-2148579291.jpg",
},
{
id: "6",
name: "Signature Frappe",
price: "฿105",
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-5793.jpg",
},
]}
title="Our Signature Creations"
description="Explore our hand-crafted chocolate drinks and signature desserts."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{ id: "1", name: "Signature Dark Cocoa", price: "฿85", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-caramel-coffee-with-cream_140725-7518.jpg" },
{ id: "2", name: "Chocolate Lava Cake", price: "฿120", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chocolate-cake_23-2148604551.jpg" },
{ id: "3", name: "Artisan Brownie", price: "฿65", imageSrc: "http://img.b2bpic.net/free-photo/half-left-view-plate-cookies-with-dry-flowers-cinnamons-chocolates-grey-ground_140725-129397.jpg" },
{ id: "4", name: "Iced Mochaccino", price: "฿95", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chocolate-milkshake_23-2148635722.jpg" },
{ id: "5", name: "Chocolate Mousse Delight", price: "฿110", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-plate-with-fork-coffee_23-2148579291.jpg" },
{ id: "6", name: "Signature Frappe", price: "฿105", imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate-table_1339-5793.jpg" }
]}
title="Our Signature Creations"
description="Explore our hand-crafted chocolate drinks and signature desserts."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Kamonrat Jenjai",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-street_1303-8997.jpg?_wi=2",
},
{
id: "2",
name: "Patchakornnn Jitmanowan",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-smiling-while-looking-her-smartphone_1157-1189.jpg?_wi=2",
},
{
id: "3",
name: "สุทธินี ศักดิ์สูง",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-saying-hello-cafe_1098-21753.jpg?_wi=2",
},
{
id: "4",
name: "Anonymous",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg?_wi=2",
},
{
id: "5",
name: "Regular",
role: "Customer",
company: "Local",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-cafe-reading-book-drinking-latte_169016-6278.jpg?_wi=2",
},
]}
kpiItems={[
{
value: "5.0",
label: "Average Rating",
},
{
value: "16+",
label: "Five Star Reviews",
},
{
value: "100%",
label: "Love & Passion",
},
]}
title="What Our Friends Say"
description="Join our community of happy chocolate lovers."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{ id: "1", name: "Kamonrat Jenjai", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-with-coffee-street_1303-8997.jpg" },
{ id: "2", name: "Patchakornnn Jitmanowan", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-smiling-while-looking-her-smartphone_1157-1189.jpg" },
{ id: "3", name: "สุทธินี ศักดิ์สูง", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-saying-hello-cafe_1098-21753.jpg" },
{ id: "4", name: "Anonymous", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149144379.jpg" },
{ id: "5", name: "Regular", role: "Customer", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-cafe-reading-book-drinking-latte_169016-6278.jpg" }
]}
kpiItems={[
{ value: "5.0", label: "Average Rating" },
{ value: "16+", label: "Five Star Reviews" },
{ value: "100%", label: "Love & Passion" }
]}
title="What Our Friends Say"
description="Join our community of happy chocolate lovers."
/>
</div>
<div id="highlights" data-section="highlights">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
title: "Vinyl Music",
description: "Relax to soulful music from authentic vinyl records.",
icon: Music,
},
{
title: "LGBTQ+ Friendly",
description: "A safe and welcoming space for all our friends.",
icon: Heart,
},
{
title: "Warm Service",
description: "Personalized service with a genuine smile.",
icon: Smile,
},
]}
title="Experience MAMAFA"
description="We offer more than just a drink; we offer a sanctuary."
/>
</div>
<div id="highlights" data-section="highlights">
<FeatureBorderGlow
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Vinyl Music", description: "Relax to soulful music from authentic vinyl records.", icon: Music },
{ title: "LGBTQ+ Friendly", description: "A safe and welcoming space for all our friends.", icon: Heart },
{ title: "Warm Service", description: "Personalized service with a genuine smile.", icon: Smile }
]}
title="Experience MAMAFA"
description="We offer more than just a drink; we offer a sanctuary."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "1",
value: "16+",
title: "Happy Reviews",
items: [
"Loved by locals",
"Artisan quality",
],
},
{
id: "2",
value: "5.0",
title: "Rating",
items: [
"Highest satisfaction",
"Best service",
],
},
{
id: "3",
value: "100%",
title: "Happiness",
items: [
"Customer focus",
"Warm vibe",
],
},
]}
title="By The Numbers"
description="Our cafe in numbers."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardSeven
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "1", value: "16+", title: "Happy Reviews", items: ["Loved by locals", "Artisan quality"] },
{ id: "2", value: "5.0", title: "Rating", items: ["Highest satisfaction", "Best service"] },
{ id: "3", value: "100%", title: "Happiness", items: ["Customer focus", "Warm vibe"] }
]}
title="By The Numbers"
description="Our cafe in numbers."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us Today"
description="Ready to enjoy your chocolate fix? Visit our cafe or give us a call."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: true,
},
]}
imageSrc="http://img.b2bpic.net/free-photo/young-manager-girl-changing-sign-from-closed-open-sign-door-cafe-looking-outside-waiting-clients-after-lockdown_7861-3174.jpg"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Visit Us Today"
description="Ready to enjoy your chocolate fix? Visit our cafe or give us a call."
inputs={[
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "phone", type: "tel", placeholder: "Your Phone Number", required: true }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-manager-girl-changing-sign-from-closed-open-sign-door-cafe-looking-outside-waiting-clients-after-lockdown_7861-3174.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Quick Links",
items: [
{
label: "Home",
href: "#hero",
},
{
label: "Menu",
href: "#menu",
},
],
},
{
title: "Info",
items: [
{
label: "Location",
href: "#",
},
{
label: "Contact Us",
href: "#contact",
},
],
},
]}
logoText="MAMAFA"
copyrightText="© 2024 MAMAFA Chocolate Cafe"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{ title: "Quick Links", items: [{ label: "Home", href: "#hero" }, { label: "Menu", href: "#menu" }] },
{ title: "Info", items: [{ label: "Location", href: "#" }, { label: "Contact Us", href: "#contact" }] }
]}
logoText="MAMAFA"
copyrightText="© 2024 MAMAFA Chocolate Cafe"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}