Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 27365fba98 | |||
| 6f29b1bfef |
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,50 +32,33 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingInline
|
<NavbarLayoutFloatingInline
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Menu", id: "menu"},
|
||||||
id: "menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="COi Bubble Tea"
|
brandName="COi Bubble Tea"
|
||||||
button={{
|
button={{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "#contact"}}
|
||||||
href: "#contact",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardScroll
|
<HeroBillboardScroll
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
title="Coffee, Yes. You, maybe."
|
title="Coffee, Yes. You, maybe."
|
||||||
description="Experience the vibrant joy of handcrafted milk tea. Fresh, creamy, and made with love in every cup."
|
description="Experience the vibrant joy of handcrafted milk tea. Fresh, creamy, and made with love in every cup."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Order Now",
|
text: "Order Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Explore Menu",
|
text: "Explore Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=1"
|
||||||
/>
|
/>
|
||||||
@@ -86,20 +69,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "The Story of COi Bubble Tea"},
|
||||||
content: "The Story of COi Bubble Tea",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/close-up-teenager-having-hot-chocolate_23-2148495496.jpg", alt: "Cozy shop interior"},
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-teenager-having-hot-chocolate_23-2148495496.jpg",
|
|
||||||
alt: "Cozy shop interior",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Learn More",
|
text: "Learn More", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -112,59 +88,23 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", brand: "Signature", name: "Classic Milk Tea", price: "$3.50", rating: 5,
|
||||||
brand: "Signature",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-fruits-candies-white-background-tea-fruit-fresh-candy_140725-115919.jpg"},
|
||||||
name: "Classic Milk Tea",
|
|
||||||
price: "$3.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "120",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-fruits-candies-white-background-tea-fruit-fresh-candy_140725-115919.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", brand: "Fruit", name: "Strawberry Fruit Tea", price: "$4.00", rating: 5,
|
||||||
brand: "Fruit",
|
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85386.jpg"},
|
||||||
name: "Strawberry Fruit Tea",
|
|
||||||
price: "$4.00",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "85",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/transparent-glass-teapot-pours-tea-glass-mug-marble-table_114579-85386.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", brand: "Chocolate", name: "Choco Oreo", price: "$4.50", rating: 4,
|
||||||
brand: "Chocolate",
|
reviewCount: "92", imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-dessert-with-chocolate-biscuits_23-2148603289.jpg"},
|
||||||
name: "Choco Oreo",
|
|
||||||
price: "$4.50",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "92",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-glass-dessert-with-chocolate-biscuits_23-2148603289.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", brand: "Premium", name: "Hokkaido Milk Tea", price: "$4.25", rating: 5,
|
||||||
brand: "Premium",
|
reviewCount: "64", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-donut-straw_23-2148603242.jpg"},
|
||||||
name: "Hokkaido Milk Tea",
|
|
||||||
price: "$4.25",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "64",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-donut-straw_23-2148603242.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", brand: "Premium", name: "Dark Choco", price: "$4.50", rating: 5,
|
||||||
brand: "Premium",
|
reviewCount: "77", imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-popcorn-biscuits_23-2148603228.jpg"},
|
||||||
name: "Dark Choco",
|
|
||||||
price: "$4.50",
|
|
||||||
rating: 5,
|
|
||||||
reviewCount: "77",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-dessert-jar-with-popcorn-biscuits_23-2148603228.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", brand: "Signature", name: "Wintermelon Tea", price: "$3.75", rating: 4,
|
||||||
brand: "Signature",
|
reviewCount: "105", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-blackberries-inside-white-little-pot-pink-desk_140725-49120.jpg"},
|
||||||
name: "Wintermelon Tea",
|
|
||||||
price: "$3.75",
|
|
||||||
rating: 4,
|
|
||||||
reviewCount: "105",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-blackberries-inside-white-little-pot-pink-desk_140725-49120.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Menu"
|
title="Signature Menu"
|
||||||
description="Freshly brewed teas, artisanal milk blends, and signature add-ons designed for every mood."
|
description="Freshly brewed teas, artisanal milk blends, and signature add-ons designed for every mood."
|
||||||
@@ -177,26 +117,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
tag: "Freshness",
|
tag: "Freshness", title: "Real Ingredients", subtitle: "Top Quality", description: "Hand-picked tea leaves and freshly prepared pearls every single hour.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg"},
|
||||||
title: "Real Ingredients",
|
|
||||||
subtitle: "Top Quality",
|
|
||||||
description: "Hand-picked tea leaves and freshly prepared pearls every single hour.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Experience",
|
tag: "Experience", title: "Cozy Atmosphere", subtitle: "Clean & Calm", description: "The perfect study spot with free Wi-Fi and plenty of comfortable seating.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-apron-speaking-smartphone_23-2147762200.jpg"},
|
||||||
title: "Cozy Atmosphere",
|
|
||||||
subtitle: "Clean & Calm",
|
|
||||||
description: "The perfect study spot with free Wi-Fi and plenty of comfortable seating.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-apron-speaking-smartphone_23-2147762200.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
tag: "Convenience",
|
tag: "Convenience", title: "Fast Services", subtitle: "Take out & Delivery", description: "Online ordering available, or drop by for a quick, delicious refreshment.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-korean-girl-barista-working-with-coffee-machine-prepare-cappuccino-using-steamr-cafe_1258-197416.jpg"},
|
||||||
title: "Fast Services",
|
|
||||||
subtitle: "Take out & Delivery",
|
|
||||||
description: "Online ordering available, or drop by for a quick, delicious refreshment.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-cute-korean-girl-barista-working-with-coffee-machine-prepare-cappuccino-using-steamr-cafe_1258-197416.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Why COi Bubble Tea?"
|
title="Why COi Bubble Tea?"
|
||||||
description="More than just tea; we offer an experience, a space to connect, and the best quality ingredients in town."
|
description="More than just tea; we offer an experience, a space to connect, and the best quality ingredients in town."
|
||||||
@@ -210,47 +135,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "A**** a****", handle: "Local Student", testimonial: "They have such a calm and clean ambiance. Cheap and worth it, so better get some good looks here.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg"},
|
||||||
name: "A**** a****",
|
|
||||||
handle: "Local Student",
|
|
||||||
testimonial: "They have such a calm and clean ambiance. Cheap and worth it, so better get some good looks here.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-cup_23-2149005452.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "S* M****", handle: "Regular", testimonial: "Wonderful bubble tea and coffee shop in Kidapawan City. The owner and staff are friendly.", imageSrc: "http://img.b2bpic.net/free-photo/young-concentrated-student-cafe_23-2147656045.jpg"},
|
||||||
name: "S* M****",
|
|
||||||
handle: "Regular",
|
|
||||||
testimonial: "Wonderful bubble tea and coffee shop in Kidapawan City. The owner and staff are friendly.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-concentrated-student-cafe_23-2147656045.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "R**** O******", handle: "Happy Customer", testimonial: "Place is cozy, clean and products are delicious.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-female-model-enjoys-drinking-coffee-spare-time-has-good-mood-casual-talk-with-intelocutor-looks-directly-camera_273609-39037.jpg"},
|
||||||
name: "R**** O******",
|
|
||||||
handle: "Happy Customer",
|
|
||||||
testimonial: "Place is cozy, clean and products are delicious.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-lovely-female-model-enjoys-drinking-coffee-spare-time-has-good-mood-casual-talk-with-intelocutor-looks-directly-camera_273609-39037.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Jasmine T.", handle: "Tea Lover", testimonial: "Best milk tea in town! The pearls are perfect and not too sweet.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-her-phone-touchpad-notebook-while-sitting-her-working-place-cafe-with-cup-coffee_627829-6728.jpg"},
|
||||||
name: "Jasmine T.",
|
|
||||||
handle: "Tea Lover",
|
|
||||||
testimonial: "Best milk tea in town! The pearls are perfect and not too sweet.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-beautiful-redhaired-woman-glasses-using-her-phone-touchpad-notebook-while-sitting-her-working-place-cafe-with-cup-coffee_627829-6728.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Liam K.", handle: "Student", testimonial: "My go-to place for studying. The ambiance is just perfect.", imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
|
||||||
name: "Liam K.",
|
|
||||||
handle: "Student",
|
|
||||||
testimonial: "My go-to place for studying. The ambiance is just perfect.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "6",
|
id: "6", name: "Sarah P.", handle: "Daily Fan", testimonial: "Everything on the menu is worth trying. Absolutely addicted to their wintermelon.", imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-working-laptop-bar-eating-pizza_1303-19915.jpg"},
|
||||||
name: "Sarah P.",
|
|
||||||
handle: "Daily Fan",
|
|
||||||
testimonial: "Everything on the menu is worth trying. Absolutely addicted to their wintermelon.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-female-student-working-laptop-bar-eating-pizza_1303-19915.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="What Our Friends Say"
|
title="What Our Friends Say"
|
||||||
description="Heartfelt feedback from our beloved COi customers."
|
description="Heartfelt feedback from our beloved COi customers."
|
||||||
@@ -262,14 +157,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Kidapawan Local Market",
|
"Kidapawan Local Market", "Student Council", "Neighborhood Hub", "City Cafe Group", "Community Partners", "Youth Outreach", "Local Food Network"]}
|
||||||
"Student Council",
|
|
||||||
"Neighborhood Hub",
|
|
||||||
"City Cafe Group",
|
|
||||||
"Community Partners",
|
|
||||||
"Youth Outreach",
|
|
||||||
"Local Food Network",
|
|
||||||
]}
|
|
||||||
title="Proudly Served"
|
title="Proudly Served"
|
||||||
description="Connecting with our community through every cup."
|
description="Connecting with our community through every cup."
|
||||||
/>
|
/>
|
||||||
@@ -281,25 +169,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Do you offer delivery?", content: "Yes, we partner with local delivery platforms to bring COi Bubble Tea right to your doorstep."},
|
||||||
title: "Do you offer delivery?",
|
|
||||||
content: "Yes, we partner with local delivery platforms to bring COi Bubble Tea right to your doorstep.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Are you pet friendly?", content: "We love furry friends! Our outdoor seating is perfectly pet-friendly."},
|
||||||
title: "Are you pet friendly?",
|
|
||||||
content: "We love furry friends! Our outdoor seating is perfectly pet-friendly.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Can I customize my sugar level?", content: "Absolutely! We offer various sugar and ice levels to suit your personal preference."},
|
||||||
title: "Can I customize my sugar level?",
|
|
||||||
content: "Absolutely! We offer various sugar and ice levels to suit your personal preference.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", title: "Where are you located?", content: "We are at 234M+5JM, Sinsuat St, Kidapawan, Cotabato."},
|
||||||
title: "Where are you located?",
|
|
||||||
content: "We are at 234M+5JM, Sinsuat St, Kidapawan, Cotabato.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-talking-kitchen_329181-8916.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/mother-daughter-talking-kitchen_329181-8916.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -313,13 +189,12 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "sparkles-gradient"}}
|
||||||
}}
|
|
||||||
tag="Visit Us"
|
tag="Visit Us"
|
||||||
title="Let's Get Chatting"
|
title="Let's Get Chatting"
|
||||||
description="Come visit us at Sinsuat St! Open daily to serve you the best tea in town."
|
description="Come visit us at Sinsuat St! Open daily to serve you the best tea in town."
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
buttonText="Get Directions"
|
buttonText="Get Directions / Order via Delivery"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-drinking-iced-coffee_23-2149624100.jpg?_wi=2"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -328,42 +203,27 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Quick Links",
|
title: "Quick Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Menu",
|
label: "Menu", href: "#menu"},
|
||||||
href: "#menu",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reviews",
|
label: "Reviews", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Contact", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Location",
|
title: "Location", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Sinsuat St, Kidapawan",
|
label: "Sinsuat St, Kidapawan", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Socials",
|
title: "Socials", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user