bender/47fe3e25-3244-4ec8-8ca6-de7b635b5e93
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-24 14:24:19 +00:00
Conversation 0 Commits 1 Files Changed 1 +158 -380
1 changed files with 158 additions and 380 deletions
Download Patch File Download Diff File Expand all files Collapse all files

538
src/app/page.tsx
View File

@@ -19,397 +19,175 @@ export default function LandingPage() {
defaultButtonVariant="expand-hover"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Boba Baby"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Boba Baby"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
title="Fresh, Fun, and Totally Boba-licious."
description="Welcome to Boba Baby! We handcraft every cup using the freshest ingredients and chewy, house-made pearls. Come taste the magic in every sip."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg",
imageAlt: "Fresh boba tea",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg",
imageAlt: "Fruit tea",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg",
imageAlt: "Classic milk tea",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994371.jpg",
imageAlt: "Brown sugar boba",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-kiwi-drink_23-2148677578.jpg",
imageAlt: "Matcha boba",
},
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315015.jpg",
imageAlt: "Strawberry tea",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709046.jpg",
imageAlt: "Studio shot boba",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg",
imageAlt: "Refreshing fruit tea",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg",
imageAlt: "Creamy boba",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994347.jpg",
imageAlt: "Sugar pearls",
},
]}
buttons={[
{
text: "See Our Menu",
href: "#menu",
},
]}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3948.jpg",
alt: "Customer 1",
},
{
src: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18111.jpg",
alt: "Customer 2",
},
{
src: "http://img.b2bpic.net/free-photo/smiling-influencer-messaging-mobile-phone-while-having-coffee-cafe_662251-2709.jpg",
alt: "Customer 3",
},
{
src: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-54930.jpg",
alt: "Customer 4",
},
{
src: "http://img.b2bpic.net/free-photo/smiley-girl-with-coffee_23-2148630910.jpg",
alt: "Customer 5",
},
]}
avatarText="Join 5,000+ happy sippers!"
marqueeItems={[
{
type: "text",
text: "Organic Tea",
},
{
type: "text",
text: "Handcrafted Pearls",
},
{
type: "text",
text: "Fresh Fruits",
},
{
type: "text",
text: "Daily Brewed",
},
{
type: "text",
text: "Sustainable",
},
]}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{ variant: "gradient-bars" }}
title="Fresh, Fun, and Totally Boba-licious."
description="Welcome to Boba Baby! We handcraft every cup using the freshest ingredients and chewy, house-made pearls. Come taste the magic in every sip."
leftCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-sits-table-with-cocktail-lit-candle_140725-9075.jpg", imageAlt: "Fresh boba tea" },
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994377.jpg", imageAlt: "Fruit tea" },
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg", imageAlt: "Classic milk tea" },
{ imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994371.jpg", imageAlt: "Brown sugar boba" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-holding-kiwi-drink_23-2148677578.jpg", imageAlt: "Matcha boba" },
]}
rightCarouselItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-women-with-bubble-tea_23-2150315015.jpg", imageAlt: "Strawberry tea" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709046.jpg", imageAlt: "Studio shot boba" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg", imageAlt: "Refreshing fruit tea" },
{ imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg", imageAlt: "Creamy boba" },
{ imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994347.jpg", imageAlt: "Sugar pearls" },
]}
buttons={[{ text: "See Our Menu", href: "#menu" }]}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/young-blonde-woman-with-glasses-cafe_273609-3948.jpg", alt: "Customer 1" },
{ src: "http://img.b2bpic.net/free-photo/couple-cafe_1157-18111.jpg", alt: "Customer 2" },
{ src: "http://img.b2bpic.net/free-photo/smiling-influencer-messaging-mobile-phone-while-having-coffee-cafe_662251-2709.jpg", alt: "Customer 3" },
{ src: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-54930.jpg", alt: "Customer 4" },
{ src: "http://img.b2bpic.net/free-photo/smiley-girl-with-coffee_23-2148630910.jpg", alt: "Customer 5" },
]}
avatarText="Join 5,000+ happy sippers!"
marqueeItems={[
{ type: "text", text: "Organic Tea" },
{ type: "text", text: "Handcrafted Pearls" },
{ type: "text", text: "Fresh Fruits" },
{ type: "text", text: "Daily Brewed" },
{ type: "text", text: "Sustainable" },
]}
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Born in Love, Brewed to Perfection"
description="At Boba Baby, we believe boba is more than just a drink—it's a moment of joy. We source only the finest loose-leaf teas and premium milk alternatives to create signature blends that keep you coming back for more."
imageSrc="http://img.b2bpic.net/free-photo/women-watching-mobile_1157-627.jpg"
imageAlt="Our cozy boba shop interior"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={false}
title="Born in Love, Brewed to Perfection"
description="At Boba Baby, we believe boba is more than just a drink—it's a moment of joy. We source only the finest loose-leaf teas and premium milk alternatives to create signature blends that keep you coming back for more."
imageSrc="http://img.b2bpic.net/free-photo/women-watching-mobile_1157-627.jpg"
imageAlt="Our cozy boba shop interior"
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Classic Milk Tea",
price: "$5.50",
variant: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg",
},
{
id: "p2",
name: "Brown Sugar Pearl",
price: "$6.50",
variant: "Signature",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg",
},
{
id: "p3",
name: "Mango Cloud",
price: "$6.00",
variant: "Fruit Tea",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870659.jpg",
},
{
id: "p4",
name: "Uji Matcha",
price: "$6.75",
variant: "Matcha",
imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-breakfast-meal-with-yogurt_23-2148894674.jpg",
},
{
id: "p5",
name: "Taro Delight",
price: "$6.25",
variant: "Taro",
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994319.jpg",
},
{
id: "p6",
name: "Strawberry Refresher",
price: "$6.00",
variant: "Fruit Tea",
imageSrc: "http://img.b2bpic.net/free-photo/concept-delicious-strawberry-smoothie_23-2148171046.jpg",
},
]}
title="Fan Favorites"
description="Explore our delicious range of signature milk teas and refreshing fruit blends."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{ id: "p1", name: "Classic Milk Tea", price: "$5.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg" },
{ id: "p2", name: "Brown Sugar Pearl", price: "$6.50", variant: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink-with-milk_23-2149870660.jpg" },
{ id: "p3", name: "Mango Cloud", price: "$6.00", variant: "Fruit Tea", imageSrc: "http://img.b2bpic.net/free-photo/delicious-bubble-tea-drink_23-2149870659.jpg" },
{ id: "p4", name: "Uji Matcha", price: "$6.75", variant: "Matcha", imageSrc: "http://img.b2bpic.net/free-photo/assortment-healthy-breakfast-meal-with-yogurt_23-2148894674.jpg" },
{ id: "p5", name: "Taro Delight", price: "$6.25", variant: "Taro", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994319.jpg" },
{ id: "p6", name: "Strawberry Refresher", price: "$6.00", variant: "Fruit Tea", imageSrc: "http://img.b2bpic.net/free-photo/concept-delicious-strawberry-smoothie_23-2148171046.jpg" },
]}
title="Fan Favorites"
description="Explore our delicious range of signature milk teas and refreshing fruit blends."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
id: "f1",
label: "Tea",
title: "Premium Ingredients",
items: [
"Organic loose-leaf tea",
"Real fruit purees",
"Non-GMO milk",
],
},
{
id: "f2",
label: "Pearls",
title: "Handcrafted Pearls",
items: [
"Boiled fresh daily",
"Perfect chewy texture",
"Natural brown sugar",
],
},
{
id: "f3",
label: "Service",
title: "Customer First",
items: [
"Customizable sweetness",
"Quick service",
"Eco-friendly packaging",
],
},
]}
title="Why Boba Baby?"
description="We take quality seriously so every cup is a delight."
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwelve
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{ id: "f1", label: "Tea", title: "Premium Ingredients", items: ["Organic loose-leaf tea", "Real fruit purees", "Non-GMO milk"] },
{ id: "f2", label: "Pearls", title: "Handcrafted Pearls", items: ["Boiled fresh daily", "Perfect chewy texture", "Natural brown sugar"] },
{ id: "f3", label: "Service", title: "Customer First", items: ["Customizable sweetness", "Quick service", "Eco-friendly packaging"] },
]}
title="Why Boba Baby?"
description="We take quality seriously so every cup is a delight."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
role: "Boba Lover",
testimonial: "The best boba in town! The brown sugar pearls are absolute perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-49085.jpg",
},
{
id: "2",
name: "Mike C.",
role: "Regular",
testimonial: "I love how I can customize the sweetness level. So refreshing!",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-shopping-bag_23-2148339175.jpg",
},
{
id: "3",
name: "Emily R.",
role: "Foodie",
testimonial: "The fruit teas are so fresh and flavorful. Highly recommend the Mango Cloud.",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-soda-d-sunglasses-light-white-surface_140725-69990.jpg",
},
{
id: "4",
name: "David K.",
role: "Student",
testimonial: "Great atmosphere to study and enjoy a drink. My go-to spot.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-woman-holds-cup-thumbs-up-isolated-olive-green-background-with-copy-space_141793-70020.jpg",
},
{
id: "5",
name: "Alex W.",
role: "New Fan",
testimonial: "First time trying and I'm hooked. The service is fast and friendly.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-drink_23-2149061558.jpg",
},
]}
title="What Our Fans Say"
description="Don't just take our word for it—join our happy boba family!"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "1", name: "Sarah J.", role: "Boba Lover", testimonial: "The best boba in town! The brown sugar pearls are absolute perfection.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-drinks-coffee-with-cinnamon-anise-cafe-outside_169016-49085.jpg" },
{ id: "2", name: "Mike C.", role: "Regular", testimonial: "I love how I can customize the sweetness level. So refreshing!", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-looking-shopping-bag_23-2148339175.jpg" },
{ id: "3", name: "Emily R.", role: "Foodie", testimonial: "The fruit teas are so fresh and flavorful. Highly recommend the Mango Cloud.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-soda-d-sunglasses-light-white-surface_140725-69990.jpg" },
{ id: "4", name: "David K.", role: "Student", testimonial: "Great atmosphere to study and enjoy a drink. My go-to spot.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-brunette-caucasian-woman-holds-cup-thumbs-up-isolated-olive-green-background-with-copy-space_141793-70020.jpg" },
{ id: "5", name: "Alex W.", role: "New Fan", testimonial: "First time trying and I'm hooked. The service is fast and friendly.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-drink_23-2149061558.jpg" },
]}
title="What Our Fans Say"
description="Don't just take our word for it—join our happy boba family!"
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Foodie 2023",
"City Cafe Award",
"Best of Downtown",
"Food Quality Trust",
"Favorite Shop Badge",
"Boba Lovers Choice",
"Cafe Award Winner",
]}
title="Award Winning Flavors"
description="Recognized for our dedication to authentic, fresh boba tea."
/>
</div>
<div id="social" data-section="social">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={["Local Foodie 2023", "City Cafe Award", "Best of Downtown", "Food Quality Trust", "Favorite Shop Badge", "Boba Lovers Choice", "Cafe Award Winner"]}
title="Award Winning Flavors"
description="Recognized for our dedication to authentic, fresh boba tea."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you have dairy-free options?",
content: "Yes! We offer almond, oat, and soy milk alternatives.",
},
{
id: "q2",
title: "Can I adjust the sugar level?",
content: "Absolutely! You can choose from 0%, 25%, 50%, 75%, and 100% sweetness.",
},
{
id: "q3",
title: "Do you offer catering?",
content: "Yes, we cater for events! Please contact us through the website for details.",
},
]}
title="Common Questions"
description="Have questions about our tea? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{ id: "q1", title: "Do you have dairy-free options?", content: "Yes! We offer almond, oat, and soy milk alternatives." },
{ id: "q2", title: "Can I adjust the sugar level?", content: "Absolutely! You can choose from 0%, 25%, 50%, 75%, and 100% sweetness." },
{ id: "q3", title: "Do you offer catering?", content: "Yes, we cater for events! Please contact us through the website for details." },
]}
title="Common Questions"
description="Have questions about our tea? We've got answers."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "gradient-bars",
}}
title="Stay Updated with Boba Baby"
description="Sign up for our newsletter to get updates on new flavors and special offers."
imageSrc="http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210443.jpg"
imageAlt="Boba Baby storefront"
mediaAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
tag="Contact"
useInvertedBackground={true}
background={{ variant: "gradient-bars" }}
title="Stay Updated with Boba Baby"
description="Sign up for our newsletter to get updates on new flavors and special offers."
imageSrc="http://img.b2bpic.net/free-photo/young-woman-arranging-her-cake-shop_23-2149210443.jpg"
imageAlt="Boba Baby storefront"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Boba Baby"
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Careers",
href: "#",
},
],
},
{
title: "Support",
items: [
{
label: "Contact",
href: "#contact",
},
{
label: "FAQs",
href: "#faq",
},
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
],
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBaseReveal
logoText="Boba Baby"
columns={[
{ title: "Company", items: [{ label: "About Us", href: "#about" }, { label: "Careers", href: "#" }] },
{ title: "Support", items: [{ label: "Contact", href: "#contact" }, { label: "FAQs", href: "#faq" }] },
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}