Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
name: "Menu", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Boba House"
|
||||
/>
|
||||
@@ -59,15 +51,11 @@ export default function LandingPage() {
|
||||
description="Experience the perfect blend of premium tea and fresh tapioca pearls. Handcrafted, daily brewed, and always fresh."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Our Menu",
|
||||
href: "#products",
|
||||
},
|
||||
text: "View Our Menu", href: "#products"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764681.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764681.jpg"
|
||||
imageAlt="Refreshing boba milk tea"
|
||||
/>
|
||||
</div>
|
||||
@@ -77,9 +65,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Crafted with Passion"
|
||||
description={[
|
||||
"At Boba House, we believe in the art of the perfect brew. Our tea is steeped in small batches to preserve its natural flavors, and our pearls are cooked to perfection every few hours.",
|
||||
"We source only the finest ingredients, from farm-to-cup tea leaves to high-quality milk alternatives. Every cup is a testament to our commitment to quality and happiness.",
|
||||
]}
|
||||
"At Boba House, we believe in the art of the perfect brew. Our tea is steeped in small batches to preserve its natural flavors, and our pearls are cooked to perfection every few hours.", "We source only the finest ingredients, from farm-to-cup tea leaves to high-quality milk alternatives. Every cup is a testament to our commitment to quality and happiness."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,49 +76,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Farm-to-Cup Leaves",
|
||||
description: "We partner directly with sustainable tea farms to ensure the highest quality, freshest leaves in every cup.",
|
||||
icon: Leaf,
|
||||
title: "Farm-to-Cup Leaves", description: "We partner directly with sustainable tea farms to ensure the highest quality, freshest leaves in every cup.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-traditional-thai-tea_23-2148994374.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-leaves-wooden-bowl_114579-84964.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/herbal-tea-leaves-wooden-bowl_114579-84964.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/anime-coffee-shop-illustration_23-2151764681.jpg?_wi=2",
|
||||
imageAlt: "premium tea leaves close up",
|
||||
},
|
||||
{
|
||||
title: "Fresh Daily Pearls",
|
||||
description: "Our tapioca pearls are never pre-packaged; we cook them fresh throughout the day for that signature chewy texture.",
|
||||
icon: Clock,
|
||||
title: "Fresh Daily Pearls", description: "Our tapioca pearls are never pre-packaged; we cook them fresh throughout the day for that signature chewy texture.", icon: Clock,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-juice-cafe_1150-10492.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-with-juice-cafe_1150-10492.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-halloween-candies-with-colorful-background_123827-34244.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/assortment-halloween-candies-with-colorful-background_123827-34244.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg?_wi=1",
|
||||
imageAlt: "premium tea leaves close up",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Mission",
|
||||
description: "We are committed to reducing our footprint by using biodegradable straws and recyclable cups for all drinks.",
|
||||
icon: Shield,
|
||||
title: "Eco-Friendly Mission", description: "We are committed to reducing our footprint by using biodegradable straws and recyclable cups for all drinks.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ginger-cat-with-boba-drink_23-2152002570.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ginger-cat-with-boba-drink_23-2152002570.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-cutlery-mandarins_23-2148889847.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-with-cutlery-mandarins_23-2148889847.jpg"},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994317.jpg?_wi=1",
|
||||
imageAlt: "premium tea leaves close up",
|
||||
},
|
||||
]}
|
||||
title="Why You'll Love Us"
|
||||
@@ -148,59 +116,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Signature",
|
||||
name: "Classic Brown Sugar Boba",
|
||||
price: "$5.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994317.jpg?_wi=2",
|
||||
},
|
||||
id: "p1", brand: "Signature", name: "Classic Brown Sugar Boba", price: "$5.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-thai-tea_23-2148994317.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Signature",
|
||||
name: "Mango Passion Fruit Tea",
|
||||
price: "$6.00",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortment-healthy-breakfast-meal-with-yogurt_23-2148894682.jpg",
|
||||
},
|
||||
id: "p2", brand: "Signature", name: "Mango Passion Fruit Tea", price: "$6.00", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/front-view-assortment-healthy-breakfast-meal-with-yogurt_23-2148894682.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Signature",
|
||||
name: "Matcha Latte Boba",
|
||||
price: "$6.50",
|
||||
rating: 4,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-iced-tall-glass-with-cream-topped-with-iced-green-tea-decorated-with-green-tea-powder_1150-22922.jpg",
|
||||
},
|
||||
id: "p3", brand: "Signature", name: "Matcha Latte Boba", price: "$6.50", rating: 4,
|
||||
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-iced-tall-glass-with-cream-topped-with-iced-green-tea-decorated-with-green-tea-powder_1150-22922.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Signature",
|
||||
name: "Taro Milk Tea",
|
||||
price: "$5.75",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt_23-2148894701.jpg",
|
||||
},
|
||||
id: "p4", brand: "Signature", name: "Taro Milk Tea", price: "$5.75", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast-meal-with-yogurt_23-2148894701.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Signature",
|
||||
name: "Strawberry Cream Tea",
|
||||
price: "$6.25",
|
||||
rating: 5,
|
||||
reviewCount: "70",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg",
|
||||
},
|
||||
id: "p5", brand: "Signature", name: "Strawberry Cream Tea", price: "$6.25", rating: 5,
|
||||
reviewCount: "70", imageSrc: "http://img.b2bpic.net/free-photo/pastel-color-bubble-tea-drink_23-2151930612.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Signature",
|
||||
name: "Passion Fruit Green Tea",
|
||||
price: "$5.80",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg",
|
||||
},
|
||||
id: "p6", brand: "Signature", name: "Passion Fruit Green Tea", price: "$5.80", rating: 4,
|
||||
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709058.jpg"},
|
||||
]}
|
||||
title="Our Signature Drinks"
|
||||
description="Discover our fan-favorite brews, from classic milk teas to refreshing fruit infusions."
|
||||
@@ -215,23 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Alex Chen",
|
||||
role: "Head Barista",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-latte-coffee-house_1303-31053.jpg",
|
||||
},
|
||||
id: "t1", name: "Alex Chen", role: "Head Barista", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-latte-coffee-house_1303-31053.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Miller",
|
||||
role: "Tea Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-juice-healthy_1150-10496.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Miller", role: "Tea Expert", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-with-juice-healthy_1150-10496.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "David Park",
|
||||
role: "Boba Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-girl-working-as-barista-prepare-pour-making-filter-coffee-batch-brew-s_1258-134416.jpg",
|
||||
},
|
||||
id: "t3", name: "David Park", role: "Boba Specialist", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-smiling-girl-working-as-barista-prepare-pour-making-filter-coffee-batch-brew-s_1258-134416.jpg"},
|
||||
]}
|
||||
title="Meet Our Baristas"
|
||||
description="Our team of experts is dedicated to crafting the perfect drink every time."
|
||||
@@ -245,40 +165,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Jones",
|
||||
handle: "@sarahj",
|
||||
testimonial: "The best boba I've had in the city! Pearls are always perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-woman-with-red-curly-hair-imaging-smth-fantasizing-clsoe-eyes-smiling-happy-standing-t-shirt-white-background_176420-47324.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Jones", handle: "@sarahj", testimonial: "The best boba I've had in the city! Pearls are always perfect.", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-young-woman-with-red-curly-hair-imaging-smth-fantasizing-clsoe-eyes-smiling-happy-standing-t-shirt-white-background_176420-47324.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Brown",
|
||||
handle: "@mikeb",
|
||||
testimonial: "Always fresh, friendly staff, and consistent quality.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-restaurant-portrait-young-lady-with-dark-curly-hair-dreamily-closing-her-eyes-with-cup-hands-nice-girl-sitting-cafe-with-cup-coffee_639032-2913.jpg",
|
||||
},
|
||||
id: "2", name: "Michael Brown", handle: "@mikeb", testimonial: "Always fresh, friendly staff, and consistent quality.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-drinking-coffee-restaurant-portrait-young-lady-with-dark-curly-hair-dreamily-closing-her-eyes-with-cup-hands-nice-girl-sitting-cafe-with-cup-coffee_639032-2913.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Davis",
|
||||
handle: "@emilyd",
|
||||
testimonial: "The Taro milk tea is a game changer. I come here twice a week!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-lady-enjoying-milkshake-looking-camera_1098-18978.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Davis", handle: "@emilyd", testimonial: "The Taro milk tea is a game changer. I come here twice a week!", imageSrc: "http://img.b2bpic.net/free-photo/portrait-charming-lady-enjoying-milkshake-looking-camera_1098-18978.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Wilson",
|
||||
handle: "@jamesw",
|
||||
testimonial: "Clean, modern, and quick service. My go-to tea shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg",
|
||||
},
|
||||
id: "4", name: "James Wilson", handle: "@jamesw", testimonial: "Clean, modern, and quick service. My go-to tea shop.", imageSrc: "http://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
handle: "@jessl",
|
||||
testimonial: "Love the focus on quality ingredients. You can really taste the tea.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-drinking-iced-coffee_23-2149910936.jpg",
|
||||
},
|
||||
id: "5", name: "Jessica Lee", handle: "@jessl", testimonial: "Love the focus on quality ingredients. You can really taste the tea.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-drinking-iced-coffee_23-2149910936.jpg"},
|
||||
]}
|
||||
title="Loved by Our Customers"
|
||||
description="See why our community loves Boba House."
|
||||
@@ -291,22 +186,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer milk alternatives?",
|
||||
content: "Yes! We offer almond, oat, and soy milk options at no extra charge.",
|
||||
},
|
||||
id: "f1", title: "Do you offer milk alternatives?", content: "Yes! We offer almond, oat, and soy milk options at no extra charge."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How long are the pearls fresh?",
|
||||
content: "Our tapioca pearls are freshly cooked throughout the day to ensure maximum freshness and chewiness.",
|
||||
},
|
||||
id: "f2", title: "How long are the pearls fresh?", content: "Our tapioca pearls are freshly cooked throughout the day to ensure maximum freshness and chewiness."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Do you offer online ordering?",
|
||||
content: "Currently, we offer in-store ordering only, but our mobile app is launching soon!",
|
||||
},
|
||||
id: "f3", title: "Do you offer online ordering?", content: "Currently, we offer in-store ordering only, but our mobile app is launching soon!"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Common Questions"
|
||||
description="Have questions about our ingredients or menu? Find your answers here."
|
||||
@@ -321,20 +207,12 @@ export default function LandingPage() {
|
||||
description="Drop by for a visit and chat with our friendly staff. We'd love to serve you a drink!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your feedback or message",
|
||||
}}
|
||||
name: "message", placeholder: "Your feedback or message"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-woman-drinking-kombucha_23-2150171594.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -343,13 +221,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Boba House"
|
||||
leftLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user