Merge version_1 into main #1
204
src/app/page.tsx
204
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
name: "Reviews", id: "reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Miss Bean Café"
|
||||
/>
|
||||
@@ -57,45 +47,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Welcome to Miss Bean Café"
|
||||
description="Experience literal heaven on earth in the heart of Byward Market. Artisan coffee, delicious croffles, and a cozy atmosphere await."
|
||||
buttons={[
|
||||
{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Order Online", href: "#contact"},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg",
|
||||
imageAlt: "cozy cafe interior warm lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", imageAlt: "cozy cafe interior warm lighting"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-with-fruits-brown-desk_140725-13574.jpg",
|
||||
imageAlt: "delicious cafe waffle nutella fruit",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-with-fruits-brown-desk_140725-13574.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg",
|
||||
imageAlt: "artisan cappuccino latte art",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg", imageAlt: "artisan cappuccino latte art"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-cakes_1157-707.jpg",
|
||||
imageAlt: "fresh gelato pistachio cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/heart-cakes_1157-707.jpg", imageAlt: "fresh gelato pistachio cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525718.jpg",
|
||||
imageAlt: "women owned small business cafe",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525718.jpg", imageAlt: "women owned small business cafe"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg",
|
||||
imageAlt: "cafe entrance door street view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg", imageAlt: "cafe entrance door street view"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +81,11 @@ export default function LandingPage() {
|
||||
description="Located in Byward Market, Miss Bean Café is a women-owned business committed to serving heaven on earth to every visitor. We blend aesthetic vibes with the finest ingredients to create an unforgettable experience."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Women-Owned Business",
|
||||
description: "Founded with passion and heart in Ottawa.",
|
||||
},
|
||||
title: "Women-Owned Business", description: "Founded with passion and heart in Ottawa."},
|
||||
{
|
||||
title: "Byward Market Location",
|
||||
description: "The perfect spot for your daily cafe escape.",
|
||||
},
|
||||
title: "Byward Market Location", description: "The perfect spot for your daily cafe escape."},
|
||||
{
|
||||
title: "Heavenly Atmosphere",
|
||||
description: "A cozy retreat designed for relaxation and enjoyment.",
|
||||
},
|
||||
title: "Heavenly Atmosphere", description: "A cozy retreat designed for relaxation and enjoyment."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/pastry-shop-waitress-posing_23-2147984975.jpg"
|
||||
imageAlt="women owned small business cafe"
|
||||
@@ -133,47 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Nutella Banana Waffles",
|
||||
price: "$12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-delicious-pancakes-covered-with-chocolate-cherries_8353-7297.jpg",
|
||||
imageAlt: "delicious cafe waffle nutella fruit",
|
||||
},
|
||||
id: "1", name: "Nutella Banana Waffles", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-delicious-pancakes-covered-with-chocolate-cherries_8353-7297.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Signature Croffle",
|
||||
price: "$10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg",
|
||||
imageAlt: "delicious cafe waffle nutella fruit",
|
||||
},
|
||||
id: "2", name: "Signature Croffle", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Pesto Sandwich",
|
||||
price: "$15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-light-white-surface-birthday-celebration-cake-sweet-biscuit_140725-101968.jpg",
|
||||
imageAlt: "delicious cafe waffle nutella fruit",
|
||||
},
|
||||
id: "3", name: "Pesto Sandwich", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-light-white-surface-birthday-celebration-cake-sweet-biscuit_140725-101968.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Artisan Cappuccino",
|
||||
price: "$6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg",
|
||||
imageAlt: "artisan cappuccino latte art",
|
||||
},
|
||||
id: "4", name: "Artisan Cappuccino", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", imageAlt: "artisan cappuccino latte art"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Matcha Latte",
|
||||
price: "$7",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg",
|
||||
imageAlt: "artisan cappuccino latte art",
|
||||
},
|
||||
id: "5", name: "Matcha Latte", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg", imageAlt: "artisan cappuccino latte art"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Pistachio Gelato",
|
||||
price: "$8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-tasty-pistachio-ice-cream-decorated-with-mint-scattered-pistachios-are-nearby-served-with-metal-scoop-slate-black-background_639032-915.jpg",
|
||||
imageAlt: "fresh gelato pistachio cafe",
|
||||
},
|
||||
id: "6", name: "Pistachio Gelato", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-tasty-pistachio-ice-cream-decorated-with-mint-scattered-pistachios-are-nearby-served-with-metal-scoop-slate-black-background_639032-915.jpg", imageAlt: "fresh gelato pistachio cafe"},
|
||||
]}
|
||||
title="Our Menu Highlights"
|
||||
description="Discover our signature croffles, savory sandwiches, and artisanal beverages."
|
||||
@@ -182,28 +119,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Aesthetic Vibe",
|
||||
description: "Every corner of our cafe is designed to be picture perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg",
|
||||
imageAlt: "women owned small business cafe",
|
||||
},
|
||||
title: "Aesthetic Vibe", description: "Every corner of our cafe is designed to be picture perfect.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg", imageAlt: "women owned small business cafe"},
|
||||
{
|
||||
title: "Quality Ingredients",
|
||||
description: "From local suppliers, we bring the best ingredients to your plate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/green-tea-fresh-milk-served-with-delicious-snacks_1150-24496.jpg",
|
||||
imageAlt: "artisan cappuccino latte art",
|
||||
},
|
||||
title: "Quality Ingredients", description: "From local suppliers, we bring the best ingredients to your plate.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-fresh-milk-served-with-delicious-snacks_1150-24496.jpg", imageAlt: "artisan cappuccino latte art"},
|
||||
{
|
||||
title: "Warm Service",
|
||||
description: "Our staff are truly angels dedicated to your service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
title: "Warm Service", description: "Our staff are truly angels dedicated to your service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="We go beyond just coffee; we create memories."
|
||||
@@ -217,64 +143,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Salina Leblanc",
|
||||
role: "Visitor",
|
||||
company: "Ottawa Traveler",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg",
|
||||
imageAlt: "happy cafe customer portrait",
|
||||
},
|
||||
id: "1", name: "Salina Leblanc", role: "Visitor", company: "Ottawa Traveler", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg", imageAlt: "happy cafe customer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah L",
|
||||
role: "Local Guide",
|
||||
company: "Ottawa Foodie",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg",
|
||||
imageAlt: "satisfied local guide customer",
|
||||
},
|
||||
id: "2", name: "Sarah L", role: "Local Guide", company: "Ottawa Foodie", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg", imageAlt: "satisfied local guide customer"},
|
||||
{
|
||||
id: "3",
|
||||
name: "J NM",
|
||||
role: "Local Guide",
|
||||
company: "Ottawa Explorer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-hair-cafe-drinks-summer-cocktail-happy-laughs-smiles_1321-3711.jpg",
|
||||
imageAlt: "traveler enjoying ottawa cafe",
|
||||
},
|
||||
id: "3", name: "J NM", role: "Local Guide", company: "Ottawa Explorer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-hair-cafe-drinks-summer-cocktail-happy-laughs-smiles_1321-3711.jpg", imageAlt: "traveler enjoying ottawa cafe"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Customer X",
|
||||
role: "Regular",
|
||||
company: "Byward Market",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rear-view-beautiful-blond-girl-turns-camera-while-sitting-coffee-table-with-laptop-computer-cocktail_197531-22994.jpg",
|
||||
imageAlt: "student working cafe portrait",
|
||||
},
|
||||
id: "4", name: "Customer X", role: "Regular", company: "Byward Market", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rear-view-beautiful-blond-girl-turns-camera-while-sitting-coffee-table-with-laptop-computer-cocktail_197531-22994.jpg", imageAlt: "student working cafe portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Customer Y",
|
||||
role: "Visitor",
|
||||
company: "Vacationer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/potrait-woman-holding-cup-coffee_1303-29713.jpg",
|
||||
imageAlt: "happy coffee lover portrait",
|
||||
},
|
||||
id: "5", name: "Customer Y", role: "Visitor", company: "Vacationer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/potrait-woman-holding-cup-coffee_1303-29713.jpg", imageAlt: "happy coffee lover portrait"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "500+",
|
||||
label: "Reviews",
|
||||
},
|
||||
value: "500+", label: "Reviews"},
|
||||
{
|
||||
value: "4.3",
|
||||
label: "Rating",
|
||||
},
|
||||
value: "4.3", label: "Rating"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Happiness",
|
||||
},
|
||||
value: "100%", label: "Happiness"},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Rated 4.3 stars by over 500 happy coffee lovers."
|
||||
@@ -288,20 +178,12 @@ export default function LandingPage() {
|
||||
description="87 Murray St, Ottawa, ON K1N 5M5. Open until 9 PM daily."
|
||||
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: "Special requests or feedback",
|
||||
}}
|
||||
name: "message", placeholder: "Special requests or feedback"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
||||
imageAlt="cafe entrance door street view"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user