Merge version_1 into main #2
220
src/app/page.tsx
220
src/app/page.tsx
@@ -10,7 +10,7 @@ import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarS
|
||||
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import TextAbout from '@/components/sections/about/TextAbout';
|
||||
import { Clock, Leaf, MapPin, Smile } from "lucide-react";
|
||||
import { Clock, Leaf, MapPin, Smile, Coffee, ShoppingBag, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -30,18 +30,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "#about" },
|
||||
{ name: "Menu", id: "#menu" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Brown Sugar Bubble Tea"
|
||||
/>
|
||||
@@ -50,86 +41,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Butuan’s Favorite Bubble Tea & Coffee Spot"
|
||||
description="Quality, affordable, and crafted with love. Experience the perfect blend of brown sugar goodness and premium coffee today."
|
||||
kpis={[
|
||||
{
|
||||
value: "4.3 ⭐",
|
||||
label: "Google Rating",
|
||||
},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Drink Varieties",
|
||||
},
|
||||
{
|
||||
value: "Daily",
|
||||
label: "Freshly Brewed",
|
||||
},
|
||||
{ value: "4.3 ⭐", label: "Google Rating" },
|
||||
{ value: "50+", label: "Drink Varieties" },
|
||||
{ value: "Daily", label: "Freshly Brewed" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+639999999999",
|
||||
},
|
||||
{
|
||||
text: "Order / Inquire",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+639999999999" },
|
||||
{ text: "Order / Inquire", href: "#contact" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/strong-alcoholic-beverage-with-coffee_23-2148722521.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210084.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-adventurous-couple-having-cup-tea-van_23-2148653486.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-girl-drinks-prepared-drink-cafe-girl-with-drink_169016-64603.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-holding-kombucha-front-view_23-2150171592.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 1,000+ happy locals"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Premium Ingredients",
|
||||
icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Locally Sourced",
|
||||
icon: MapPin,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Fresh Daily",
|
||||
icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Friendly Staff",
|
||||
icon: Smile,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
},
|
||||
{ type: "text-icon", text: "Premium Ingredients", icon: Leaf },
|
||||
{ type: "text-icon", text: "Locally Sourced", icon: MapPin },
|
||||
{ type: "text-icon", text: "Fresh Daily", icon: Clock },
|
||||
{ type: "text-icon", text: "Friendly Staff", icon: Smile },
|
||||
{ type: "text-icon", text: "Eco-Friendly", icon: Leaf },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,12 +71,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="Our Story"
|
||||
title="A Local Favorite in Butuan City"
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Visit Us", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -155,42 +82,12 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Brown Sugar Pearl Milk Tea",
|
||||
price: "₱95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Signature Iced Coffee",
|
||||
price: "₱85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691643.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Classic Milk Tea",
|
||||
price: "₱75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-breakfast-meal-with-yogurt_23-2148894695.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Crispy Nachos",
|
||||
price: "₱60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Brown Sugar Coffee Latte",
|
||||
price: "₱99",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29628.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Wintermelon Milk Tea",
|
||||
price: "₱85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709038.jpg",
|
||||
},
|
||||
{ id: "p1", name: "Brown Sugar Pearl Milk Tea", price: "₱95", imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg" },
|
||||
{ id: "p2", name: "Signature Iced Coffee", price: "₱85", imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691643.jpg" },
|
||||
{ id: "p3", name: "Classic Milk Tea", price: "₱75", imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-breakfast-meal-with-yogurt_23-2148894695.jpg" },
|
||||
{ id: "p4", name: "Crispy Nachos", price: "₱60", imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg" },
|
||||
{ id: "p5", name: "Brown Sugar Coffee Latte", price: "₱99", imageSrc: "http://img.b2bpic.net/free-photo/traditional-irish-cream-coffee-liqueur-with-ice-wooden-table_123827-29628.jpg" },
|
||||
{ id: "p6", name: "Wintermelon Milk Tea", price: "₱85", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709038.jpg" },
|
||||
]}
|
||||
title="Menu Highlights"
|
||||
description="Explore our bestsellers and local favorites."
|
||||
@@ -202,30 +99,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Dine-in",
|
||||
description: "Relax in our cozy cafe.",
|
||||
buttonIcon: "Coffee",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "Takeout",
|
||||
description: "Grab your drinks on the go.",
|
||||
buttonIcon: "ShoppingBag",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691643.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "No-Contact Delivery",
|
||||
description: "Delivered safely to your door.",
|
||||
buttonIcon: "Truck",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-breakfast-meal-with-yogurt_23-2148894695.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
title: "In-Store Pickup",
|
||||
description: "Order ahead and pick up easily.",
|
||||
buttonIcon: "Clock",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg?_wi=2",
|
||||
},
|
||||
{ title: "Dine-in", description: "Relax in our cozy cafe.", buttonIcon: Coffee, imageSrc: "http://img.b2bpic.net/free-photo/composition-with-delicious-traditional-thai-tea_23-2148994341.jpg" },
|
||||
{ title: "Takeout", description: "Grab your drinks on the go.", buttonIcon: ShoppingBag, imageSrc: "http://img.b2bpic.net/free-photo/coffee-ai-generated_23-2150691643.jpg" },
|
||||
{ title: "No-Contact Delivery", description: "Delivered safely to your door.", buttonIcon: Truck, imageSrc: "http://img.b2bpic.net/free-photo/front-view-composition-healthy-breakfast-meal-with-yogurt_23-2148894695.jpg" },
|
||||
{ title: "In-Store Pickup", description: "Order ahead and pick up easily.", buttonIcon: Clock, imageSrc: "http://img.b2bpic.net/free-photo/teriyaki-chicken-burger_1339-3593.jpg" },
|
||||
]}
|
||||
title="How to Enjoy"
|
||||
description="Whether you want to dine-in or get it delivered, we have you covered."
|
||||
@@ -234,44 +111,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Milk tea and coffee are so good!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210084.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark C.",
|
||||
handle: "@markc",
|
||||
testimonial: "Great drinks at a reasonable price.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adventurous-couple-having-cup-tea-van_23-2148653486.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Emily R.",
|
||||
handle: "@emilyr",
|
||||
testimonial: "My go-to spot in Butuan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-drinks-prepared-drink-cafe-girl-with-drink_169016-64603.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David K.",
|
||||
handle: "@davidk",
|
||||
testimonial: "Friendly service and great vibe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Anna L.",
|
||||
handle: "@annal",
|
||||
testimonial: "Best brown sugar boba ever.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-kombucha-front-view_23-2150171592.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah J.", handle: "@sarahj", testimonial: "Milk tea and coffee are so good!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-tasty-kombucha_23-2150210084.jpg" },
|
||||
{ id: "t2", name: "Mark C.", handle: "@markc", testimonial: "Great drinks at a reasonable price.", imageSrc: "http://img.b2bpic.net/free-photo/young-adventurous-couple-having-cup-tea-van_23-2148653486.jpg" },
|
||||
{ id: "t3", name: "Emily R.", handle: "@emilyr", testimonial: "My go-to spot in Butuan.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-drinks-prepared-drink-cafe-girl-with-drink_169016-64603.jpg" },
|
||||
{ id: "t4", name: "David K.", handle: "@davidk", testimonial: "Friendly service and great vibe.", imageSrc: "http://img.b2bpic.net/free-photo/friendly-waitress-with-cup-hot-drink_23-2147775876.jpg" },
|
||||
{ id: "t5", name: "Anna L.", handle: "@annal", testimonial: "Best brown sugar boba ever.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-holding-kombucha-front-view_23-2150171592.jpg" },
|
||||
]}
|
||||
title="Customer Reviews"
|
||||
description="See what our local community says about us."
|
||||
@@ -281,9 +129,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your favorite drink?"
|
||||
description="Inquire about reservations, catering, or bulk orders at Jose Rosales Ave, Butuan City."
|
||||
|
||||
Reference in New Issue
Block a user