bender/d5819f07-36bf-4081-a8fa-e71ef149c918
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-29 08:36:17 +00:00
parent fba33cb034
commit c348761725
1 changed files with 74 additions and 263 deletions
Download Patch File Download Diff File Expand all files Collapse all files

337
src/app/page.tsx
View File

@@ -32,34 +32,21 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
"metrics",
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Metrics", id: "#metrics"},
{
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/isolated-colored-beer-hop-label-set-with-continental-expert-lager-bier-imperial-cerveza-clara-golden-barrel-other-descriptions_1284-40841.jpg"
logoAlt="Brew Haven Logo"
@@ -70,67 +57,42 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="Sip, Savor, & Discover"
description="Welcome to Brew Haven, where every cup tells a story. We meticulously source the finest beans and craft exquisite coffee creations for your ultimate enjoyment."
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Visit Us",
href: "#contact",
},
text: "Visit Us", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/nuts-dark-photography_95678-251.jpg"
imageAlt="Barista pouring latte art in a cozy coffee shop"
mediaAnimation="opacity"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/joyful-woman-stretching-sipping-coffee-after-waking-up_482257-88809.jpg",
alt: "Smiling customer enjoying a coffee",
},
src: "http://img.b2bpic.net/free-photo/joyful-woman-stretching-sipping-coffee-after-waking-up_482257-88809.jpg", alt: "Smiling customer enjoying a coffee"},
{
src: "http://img.b2bpic.net/free-photo/portrait-smiling-relaxed-woman-drinks-warm-tea-listens-music-ebook-kitchen_1258-203924.jpg",
alt: "Person relaxing with coffee",
},
src: "http://img.b2bpic.net/free-photo/portrait-smiling-relaxed-woman-drinks-warm-tea-listens-music-ebook-kitchen_1258-203924.jpg", alt: "Person relaxing with coffee"},
{
src: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg",
alt: "Customer in a cafe",
},
src: "http://img.b2bpic.net/free-photo/therapist-taking-notes-mental-health-progress-with-adolescent_482257-124828.jpg", alt: "Customer in a cafe"},
{
src: "http://img.b2bpic.net/free-photo/adorable-lady-with-cup-coffee-walking-outside-sunny-good-day-city-square_291650-623.jpg",
alt: "Professional enjoying coffee",
},
src: "http://img.b2bpic.net/free-photo/adorable-lady-with-cup-coffee-walking-outside-sunny-good-day-city-square_291650-623.jpg", alt: "Professional enjoying coffee"},
{
src: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
alt: "Happy patron",
},
src: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg", alt: "Happy patron"},
]}
avatarText="Join our community of coffee lovers!"
marqueeItems={[
{
type: "text",
text: "Freshly Roasted Beans Daily",
},
type: "text", text: "Freshly Roasted Beans Daily"},
{
type: "text",
text: "Award-Winning Baristas",
},
type: "text", text: "Award-Winning Baristas"},
{
type: "text",
text: "Sustainable Sourcing",
},
type: "text", text: "Sustainable Sourcing"},
{
type: "text",
text: "Cozy Ambiance",
},
type: "text", text: "Cozy Ambiance"},
{
type: "text",
text: "Delicious Pastries",
},
type: "text", text: "Delicious Pastries"},
]}
/>
</div>
@@ -140,24 +102,15 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "Crafting the Perfect Cup: Our Story",
},
type: "text", content: "Crafting the Perfect Cup: Our Story"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/woman-having-cup-coffee-window-home-pandemic_23-2148781431.jpg",
alt: "Close up of coffee roasting process",
},
type: "image", src: "http://img.b2bpic.net/free-photo/woman-having-cup-coffee-window-home-pandemic_23-2148781431.jpg", alt: "Close up of coffee roasting process"},
{
type: "text",
content: "From the lush coffee farms to your cup, every step is a testament to our passion. We're dedicated to bringing you an exceptional coffee experience, ethically sourced and expertly prepared.",
},
type: "text", content: "From the lush coffee farms to your cup, every step is a testament to our passion. We're dedicated to bringing you an exceptional coffee experience, ethically sourced and expertly prepared."},
]}
buttons={[
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
/>
</div>
@@ -170,65 +123,23 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
brand: "Brew Haven",
name: "Classic Espresso",
price: "$3.50",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-meringue-cookies-arrangement_23-2148267719.jpg",
imageAlt: "A rich shot of espresso with thick crema",
},
id: "p1", brand: "Brew Haven", name: "Classic Espresso", price: "$3.50", rating: 5,
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/mock-up-clipboard-with-cup-coffee-meringue-cookies-arrangement_23-2148267719.jpg", imageAlt: "A rich shot of espresso with thick crema"},
{
id: "p2",
brand: "Brew Haven",
name: "Velvet Latte",
price: "$5.00",
rating: 5,
reviewCount: "320",
imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-6416.jpg",
imageAlt: "A latte with beautiful heart-shaped latte art",
},
id: "p2", brand: "Brew Haven", name: "Velvet Latte", price: "$5.00", rating: 5,
reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/ice-coffee_1339-6416.jpg", imageAlt: "A latte with beautiful heart-shaped latte art"},
{
id: "p3",
brand: "Brew Haven",
name: "Signature Cold Brew",
price: "$5.50",
rating: 5,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg",
imageAlt: "A glass of cold brew coffee with ice",
},
id: "p3", brand: "Brew Haven", name: "Signature Cold Brew", price: "$5.50", rating: 5,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-glass-with-condensation-ice_84443-83820.jpg", imageAlt: "A glass of cold brew coffee with ice"},
{
id: "p4",
brand: "Brew Haven",
name: "Artisan Croissant",
price: "$4.25",
rating: 4,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-coffee_1162-171.jpg",
imageAlt: "A flaky, golden artisan croissant",
},
id: "p4", brand: "Brew Haven", name: "Artisan Croissant", price: "$4.25", rating: 4,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/sweet-pastry-coffee_1162-171.jpg", imageAlt: "A flaky, golden artisan croissant"},
{
id: "p5",
brand: "Brew Haven",
name: "Ethiopian Yirgacheffe Beans",
price: "$18.00",
rating: 5,
reviewCount: "95",
imageSrc: "http://img.b2bpic.net/free-photo/cloth-bag-with-coffee-beans_23-2148937259.jpg",
imageAlt: "Bag of Ethiopian Yirgacheffe coffee beans",
},
id: "p5", brand: "Brew Haven", name: "Ethiopian Yirgacheffe Beans", price: "$18.00", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/cloth-bag-with-coffee-beans_23-2148937259.jpg", imageAlt: "Bag of Ethiopian Yirgacheffe coffee beans"},
{
id: "p6",
brand: "Brew Haven",
name: "Ceramic Branded Mug",
price: "$22.00",
rating: 5,
reviewCount: "60",
imageSrc: "http://img.b2bpic.net/free-photo/christmas-big-ball-with-cup-tea-wooden-board_114579-76517.jpg",
imageAlt: "Brew Haven branded ceramic mug",
},
id: "p6", brand: "Brew Haven", name: "Ceramic Branded Mug", price: "$22.00", rating: 5,
reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/christmas-big-ball-with-cup-tea-wooden-board_114579-76517.jpg", imageAlt: "Brew Haven branded ceramic mug"},
]}
title="Our Artisan Selection"
description="Discover a world of flavors, from rich espresso to refreshing cold brews, complemented by delectable pastries."
@@ -242,51 +153,27 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
label: "Ambiance",
title: "A Welcoming Retreat",
items: [
"Cozy and stylish interiors",
"Comfortable seating for all",
"Free high-speed Wi-Fi",
],
id: "f1", label: "Ambiance", title: "A Welcoming Retreat", items: [
"Cozy and stylish interiors", "Comfortable seating for all", "Free high-speed Wi-Fi"],
buttons: [
{
text: "See Gallery",
href: "#",
},
text: "See Gallery", href: "#"},
],
},
{
id: "f2",
label: "Artistry",
title: "Masterful Baristas",
items: [
"Expertly trained coffee artists",
"Consistent quality in every cup",
"Signature latte art creations",
],
id: "f2", label: "Artistry", title: "Masterful Baristas", items: [
"Expertly trained coffee artists", "Consistent quality in every cup", "Signature latte art creations"],
buttons: [
{
text: "Meet the Team",
href: "#",
},
text: "Meet the Team", href: "#"},
],
},
{
id: "f3",
label: "Sourcing",
title: "Ethically Sourced Beans",
items: [
"Direct trade relationships",
"Sustainable farming practices",
"Unique single-origin selections",
],
id: "f3", label: "Sourcing", title: "Ethically Sourced Beans", items: [
"Direct trade relationships", "Sustainable farming practices", "Unique single-origin selections"],
buttons: [
{
text: "Our Philosophy",
href: "#",
},
text: "Our Philosophy", href: "#"},
],
},
]}
@@ -300,35 +187,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah J.",
imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg",
imageAlt: "Sarah Johnson, a happy customer",
},
id: "1", name: "Sarah J.", imageSrc: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16122.jpg", imageAlt: "Sarah Johnson, a happy customer"},
{
id: "2",
name: "Michael T.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-man-cafe_329181-2096.jpg",
imageAlt: "Michael Thompson, enjoying coffee",
},
id: "2", name: "Michael T.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-man-cafe_329181-2096.jpg", imageAlt: "Michael Thompson, enjoying coffee"},
{
id: "3",
name: "Emily R.",
imageSrc: "http://img.b2bpic.net/free-photo/young-friends-looking-phones_23-2148395315.jpg",
imageAlt: "Emily Roberts, a satisfied client",
},
id: "3", name: "Emily R.", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-looking-phones_23-2148395315.jpg", imageAlt: "Emily Roberts, a satisfied client"},
{
id: "4",
name: "David L.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-cup-tea_23-2148276074.jpg",
imageAlt: "David Lee, a regular customer",
},
id: "4", name: "David L.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-holding-cup-tea_23-2148276074.jpg", imageAlt: "David Lee, a regular customer"},
{
id: "5",
name: "Jessica M.",
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
imageAlt: "Jessica Miller, delighted with her coffee",
},
id: "5", name: "Jessica M.", imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg", imageAlt: "Jessica Miller, delighted with her coffee"},
]}
cardTitle="What Our Customers Say"
cardTag="Rave Reviews"
@@ -342,25 +209,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "Where do you source your coffee beans?",
content: "We partner directly with sustainable farms in Ethiopia, Colombia, and Brazil to ensure ethical sourcing and exceptional quality.",
},
id: "faq1", title: "Where do you source your coffee beans?", content: "We partner directly with sustainable farms in Ethiopia, Colombia, and Brazil to ensure ethical sourcing and exceptional quality."},
{
id: "faq2",
title: "Do you offer dairy-free milk alternatives?",
content: "Yes, we offer a variety of dairy-free options including almond, oat, and soy milk for all our coffee beverages.",
},
id: "faq2", title: "Do you offer dairy-free milk alternatives?", content: "Yes, we offer a variety of dairy-free options including almond, oat, and soy milk for all our coffee beverages."},
{
id: "faq3",
title: "Can I order coffee beans for home delivery?",
content: "Absolutely! You can purchase our freshly roasted beans directly from our website for convenient home delivery.",
},
id: "faq3", title: "Can I order coffee beans for home delivery?", content: "Absolutely! You can purchase our freshly roasted beans directly from our website for convenient home delivery."},
{
id: "faq4",
title: "What are your operating hours?",
content: "We're open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM.",
},
id: "faq4", title: "What are your operating hours?", content: "We're open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM."},
]}
imageSrc="http://img.b2bpic.net/free-photo/ceramic-cups-coffee-machine_23-2147830564.jpg"
imageAlt="Barista preparing coffee at the counter"
@@ -378,29 +233,11 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "10+",
title: "Years of Brewing",
description: "Dedicated to crafting exceptional coffee experiences.",
imageSrc: "http://img.b2bpic.net/free-photo/energy-coffee-seed-food-aroma_1172-470.jpg",
imageAlt: "Coffee beans",
},
id: "m1", value: "10+", title: "Years of Brewing", description: "Dedicated to crafting exceptional coffee experiences.", imageSrc: "http://img.b2bpic.net/free-photo/energy-coffee-seed-food-aroma_1172-470.jpg", imageAlt: "Coffee beans"},
{
id: "m2",
value: "50K+",
title: "Cups Served",
description: "Bringing joy and warmth to our cherished customers.",
imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg",
imageAlt: "Barista making coffee",
},
id: "m2", value: "50K+", title: "Cups Served", description: "Bringing joy and warmth to our cherished customers.", imageSrc: "http://img.b2bpic.net/free-photo/barista-preparing-beverage_23-2149458092.jpg", imageAlt: "Barista making coffee"},
{
id: "m3",
value: "99%",
title: "Customer Satisfaction",
description: "We strive for perfection in every interaction and every sip.",
imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg",
imageAlt: "Happy customers",
},
id: "m3", value: "99%", title: "Customer Satisfaction", description: "We strive for perfection in every interaction and every sip.", imageSrc: "http://img.b2bpic.net/free-photo/best-friend-always-makes-ma-laugh_329181-2920.jpg", imageAlt: "Happy customers"},
]}
title="Our Passion, In Numbers"
description="Behind every cup is a commitment to excellence and a love for coffee that we're proud to share."
@@ -411,14 +248,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={false}
background={{
variant: "downward-rays-static-grid",
}}
variant: "downward-rays-static-grid"}}
text="Visit us at Brew Haven and experience coffee like never before. We're excited to welcome you!"
buttons={[
{
text: "Get Directions",
href: "https://maps.google.com/?q=123+Coffee+Lane,+City,+State",
},
text: "Get Directions", href: "https://maps.google.com/?q=123+Coffee+Lane,+City,+State"},
]}
/>
</div>
@@ -427,58 +261,35 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Menu",
items: [
title: "Menu", items: [
{
label: "Espresso",
href: "#menu",
},
label: "Espresso", href: "#menu"},
{
label: "Latte",
href: "#menu",
},
label: "Latte", href: "#menu"},
{
label: "Cold Brew",
href: "#menu",
},
label: "Cold Brew", href: "#menu"},
{
label: "Pastries",
href: "#menu",
},
label: "Pastries", href: "#menu"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}