Merge version_1 into main #2
206
src/app/page.tsx
206
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="H2O Happy2Go"
|
||||
/>
|
||||
@@ -59,39 +51,23 @@ export default function LandingPage() {
|
||||
description="Fresh. Flavourful. Always Worth It. Your go-to spot for premium milk tea, crispy bites, and feel-good moments."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Now",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "Order Now", href: "#menu"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg?_wi=1",
|
||||
imageAlt: "premium milk tea close up fresh",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg", imageAlt: "premium milk tea close up fresh"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canapes-with-turkish-style-coocked-meatballs-lettuce-wooden-board-cucumber-tomato-side-view_141793-3527.jpg",
|
||||
imageAlt: "crispy chicken snack gourmet food",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/canapes-with-turkish-style-coocked-meatballs-lettuce-wooden-board-cucumber-tomato-side-view_141793-3527.jpg", imageAlt: "crispy chicken snack gourmet food"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg",
|
||||
imageAlt: "family friendly cafe environment happy",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269187.jpg", imageAlt: "family friendly cafe environment happy"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-matcha-still-life_23-2150768965.jpg",
|
||||
imageAlt: "refreshing fruit tea colorful",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-matcha-still-life_23-2150768965.jpg", imageAlt: "refreshing fruit tea colorful"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-beige-sweater-looks-thoughtfully-into-distance-leaning-table-with-cup-coffee-fresh-juice_197531-16888.jpg",
|
||||
imageAlt: "lifestyle cafe photography comfort",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-beige-sweater-looks-thoughtfully-into-distance-leaning-table-with-cup-coffee-fresh-juice_197531-16888.jpg", imageAlt: "lifestyle cafe photography comfort"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-honey-table_140725-698.jpg",
|
||||
imageAlt: "gourmet snack assortment",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-honey-table_140725-698.jpg", imageAlt: "gourmet snack assortment"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -101,14 +77,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"The Daily Herald",
|
||||
"Taste Buds Magazine",
|
||||
"Local Foodie Blog",
|
||||
"City Lifestyle",
|
||||
"Cravings Weekly",
|
||||
"Boba Lovers Hub",
|
||||
"Family Fun Monthly",
|
||||
]}
|
||||
"The Daily Herald", "Taste Buds Magazine", "Local Foodie Blog", "City Lifestyle", "Cravings Weekly", "Boba Lovers Hub", "Family Fun Monthly"]}
|
||||
title="Loved by locals & families"
|
||||
description="Always fresh, always delicious"
|
||||
/>
|
||||
@@ -122,17 +91,11 @@ export default function LandingPage() {
|
||||
description="At H2O Happy2Go, we believe every drink and bite should be an experience. We combine premium ingredients with a warm, friendly vibe that makes every visit special."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Consistently Fresh",
|
||||
description: "Every drink, every time — just right.",
|
||||
},
|
||||
title: "Consistently Fresh", description: "Every drink, every time — just right."},
|
||||
{
|
||||
title: "Signature Flavours",
|
||||
description: "Jasmine milk tea, matcha foam & more.",
|
||||
},
|
||||
title: "Signature Flavours", description: "Jasmine milk tea, matcha foam & more."},
|
||||
{
|
||||
title: "Friendly Service",
|
||||
description: "The kind of place you keep coming back to.",
|
||||
},
|
||||
title: "Friendly Service", description: "The kind of place you keep coming back to."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barista-holding-hands-cake-hot-green-tea_140725-14575.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -148,41 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Jasmine Milk Tea",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-thai-tea_23-2148994362.jpg",
|
||||
},
|
||||
id: "p1", name: "Jasmine Milk Tea", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-delicious-traditional-thai-tea_23-2148994362.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Matcha Foam Special",
|
||||
price: "$6.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg",
|
||||
},
|
||||
id: "p2", name: "Matcha Foam Special", price: "$6.50", imageSrc: "http://img.b2bpic.net/free-photo/iced-green-tea_1388-603.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Crispy Chicken",
|
||||
price: "$8.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-flower-shaped-bowl-evergreen-leaves-popcorn-candy-marble-table_114579-56455.jpg",
|
||||
},
|
||||
id: "p3", name: "Crispy Chicken", price: "$8.00", imageSrc: "http://img.b2bpic.net/free-photo/green-flower-shaped-bowl-evergreen-leaves-popcorn-candy-marble-table_114579-56455.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Steamed Bao Bun",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/steamed-dumpling-chinese-bun_1339-3691.jpg",
|
||||
},
|
||||
id: "p4", name: "Steamed Bao Bun", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/steamed-dumpling-chinese-bun_1339-3691.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Classic Taro",
|
||||
price: "$5.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg",
|
||||
},
|
||||
id: "p5", name: "Classic Taro", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Salted Chips",
|
||||
price: "$4.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113382.jpg",
|
||||
},
|
||||
id: "p6", name: "Salted Chips", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/delightful-tasty-dessert-celebration_140725-113382.jpg"},
|
||||
]}
|
||||
title="Signature Menu"
|
||||
description="Explore our handcrafted collection of premium milk teas, matcha delights, and crispy bites."
|
||||
@@ -196,22 +135,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Fresh Drink Batches",
|
||||
value: "100+",
|
||||
icon: Sparkles,
|
||||
id: "m1", title: "Fresh Drink Batches", value: "100+", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Happy Customers",
|
||||
value: "5k+",
|
||||
icon: Smile,
|
||||
id: "m2", title: "Happy Customers", value: "5k+", icon: Smile,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Bestselling Bao",
|
||||
value: "20k",
|
||||
icon: Utensils,
|
||||
id: "m3", title: "Bestselling Bao", value: "20k", icon: Utensils,
|
||||
},
|
||||
]}
|
||||
title="Why you keep coming back"
|
||||
@@ -226,45 +156,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Canh-Vinh Nguyen",
|
||||
handle: "@canhvin",
|
||||
testimonial: "Lovely place with great staff… pearls always consistent and the matcha foam is so good.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-lovely-girl-with-bright-make-up-dark-collected-hair-dressed-white-tshirt-is-smiling-camera-spend-time-outdoor-city-center-warm-sunny-day_291650-2385.jpg",
|
||||
},
|
||||
id: "1", name: "Canh-Vinh Nguyen", handle: "@canhvin", testimonial: "Lovely place with great staff… pearls always consistent and the matcha foam is so good.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-lovely-girl-with-bright-make-up-dark-collected-hair-dressed-white-tshirt-is-smiling-camera-spend-time-outdoor-city-center-warm-sunny-day_291650-2385.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Trân Nguyễn",
|
||||
handle: "@tranng",
|
||||
testimonial: "One of our favourite spots! Always fresh and delicious… my kid loves the chips.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-man-smiling_74855-2722.jpg",
|
||||
},
|
||||
id: "2", name: "Trân Nguyễn", handle: "@tranng", testimonial: "One of our favourite spots! Always fresh and delicious… my kid loves the chips.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-young-man-smiling_74855-2722.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Churchill Mecenario",
|
||||
handle: "@churchillm",
|
||||
testimonial: "Been ordering since last year… milk tea and bao are super delicious.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",
|
||||
},
|
||||
id: "3", name: "Churchill Mecenario", handle: "@churchillm", testimonial: "Been ordering since last year… milk tea and bao are super delicious.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Miller",
|
||||
handle: "@smiller",
|
||||
testimonial: "Absolutely obsessed with their crispy chicken and matcha latte. Consistent quality!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022677.jpg",
|
||||
},
|
||||
id: "4", name: "Sarah Miller", handle: "@smiller", testimonial: "Absolutely obsessed with their crispy chicken and matcha latte. Consistent quality!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022677.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Park",
|
||||
handle: "@dpark",
|
||||
testimonial: "Perfect family spot. We visit every weekend for fresh boba.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-caucasian-young-brunette-woman-white-sweater-closing-eyes-is-resting-break-from-work-laptop-cafe_197531-33280.jpg",
|
||||
},
|
||||
id: "5", name: "David Park", handle: "@dpark", testimonial: "Perfect family spot. We visit every weekend for fresh boba.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/relaxed-caucasian-young-brunette-woman-white-sweater-closing-eyes-is-resting-break-from-work-laptop-cafe_197531-33280.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What our community says"
|
||||
@@ -279,25 +184,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "Our kid-approved snacks make us the perfect weekend destination.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-vintage-gray-hat-eating-tasty-cheesecake-with-her-little-sister-weekend-surprised-brunette-girl-enjoying-milk-shake-outdoor-cafe-while-her-pretty-mom-drinks-coffee_197531-25242.jpg",
|
||||
imageAlt: "family at cafe happy moments",
|
||||
},
|
||||
title: "Family Friendly", description: "Our kid-approved snacks make us the perfect weekend destination.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/amazing-young-woman-vintage-gray-hat-eating-tasty-cheesecake-with-her-little-sister-weekend-surprised-brunette-girl-enjoying-milk-shake-outdoor-cafe-while-her-pretty-mom-drinks-coffee_197531-25242.jpg", imageAlt: "family at cafe happy moments"},
|
||||
items: [
|
||||
{
|
||||
icon: Heart,
|
||||
text: "Inclusive space",
|
||||
},
|
||||
text: "Inclusive space"},
|
||||
{
|
||||
icon: Smile,
|
||||
text: "Kid friendly",
|
||||
},
|
||||
text: "Kid friendly"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-chocolate_1339-4956.jpg?_wi=2",
|
||||
imageAlt: "family at cafe happy moments",
|
||||
},
|
||||
]}
|
||||
title="Family + Community Vibe"
|
||||
@@ -309,8 +206,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="How to order"
|
||||
title="Ready for your next favourite order?"
|
||||
description="Browse, order, and enjoy fresh, quality treats every time."
|
||||
@@ -323,29 +219,19 @@ export default function LandingPage() {
|
||||
logoText="H2O Happy2Go"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user