Merge version_1 into main #1
173
src/app/page.tsx
173
src/app/page.tsx
@@ -31,34 +31,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
href: "#hero",
|
||||
name: "Home", id: "hero"
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
href: "#products",
|
||||
name: "Products", id: "products"
|
||||
},
|
||||
{
|
||||
name: "Offers",
|
||||
id: "pricing",
|
||||
href: "#pricing",
|
||||
name: "Offers", id: "pricing"
|
||||
},
|
||||
{
|
||||
name: "Why Us?",
|
||||
id: "features",
|
||||
href: "#features",
|
||||
name: "Why Us?", id: "features"
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"
|
||||
}
|
||||
]}
|
||||
button={{
|
||||
text: "Pre-Order Now",
|
||||
href: "#contact",
|
||||
text: "Pre-Order Now", href: "#contact"
|
||||
}}
|
||||
brandName="Vibe Bites"
|
||||
/>
|
||||
@@ -67,19 +56,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
variant: "plain"
|
||||
}}
|
||||
title="Vibe Bites: Your Daily Dose of Delicious Greens!"
|
||||
description="Revolutionize your snack game with our irresistible spinach nuggets, mini burgers, and refreshing lemon tea. Healthy, tasty, and perfectly crafted for your Gen Z and Gen Alpha cravings."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pre-Order Now",
|
||||
href: "#contact",
|
||||
text: "Pre-Order Now", href: "#contact"
|
||||
},
|
||||
{
|
||||
text: "Explore Products",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Products", href: "#products"
|
||||
}
|
||||
]}
|
||||
videoSrc="http://img.b2bpic.net/free-photo/close-up-food-lover-taking-pictures-meal_23-2149286395.jpg"
|
||||
videoAriaLabel="Cinematic video of Vibe Bites products"
|
||||
@@ -94,29 +81,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "spinach-nugget",
|
||||
name: "Spinach Nuggets",
|
||||
price: "Rp20.000",
|
||||
variant: "10-12 pcs (20% Off)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160853.jpg",
|
||||
imageAlt: "Crispy Spinach Nuggets",
|
||||
id: "spinach-nugget", name: "Spinach Nuggets", price: "Rp20.000", variant: "10-12 pcs (20% Off)", imageSrc: "http://img.b2bpic.net/free-photo/delicious-veggie-dishes-still-life_23-2151160853.jpg", imageAlt: "Crispy Spinach Nuggets"
|
||||
},
|
||||
{
|
||||
id: "mini-burger",
|
||||
name: "Mini Burger",
|
||||
price: "Rp15.000",
|
||||
variant: "1 pc (20% Off)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-arrangement_23-2148868199.jpg",
|
||||
imageAlt: "Gourmet Mini Burger",
|
||||
id: "mini-burger", name: "Mini Burger", price: "Rp15.000", variant: "1 pc (20% Off)", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-burger-arrangement_23-2148868199.jpg", imageAlt: "Gourmet Mini Burger"
|
||||
},
|
||||
{
|
||||
id: "lemon-tea",
|
||||
name: "Lemon Tea",
|
||||
price: "Rp15.000",
|
||||
variant: "1 pc (20% Off)",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-orange-fruit-wooden-cutting-board_169016-49050.jpg",
|
||||
imageAlt: "Refreshing Lemon Tea",
|
||||
},
|
||||
id: "lemon-tea", name: "Lemon Tea", price: "Rp15.000", variant: "1 pc (20% Off)", imageSrc: "http://img.b2bpic.net/free-photo/glass-freshly-squeezed-juice-orange-fruit-wooden-cutting-board_169016-49050.jpg", imageAlt: "Refreshing Lemon Tea"
|
||||
}
|
||||
]}
|
||||
title="Our Signature Bites & Sips"
|
||||
description="Dive into our curated selection of fresh, flavorful, and fun treats designed for your lifestyle. Every bite is a vibe!"
|
||||
@@ -130,43 +102,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "nugget-pack",
|
||||
badge: "Main Product",
|
||||
badgeIcon: Sparkles,
|
||||
price: "Rp20.000",
|
||||
name: "Spinach Nugget Pack",
|
||||
buttons: [
|
||||
id: "nugget-pack", badge: "Main Product", badgeIcon: Sparkles,
|
||||
price: "Rp20.000", name: "Spinach Nugget Pack", buttons: [
|
||||
{
|
||||
text: "Pre-Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Pre-Order Now", href: "#contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"10-12 Pcs per pack",
|
||||
"Made with fresh spinach",
|
||||
"Perfect for sharing (or not!)",
|
||||
"20% off original price!",
|
||||
],
|
||||
"10-12 Pcs per pack", "Made with fresh spinach", "Perfect for sharing (or not!)", "20% off original price!"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "side-combo",
|
||||
badge: "Side Products",
|
||||
badgeIcon: Star,
|
||||
price: "Rp15.000",
|
||||
name: "Mini Bites & Sips",
|
||||
buttons: [
|
||||
id: "side-combo", badge: "Side Products", badgeIcon: Star,
|
||||
price: "Rp15.000", name: "Mini Bites & Sips", buttons: [
|
||||
{
|
||||
text: "Pre-Order Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Pre-Order Now", href: "#contact"
|
||||
}
|
||||
],
|
||||
features: [
|
||||
"1 Mini Burger",
|
||||
"1 Lemon Tea",
|
||||
"Ideal for a quick refresh",
|
||||
"20% off original price!",
|
||||
],
|
||||
},
|
||||
"1 Mini Burger", "1 Lemon Tea", "Ideal for a quick refresh", "20% off original price!"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Grab Your Vibe Bites Deal"
|
||||
description="Unlock irresistible flavors with our special offers! Enjoy a 20% discount on all main and side products."
|
||||
@@ -180,29 +136,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "fresh-spinach",
|
||||
title: "Real Spinach Goodness",
|
||||
description: "Our nuggets are packed with actual bits of fresh spinach, offering a tasty way to get your greens. It's delicious, nutritious, and undeniably green!",
|
||||
tag: "Healthy & Fresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/white-paper-clipboard-near-bell-peppers-broccoli-mushroom-bokchoy-lemon-wooden-desk_23-2148093562.jpg",
|
||||
imageAlt: "Green leaf icon for healthy food",
|
||||
id: "fresh-spinach", title: "Real Spinach Goodness", description: "Our nuggets are packed with actual bits of fresh spinach, offering a tasty way to get your greens. It's delicious, nutritious, and undeniably green!", tag: "Healthy & Fresh", imageSrc: "http://img.b2bpic.net/free-photo/white-paper-clipboard-near-bell-peppers-broccoli-mushroom-bokchoy-lemon-wooden-desk_23-2148093562.jpg", imageAlt: "Green leaf icon for healthy food"
|
||||
},
|
||||
{
|
||||
id: "flavor-explosion",
|
||||
title: "Unforgettable Flavor",
|
||||
description: "Experience a burst of flavor with every bite. Our chefs have perfected the recipe to ensure maximum deliciousness that leaves you craving more.",
|
||||
tag: "Seriously Tasty",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-catering-logo-collection_23-2149001835.jpg",
|
||||
imageAlt: "Taste bud icon for delicious flavor",
|
||||
id: "flavor-explosion", title: "Unforgettable Flavor", description: "Experience a burst of flavor with every bite. Our chefs have perfected the recipe to ensure maximum deliciousness that leaves you craving more.", tag: "Seriously Tasty", imageSrc: "http://img.b2bpic.net/free-vector/linear-flat-catering-logo-collection_23-2149001835.jpg", imageAlt: "Taste bud icon for delicious flavor"
|
||||
},
|
||||
{
|
||||
id: "convenient-snacking",
|
||||
title: "Snack Anytime, Anywhere",
|
||||
description: "Whether you're on a study break, chilling with friends, or just need a quick bite, Vibe Bites are designed for your on-the-go Gen Z lifestyle. Easy, quick, and satisfying.",
|
||||
tag: "Effortless Enjoyment",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-healthy-food-logo-set_23-2148128240.jpg",
|
||||
imageAlt: "Convenient takeaway icon",
|
||||
},
|
||||
id: "convenient-snacking", title: "Snack Anytime, Anywhere", description: "Whether you're on a study break, chilling with friends, or just need a quick bite, Vibe Bites are designed for your on-the-go Gen Z lifestyle. Easy, quick, and satisfying.", tag: "Effortless Enjoyment", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-healthy-food-logo-set_23-2148128240.jpg", imageAlt: "Convenient takeaway icon"
|
||||
}
|
||||
]}
|
||||
title="Why You'll Love Vibe Bites"
|
||||
description="We're not just serving food; we're serving a whole vibe. Discover what makes Vibe Bites your new go-to snack destination."
|
||||
@@ -215,41 +156,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Obsessed with these nuggets!",
|
||||
quote: "Vibe Bites are my new go-to. They're actually healthy, but taste so good! Plus, the mini burger is a perfect side. Totally recommend!",
|
||||
name: "Chloe P.",
|
||||
role: "Student, Gen Z",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adorable-blonde-model-posing-medium-shot_23-2148376506.jpg",
|
||||
imageAlt: "Chloe P. profile picture",
|
||||
id: "1", title: "Obsessed with these nuggets!", quote: "Vibe Bites are my new go-to. They're actually healthy, but taste so good! Plus, the mini burger is a perfect side. Totally recommend!", name: "Chloe P.", role: "Student, Gen Z", imageSrc: "http://img.b2bpic.net/free-photo/adorable-blonde-model-posing-medium-shot_23-2148376506.jpg", imageAlt: "Chloe P. profile picture"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Finally, a snack that hits different!",
|
||||
quote: "The spinach nuggets are surprisingly addictive. And the lemon tea? So refreshing! Vibe Bites understands what we want. 💯",
|
||||
name: "Liam K.",
|
||||
role: "Content Creator, Gen Z",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-wearing-sunglasses-looking-camera_23-2148129162.jpg",
|
||||
imageAlt: "Liam K. profile picture",
|
||||
id: "2", title: "Finally, a snack that hits different!", quote: "The spinach nuggets are surprisingly addictive. And the lemon tea? So refreshing! Vibe Bites understands what we want. 💯", name: "Liam K.", role: "Content Creator, Gen Z", imageSrc: "http://img.b2bpic.net/free-photo/smiling-portrait-young-woman-wearing-sunglasses-looking-camera_23-2148129162.jpg", imageAlt: "Liam K. profile picture"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "My favorite after-school snack!",
|
||||
quote: "Mom got me these, and now I ask for them every day! The burgers are small and super yummy. Best snack ever!",
|
||||
name: "Maya S.",
|
||||
role: "Elementary Student, Gen Alpha",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-smiling-happy-goodlooking-girl-giving-advice_169016-64062.jpg",
|
||||
imageAlt: "Maya S. profile picture",
|
||||
id: "3", title: "My favorite after-school snack!", quote: "Mom got me these, and now I ask for them every day! The burgers are small and super yummy. Best snack ever!", name: "Maya S.", role: "Elementary Student, Gen Alpha", imageSrc: "http://img.b2bpic.net/free-photo/people-emotions-smiling-happy-goodlooking-girl-giving-advice_169016-64062.jpg", imageAlt: "Maya S. profile picture"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Healthy and actually delicious?",
|
||||
quote: "I was skeptical about spinach nuggets, but Vibe Bites changed my mind. They're crispy, flavorful, and I don't feel guilty after eating them. Perfect!",
|
||||
name: "Zara T.",
|
||||
role: "Gamer & Foodie, Gen Z",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-woman-wearing-denim-jacket-white-shirt_176532-10378.jpg",
|
||||
imageAlt: "Zara T. profile picture",
|
||||
},
|
||||
id: "4", title: "Healthy and actually delicious?", quote: "I was skeptical about spinach nuggets, but Vibe Bites changed my mind. They're crispy, flavorful, and I don't feel guilty after eating them. Perfect!", name: "Zara T.", role: "Gamer & Foodie, Gen Z", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happy-woman-wearing-denim-jacket-white-shirt_176532-10378.jpg", imageAlt: "Zara T. profile picture"
|
||||
}
|
||||
]}
|
||||
title="What Our Vibe Tribe Says"
|
||||
description="Don't just take our word for it—hear from the Gen Z and Gen Alpha crowd who are loving Vibe Bites!"
|
||||
@@ -260,18 +177,16 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
text="Ready to experience the Vibe? Pre-order your spinach nuggets and more! We're just a message away."
|
||||
buttons={[
|
||||
{
|
||||
text: "Pre-Order via WhatsApp",
|
||||
href: "https://wa.me/6288708040007?text=Hi! I would like to pre-order Vibe Bites. Please share your menu and pricing details.",
|
||||
text: "Pre-Order via WhatsApp", href: "https://wa.me/6288708040007?text=Hi! I would like to pre-order Vibe Bites. Please share your menu and pricing details."
|
||||
},
|
||||
{
|
||||
text: "Find us on Instagram",
|
||||
href: "https://www.instagram.com/dnmc_12/",
|
||||
},
|
||||
text: "Find us on Instagram", href: "https://www.instagram.com/dnmc_12/"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -280,12 +195,10 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Vibe Bites"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user