Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "Menu", id: "#menu"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Brew"
|
||||
/>
|
||||
@@ -56,47 +48,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Experience Artisanal Brews"
|
||||
description="Discover a symphony of flavors at Brew Cafe, where every cup is crafted with passion and sustainably sourced beans."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "View Menu", href: "#menu"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmem5i&_wi=1",
|
||||
imageAlt: "modern cafe interior warm light",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmem5i", imageAlt: "modern cafe interior warm light"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7jggf&_wi=1",
|
||||
imageAlt: "fresh coffee beans roasted",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7jggf", imageAlt: "fresh coffee beans roasted"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k45lb3&_wi=1",
|
||||
imageAlt: "modern espresso machine close up",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k45lb3", imageAlt: "modern espresso machine close up"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qcumz&_wi=1",
|
||||
imageAlt: "cozy cafe reading corner",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qcumz", imageAlt: "cozy cafe reading corner"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g03f6s&_wi=1",
|
||||
imageAlt: "freshly ground coffee powder",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g03f6s", imageAlt: "freshly ground coffee powder"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ykl85",
|
||||
imageAlt: "coffee beans macro shot",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ykl85", imageAlt: "coffee beans macro shot"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -108,17 +79,11 @@ export default function LandingPage() {
|
||||
description="Since our inception, we have been dedicated to providing the community with the highest quality coffee, ethically sourced and perfectly roasted."
|
||||
metrics={[
|
||||
{
|
||||
value: "12+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "12+", title: "Years Experience"},
|
||||
{
|
||||
value: "5k+",
|
||||
title: "Happy Guests",
|
||||
},
|
||||
value: "5k+", title: "Happy Guests"},
|
||||
{
|
||||
value: "20+",
|
||||
title: "Bean Varieties",
|
||||
},
|
||||
value: "20+", title: "Bean Varieties"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=p2hu4k"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -134,55 +99,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Artisan Roasting",
|
||||
description: "Small-batch roasting for optimal freshness and depth of flavor in every single bean.",
|
||||
icon: Zap,
|
||||
title: "Artisan Roasting", description: "Small-batch roasting for optimal freshness and depth of flavor in every single bean.", icon: Zap,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ao89xe",
|
||||
imageAlt: "fresh artisan roasted coffee beans",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ao89xe", imageAlt: "fresh artisan roasted coffee beans"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpjtww",
|
||||
imageAlt: "expert barista skill latte art",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmem5i&_wi=2",
|
||||
imageAlt: "fresh artisan roasted coffee beans",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpjtww", imageAlt: "expert barista skill latte art"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Sustainable Sourcing",
|
||||
description: "We partner directly with farmers to ensure fair wages and environmentally friendly practices.",
|
||||
icon: Leaf,
|
||||
title: "Sustainable Sourcing", description: "We partner directly with farmers to ensure fair wages and environmentally friendly practices.", icon: Leaf,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nk246j",
|
||||
imageAlt: "sustainable fair trade coffee farm",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nk246j", imageAlt: "sustainable fair trade coffee farm"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r9paa",
|
||||
imageAlt: "organic cafe ingredients fresh",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7jggf&_wi=2",
|
||||
imageAlt: "fresh artisan roasted coffee beans",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3r9paa", imageAlt: "organic cafe ingredients fresh"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Professional Equipment",
|
||||
description: "Using state-of-the-art espresso technology for consistently perfect extractions every time.",
|
||||
icon: Award,
|
||||
title: "Professional Equipment", description: "Using state-of-the-art espresso technology for consistently perfect extractions every time.", icon: Award,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpafkq",
|
||||
imageAlt: "modern espresso machine brewing",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xpafkq", imageAlt: "modern espresso machine brewing"},
|
||||
{
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4uvml9",
|
||||
imageAlt: "artisan coffee extraction technique",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k45lb3&_wi=2",
|
||||
imageAlt: "fresh artisan roasted coffee beans",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4uvml9", imageAlt: "artisan coffee extraction technique"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Crafted Quality"
|
||||
@@ -198,65 +139,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Brew Cafe",
|
||||
name: "Signature Cappuccino",
|
||||
price: "$4.50",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3c7k4",
|
||||
imageAlt: "classic cappuccino in ceramic mug",
|
||||
},
|
||||
id: "p1", brand: "Brew Cafe", name: "Signature Cappuccino", price: "$4.50", rating: 5,
|
||||
reviewCount: "120", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m3c7k4", imageAlt: "classic cappuccino in ceramic mug"},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Brew Cafe",
|
||||
name: "Dark Roast Espresso",
|
||||
price: "$3.00",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohj83b",
|
||||
imageAlt: "rich dark roast espresso shot",
|
||||
},
|
||||
id: "p2", brand: "Brew Cafe", name: "Dark Roast Espresso", price: "$3.00", rating: 5,
|
||||
reviewCount: "95", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ohj83b", imageAlt: "rich dark roast espresso shot"},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Brew Cafe",
|
||||
name: "Caramel Iced Latte",
|
||||
price: "$5.25",
|
||||
rating: 4,
|
||||
reviewCount: "88",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3b88mj",
|
||||
imageAlt: "iced latte with caramel syrup",
|
||||
},
|
||||
id: "p3", brand: "Brew Cafe", name: "Caramel Iced Latte", price: "$5.25", rating: 4,
|
||||
reviewCount: "88", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3b88mj", imageAlt: "iced latte with caramel syrup"},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Brew Cafe",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oko0im",
|
||||
imageAlt: "fresh croissant pastry morning",
|
||||
},
|
||||
id: "p4", brand: "Brew Cafe", name: "Buttery Croissant", price: "$3.50", rating: 5,
|
||||
reviewCount: "200", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oko0im", imageAlt: "fresh croissant pastry morning"},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Brew Cafe",
|
||||
name: "Matcha Green Latte",
|
||||
price: "$4.75",
|
||||
rating: 4,
|
||||
reviewCount: "75",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxzqtl",
|
||||
imageAlt: "matcha latte green tea",
|
||||
},
|
||||
id: "p5", brand: "Brew Cafe", name: "Matcha Green Latte", price: "$4.75", rating: 4,
|
||||
reviewCount: "75", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pxzqtl", imageAlt: "matcha latte green tea"},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Brew Cafe",
|
||||
name: "French Press Roast",
|
||||
price: "$4.00",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7s99u0",
|
||||
imageAlt: "french press coffee brew style",
|
||||
},
|
||||
id: "p6", brand: "Brew Cafe", name: "French Press Roast", price: "$4.00", rating: 5,
|
||||
reviewCount: "110", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=7s99u0", imageAlt: "french press coffee brew style"},
|
||||
]}
|
||||
title="Our Signature Menu"
|
||||
description="Indulge in our carefully selected range of beverages and artisanal pastries."
|
||||
@@ -269,60 +168,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
date: "Oct 2023",
|
||||
title: "Coffee Lover",
|
||||
quote: "The best cappuccino in town, always perfectly made.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3hdpz",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmem5i&_wi=3",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", date: "Oct 2023", title: "Coffee Lover", quote: "The best cappuccino in town, always perfectly made.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v3hdpz", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kmem5i", imageAlt: "portrait happy customer cafe"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
date: "Sep 2023",
|
||||
title: "Daily Guest",
|
||||
quote: "I come here every single morning. The staff feels like family.",
|
||||
tag: "Member",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6nen5e",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7jggf&_wi=3",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
id: "t2", name: "David Chen", date: "Sep 2023", title: "Daily Guest", quote: "I come here every single morning. The staff feels like family.", tag: "Member", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6nen5e", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v7jggf", imageAlt: "portrait happy customer cafe"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
date: "Aug 2023",
|
||||
title: "Designer",
|
||||
quote: "Great workspace with a calm, inviting atmosphere.",
|
||||
tag: "Work-from-cafe",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zi7dez",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k45lb3&_wi=3",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
id: "t3", name: "Elena Rodriguez", date: "Aug 2023", title: "Designer", quote: "Great workspace with a calm, inviting atmosphere.", tag: "Work-from-cafe", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zi7dez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k45lb3", imageAlt: "portrait happy customer cafe"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "James Wilson",
|
||||
date: "Jul 2023",
|
||||
title: "Foodie",
|
||||
quote: "Incredible selection of artisanal snacks and roasted blends.",
|
||||
tag: "Regular",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4zbmtn",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qcumz&_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
id: "t4", name: "James Wilson", date: "Jul 2023", title: "Foodie", quote: "Incredible selection of artisanal snacks and roasted blends.", tag: "Regular", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4zbmtn", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6qcumz", imageAlt: "portrait happy customer cafe"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Sophie Martin",
|
||||
date: "Jun 2023",
|
||||
title: "Student",
|
||||
quote: "My go-to spot for studying. Love the iced lattes!",
|
||||
tag: "Student",
|
||||
avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fchl0",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g03f6s&_wi=2",
|
||||
imageAlt: "portrait happy customer cafe",
|
||||
},
|
||||
id: "t5", name: "Sophie Martin", date: "Jun 2023", title: "Student", quote: "My go-to spot for studying. Love the iced lattes!", tag: "Student", avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1fchl0", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=g03f6s", imageAlt: "portrait happy customer cafe"},
|
||||
]}
|
||||
title="Loved by Our Locals"
|
||||
description="Hear what our loyal community says about their experience at Brew."
|
||||
@@ -334,14 +188,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Roast Masters Co.",
|
||||
"Sustainable Coffee Alliance",
|
||||
"Fair Trade certified",
|
||||
"Organic Growers Collective",
|
||||
"Artisan Bakers Association",
|
||||
"World Coffee Quality Award",
|
||||
"Local Community Supporters",
|
||||
]}
|
||||
"Roast Masters Co.", "Sustainable Coffee Alliance", "Fair Trade certified", "Organic Growers Collective", "Artisan Bakers Association", "World Coffee Quality Award", "Local Community Supporters"]}
|
||||
title="Our Partners & Certifications"
|
||||
description="Proudly working with industry-leading ethical and quality partners."
|
||||
/>
|
||||
@@ -353,20 +200,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer vegan milk options?",
|
||||
content: "Yes, we offer oat, almond, and soy milk for all our coffee beverages.",
|
||||
},
|
||||
id: "q1", title: "Do you offer vegan milk options?", content: "Yes, we offer oat, almond, and soy milk for all our coffee beverages."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are your beans fair-trade?",
|
||||
content: "Absolutely. All our beans are ethically sourced through fair-trade partnerships.",
|
||||
},
|
||||
id: "q2", title: "Are your beans fair-trade?", content: "Absolutely. All our beans are ethically sourced through fair-trade partnerships."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I reserve a table?",
|
||||
content: "Yes, we take reservations for small groups during weekday mornings.",
|
||||
},
|
||||
id: "q3", title: "Can I reserve a table?", content: "Yes, we take reservations for small groups during weekday mornings."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=csmrh6"
|
||||
title="Frequently Asked Questions"
|
||||
@@ -380,16 +218,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Us Today"
|
||||
description="Come experience the best coffee in the neighborhood. We are located right in the heart of the city."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Us", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -400,25 +235,17 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "Menu", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user