bender/ca171e13-f91e-46ac-bcf2-189540b3a29c
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-10 02:23:47 +00:00
parent 546fde12f9
commit 4884885bc4
1 changed files with 49 additions and 231 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -30,89 +30,43 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#hero",
},
{
name: "Menu",
id: "#menu",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
{ name: "Home", id: "#hero" },
{ name: "Menu", id: "#menu" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
brandName="Pondok Bakso Mas Maman"
button={{ text: "Order Now", href: "#menu" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Authentic Bakso, Crafted with Passion."
description="Experience the legendary flavor of Pondok Bakso Mas Maman. Where tradition meets premium quality in every savory bowl."
buttons={[
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508966.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552642.jpg",
alt: "Customer 5",
},
{ src: "http://img.b2bpic.net/free-photo/side-view-friends-enjoying-dinner-party_52683-132626.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/low-angle-friends-shaking-hands_23-2148395404.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/close-up-young-friends-restaurant_23-2148395397.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/friends-eating-pizza-side-view_23-2149872410.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552642.jpg", alt: "Customer 5" }
]}
avatarText="Trusted by 10,000+ local food lovers"
marqueeItems={[
{
type: "text",
text: "FRESHLY PREPARED",
},
{
type: "text",
text: "100% QUALITY MEAT",
},
{
type: "text",
text: "TRADITIONAL RECIPE",
},
{
type: "text",
text: "AUTHENTIC TASTE",
},
{
type: "text",
text: "DAILY SERVED",
},
{ type: "text", text: "FRESHLY PREPARED" },
{ type: "text", text: "100% QUALITY MEAT" },
{ type: "text", text: "TRADITIONAL RECIPE" },
{ type: "text", text: "AUTHENTIC TASTE" },
{ type: "text", text: "DAILY SERVED" }
]}
/>
</div>
@@ -122,20 +76,13 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Our Legacy of Flavor",
},
type: "text", content: "Our Legacy of Flavor"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg",
alt: "About Mas Maman Bakso",
},
type: "image", src: "http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg", alt: "About Mas Maman Bakso"},
]}
buttons={[
{
text: "Learn Our Story",
href: "#",
},
text: "Learn Our Story", href: "#"},
]}
/>
</div>
@@ -147,48 +94,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Bakso Urat",
price: "Rp 25.000",
variant: "Meatball with tendon",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-table_23-2149706699.jpg",
},
{
id: "2",
name: "Bakso Telur",
price: "Rp 22.000",
variant: "Meatball with egg",
imageSrc: "http://img.b2bpic.net/free-photo/half-shot-meatballs-soup-with-noodles-brown-bowl-left-side-dark-background_140725-140148.jpg",
},
{
id: "3",
name: "Bakso Halus",
price: "Rp 20.000",
variant: "Smooth texture",
imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-bowl-crackers-buns-sesame-top-view_141793-12442.jpg",
},
{
id: "4",
name: "Es Teh Manis",
price: "Rp 5.000",
variant: "Traditional Tea",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-sangria-drink_23-2149380887.jpg",
},
{
id: "5",
name: "Es Jeruk",
price: "Rp 8.000",
variant: "Orange Fresh",
imageSrc: "http://img.b2bpic.net/free-photo/orange-drink-with-ice-cubes-wood-surface_176474-469.jpg",
},
{
id: "6",
name: "Bakso Spesial",
price: "Rp 35.000",
variant: "Premium mix",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508970.jpg",
},
{ id: "1", name: "Bakso Urat", price: "Rp 25.000", variant: "Meatball with tendon", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sitting-table_23-2149706699.jpg" },
{ id: "2", name: "Bakso Telur", price: "Rp 22.000", variant: "Meatball with egg", imageSrc: "http://img.b2bpic.net/free-photo/half-shot-meatballs-soup-with-noodles-brown-bowl-left-side-dark-background_140725-140148.jpg" },
{ id: "3", name: "Bakso Halus", price: "Rp 20.000", variant: "Smooth texture", imageSrc: "http://img.b2bpic.net/free-photo/mushroom-soup-bowl-crackers-buns-sesame-top-view_141793-12442.jpg" },
{ id: "4", name: "Es Teh Manis", price: "Rp 5.000", variant: "Traditional Tea", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-sangria-drink_23-2149380887.jpg" },
{ id: "5", name: "Es Jeruk", price: "Rp 8.000", variant: "Orange Fresh", imageSrc: "http://img.b2bpic.net/free-photo/orange-drink-with-ice-cubes-wood-surface_176474-469.jpg" },
{ id: "6", name: "Bakso Spesial", price: "Rp 35.000", variant: "Premium mix", imageSrc: "http://img.b2bpic.net/free-photo/delicious-thai-food-still-life_23-2149508970.jpg" }
]}
title="Signature Menu"
description="Hand-crafted bakso, freshly prepared daily to satisfy your cravings."
@@ -200,56 +111,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah",
date: "Oct 2023",
title: "Great flavor!",
quote: "The portion is just right. Always a crowded place, but the atmosphere is worth the wait.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
},
{
id: "2",
name: "Michael",
date: "Sep 2023",
title: "Delicious!",
quote: "Authentic taste. I love how the ingredients are fresh. Highly recommended.",
tag: "Foodie",
avatarSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552673.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-kitchen-holding-tomato-smartphone-buys-fresh_1258-193592.jpg",
},
{
id: "3",
name: "Emily",
date: "Aug 2023",
title: "Comfort Food",
quote: "Best bakso in town. The broth is rich and comforting.",
tag: "Fan",
avatarSrc: "http://img.b2bpic.net/free-photo/man-giving-small-gift-box-blond-woman-table_23-2148014511.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg",
},
{
id: "4",
name: "David",
date: "Jul 2023",
title: "Solid Bakso",
quote: "Always fresh, always consistent flavor. Truly the classic style I love.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-making-binocular-gesture-with-fingers-looking-through-fingers-standing-green-background_141793-98463.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-eating-ice-cream_23-2150244874.jpg",
},
{
id: "5",
name: "Jessica",
date: "Jun 2023",
title: "Super yummy!",
quote: "Great service and even better bakso. Can't stop coming here.",
tag: "Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg",
},
{ id: "1", name: "Sarah", date: "Oct 2023", title: "Great flavor!", quote: "The portion is just right. Always a crowded place, but the atmosphere is worth the wait.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-restaurant_23-2148395392.jpg", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
{ id: "2", name: "Michael", date: "Sep 2023", title: "Delicious!", quote: "Authentic taste. I love how the ingredients are fresh. Highly recommended.", tag: "Foodie", avatarSrc: "http://img.b2bpic.net/free-photo/asian-people-having-dinner-party_23-2149552673.jpg", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-kitchen-holding-tomato-smartphone-buys-fresh_1258-193592.jpg" },
{ id: "3", name: "Emily", date: "Aug 2023", title: "Comfort Food", quote: "Best bakso in town. The broth is rich and comforting.", tag: "Fan", avatarSrc: "http://img.b2bpic.net/free-photo/man-giving-small-gift-box-blond-woman-table_23-2148014511.jpg", imageSrc: "http://img.b2bpic.net/free-photo/man-presents-girl-ring_1398-4220.jpg" },
{ id: "4", name: "David", date: "Jul 2023", title: "Solid Bakso", quote: "Always fresh, always consistent flavor. Truly the classic style I love.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-gardener-apron-hat-making-binocular-gesture-with-fingers-looking-through-fingers-standing-green-background_141793-98463.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cute-woman-eating-ice-cream_23-2150244874.jpg" },
{ id: "5", name: "Jessica", date: "Jun 2023", title: "Super yummy!", quote: "Great service and even better bakso. Can't stop coming here.", tag: "Regular", avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-sitting-with-woman-cafe_273609-6829.jpg", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-clinking-bottles_23-2149152926.jpg" }
]}
title="What Our Guests Say"
description="Hear from the heart of our community who enjoy authentic bakso."
@@ -261,21 +127,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Is there parking available?",
content: "Yes, we have a small parking area, though it can get crowded during peak hours.",
},
{
id: "2",
title: "Can I order online?",
content: "We are available on major delivery apps for your convenience.",
},
{
id: "3",
title: "Are you open on weekends?",
content: "Yes, we are open daily to serve your favorite bakso.",
},
{ id: "1", title: "Is there parking available?", content: "Yes, we have a small parking area, though it can get crowded during peak hours." },
{ id: "2", title: "Can I order online?", content: "We are available on major delivery apps for your convenience." },
{ id: "3", title: "Are you open on weekends?", content: "Yes, we are open daily to serve your favorite bakso." }
]}
title="Frequently Asked"
faqsAnimation="slide-up"
@@ -289,30 +143,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10k+",
title: "Happy Customers",
items: [
"Serving our community since 2010",
],
},
{
id: "m2",
value: "5+",
title: "Bakso Variants",
items: [
"Classic, Tendon, Egg, and more",
],
},
{
id: "m3",
value: "100%",
title: "Fresh Ingredients",
items: [
"Always using high quality meat",
],
},
{ id: "m1", value: "10k+", title: "Happy Customers", items: ["Serving our community since 2010"] },
{ id: "m2", value: "5+", title: "Bakso Variants", items: ["Classic, Tendon, Egg, and more"] },
{ id: "m3", value: "100%", title: "Fresh Ingredients", items: ["Always using high quality meat"] }
]}
title="By The Numbers"
description="Our journey and commitment to quality."
@@ -323,8 +156,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Contact"
title="Visit Us Today"
description="Located in the heart of the city. Come enjoy a bowl today!"
@@ -335,31 +167,17 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Pondok Bakso Mas Maman",
items: [
{
label: "About Us",
href: "#",
},
{
label: "Menu",
href: "#menu",
},
],
title: "Pondok Bakso Mas Maman", items: [
{ label: "About Us", href: "#" },
{ label: "Menu", href: "#menu" }
]
},
{
title: "Support",
items: [
{
label: "Contact Us",
href: "#contact",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
title: "Support", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Privacy Policy", href: "#" }
]
}
]}
bottomLeftText="© 2024 Pondok Bakso Mas Maman"
bottomRightText="All Rights Reserved"
@@ -368,4 +186,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}