bender/b9e222bc-5c7c-4353-af63-15446f4b753a
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-27 18:33:29 +00:00
parent 9359e0ec3d
commit b4d882c37d
1 changed files with 46 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

267
src/app/page.tsx
View File

@@ -33,98 +33,61 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
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: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="She'Brews Coffee House"
button={{
text: "Order Online",
href: "#",
}}
text: "Order Online", href: "#"}}
/>
</div>
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="She'Brews Coffee House"
description="Your Cozy Corner for Exceptional Coffee & Community. Freshly Brewed, Delightfully Crafted."
buttons={[
{
text: "View Menu",
href: "#menu",
},
text: "View Menu", href: "#menu"},
{
text: "Order Online",
href: "#",
},
text: "Order Online", href: "#"},
]}
imageSrc="http://img.b2bpic.net/free-photo/tasty-plain-cup-latte-wooden-table-coffee-shop-bokeh-lights-background_1268-20258.jpg"
imageAlt="A perfectly crafted latte on a table in a cozy coffee shop."
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
alt: "Smiling customer",
},
src: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", alt: "Smiling customer"},
{
src: "http://img.b2bpic.net/free-photo/shot-handsome-unshaven-male-with-positive-expression-dressed-white-shirt-with-red-braces-isolated-white-wall-cheerful-man-freelancer-spectacles-rejoices-success-his-career_273609-16003.jpg",
alt: "Happy coffee drinker",
},
src: "http://img.b2bpic.net/free-photo/shot-handsome-unshaven-male-with-positive-expression-dressed-white-shirt-with-red-braces-isolated-white-wall-cheerful-man-freelancer-spectacles-rejoices-success-his-career_273609-16003.jpg", alt: "Happy coffee drinker"},
{
src: "http://img.b2bpic.net/free-photo/headshot-pleased-cheerful-african-american-woman-touches-cheeks-closes-eyes-enjoys-pleasant-moment-wears-yellow-raincoat-isolated-blue-background_273609-33937.jpg",
alt: "Satisfied client",
},
src: "http://img.b2bpic.net/free-photo/headshot-pleased-cheerful-african-american-woman-touches-cheeks-closes-eyes-enjoys-pleasant-moment-wears-yellow-raincoat-isolated-blue-background_273609-33937.jpg", alt: "Satisfied client"},
{
src: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg",
alt: "Regular patron",
},
src: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424007.jpg", alt: "Regular patron"},
{
src: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg",
alt: "Community member",
},
src: "http://img.b2bpic.net/free-photo/joyful-young-woman-with-pixie-haircut-looking-side_141793-33142.jpg", alt: "Community member"},
]}
avatarText="Join our growing community!"
marqueeItems={[
{
type: "text",
text: "Freshly Roasted Beans",
},
type: "text", text: "Freshly Roasted Beans"},
{
type: "text",
text: "Artisan Crafted Beverages",
},
type: "text", text: "Artisan Crafted Beverages"},
{
type: "text",
text: "Cozy Atmosphere",
},
type: "text", text: "Cozy Atmosphere"},
{
type: "text",
text: "Delicious Pastries Daily",
},
type: "text", text: "Delicious Pastries Daily"},
{
type: "text",
text: "Community Focused",
},
type: "text", text: "Community Focused"},
]}
/>
</div>
@@ -134,19 +97,12 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "About Our Cozy Haven",
},
type: "text", content: "About Our Cozy Haven"},
]}
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
description="She'Brews Coffee House offers a pleasant atmosphere, with a cozy and clean environment. Our friendly staff serves superb coffee and delicious options like the popular iced matcha with vanilla. It's the ideal spot to relax, work, read, or meet friends."
imageSrc="http://img.b2bpic.net/free-photo/closeup-hand-female-holding-coffee-cup-cafe-add-filter-retro-color-tone_1150-12753.jpg"
imageAlt="Coffee beans being roasted."
/>
</div>
@@ -158,29 +114,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Iced Matcha with Vanilla",
description: "A popular, refreshing blend of vibrant matcha and sweet vanilla, perfectly chilled for a delightful experience.",
imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg",
imageAlt: "Iced Matcha with Vanilla",
titleImageSrc: "http://img.b2bpic.net/free-vector/abstract-leaf-gradient-logo-design_474888-2531.jpg",
buttonText: "Discover More",
},
title: "Iced Matcha with Vanilla", description: "A popular, refreshing blend of vibrant matcha and sweet vanilla, perfectly chilled for a delightful experience.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-latte-cup_417767-46.jpg", imageAlt: "Iced Matcha with Vanilla", titleImageSrc: "http://img.b2bpic.net/free-vector/abstract-leaf-gradient-logo-design_474888-2531.jpg", buttonText: "Discover More"},
{
title: "Rich Espresso Drinks",
description: "Experience the bold and aromatic flavors of our expertly pulled espresso, the heart of all our coffee creations.",
imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-from-coffee-machine_140725-1086.jpg",
imageAlt: "Rich Espresso Drinks",
titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage_23-2149259330.jpg",
buttonText: "Explore Coffee",
},
title: "Rich Espresso Drinks", description: "Experience the bold and aromatic flavors of our expertly pulled espresso, the heart of all our coffee creations.", imageSrc: "http://img.b2bpic.net/free-photo/boiled-coffee-from-coffee-machine_140725-1086.jpg", imageAlt: "Rich Espresso Drinks", titleImageSrc: "http://img.b2bpic.net/free-vector/flat-design-cafe-signage_23-2149259330.jpg", buttonText: "Explore Coffee"},
{
title: "Delicious Pastries",
description: "Complement your drink with our fresh, artisanal pastries, baked daily to perfection.",
imageSrc: "http://img.b2bpic.net/free-photo/sweet-bagels-wooden-cutting-board_127675-2538.jpg",
imageAlt: "Delicious Pastries",
titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q7goy7",
buttonText: "See Treats",
},
title: "Delicious Pastries", description: "Complement your drink with our fresh, artisanal pastries, baked daily to perfection.", imageSrc: "http://img.b2bpic.net/free-photo/sweet-bagels-wooden-cutting-board_127675-2538.jpg", imageAlt: "Delicious Pastries", titleImageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q7goy7", buttonText: "See Treats"},
]}
title="Signature Sips & Bites"
description="Indulge in our carefully crafted selection of beverages and delectable treats, made with passion and the finest ingredients."
@@ -195,53 +133,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "coffee-1",
name: "Classic Americano",
price: "$3.50",
variant: "Hot/Iced",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-close-up-outside-portrait-charming-cute-girl-knitted-cap-scarf-drinking-coffee-enjoying-coffee-break_291650-1372.jpg",
imageAlt: "Classic Americano coffee",
},
id: "coffee-1", name: "Classic Americano", price: "$3.50", variant: "Hot/Iced", imageSrc: "http://img.b2bpic.net/free-photo/cropped-close-up-outside-portrait-charming-cute-girl-knitted-cap-scarf-drinking-coffee-enjoying-coffee-break_291650-1372.jpg", imageAlt: "Classic Americano coffee"},
{
id: "coffee-2",
name: "Creamy Latte",
price: "$4.75",
variant: "Various Flavors",
imageSrc: "http://img.b2bpic.net/free-photo/girl-drinks-hot-chocolate-from-cup-sitting-enveloped-plaid_1304-3352.jpg",
imageAlt: "Creamy Latte with foam art",
},
id: "coffee-2", name: "Creamy Latte", price: "$4.75", variant: "Various Flavors", imageSrc: "http://img.b2bpic.net/free-photo/girl-drinks-hot-chocolate-from-cup-sitting-enveloped-plaid_1304-3352.jpg", imageAlt: "Creamy Latte with foam art"},
{
id: "coffee-3",
name: "Caramel Macchiato",
price: "$5.25",
variant: "Sweet Indulgence",
imageSrc: "http://img.b2bpic.net/free-photo/iced-cappuccino_1339-1610.jpg",
imageAlt: "Iced Caramel Macchiato",
},
id: "coffee-3", name: "Caramel Macchiato", price: "$5.25", variant: "Sweet Indulgence", imageSrc: "http://img.b2bpic.net/free-photo/iced-cappuccino_1339-1610.jpg", imageAlt: "Iced Caramel Macchiato"},
{
id: "coffee-4",
name: "Morning Croissant",
price: "$3.00",
variant: "Buttery & Flaky",
imageSrc: "http://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg",
imageAlt: "Freshly baked croissant",
},
id: "coffee-4", name: "Morning Croissant", price: "$3.00", variant: "Buttery & Flaky", imageSrc: "http://img.b2bpic.net/free-photo/white-cheese-bread-with-eggs_140725-3991.jpg", imageAlt: "Freshly baked croissant"},
{
id: "coffee-5",
name: "Blueberry Muffin",
price: "$2.75",
variant: "Fresh Baked",
imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7072.jpg",
imageAlt: "Blueberry Muffin",
},
id: "coffee-5", name: "Blueberry Muffin", price: "$2.75", variant: "Fresh Baked", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7072.jpg", imageAlt: "Blueberry Muffin"},
{
id: "coffee-6",
name: "Sparkling Lemonade",
price: "$4.00",
variant: "Refreshing",
imageSrc: "http://img.b2bpic.net/free-photo/slices-orange-lemon-grapefruit-lie-water-full-air_1304-3004.jpg",
imageAlt: "Sparkling Lemonade with lemon slices",
},
id: "coffee-6", name: "Sparkling Lemonade", price: "$4.00", variant: "Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/slices-orange-lemon-grapefruit-lie-water-full-air_1304-3004.jpg", imageAlt: "Sparkling Lemonade with lemon slices"},
]}
title="Our Full Menu"
description="From classic coffee to unique seasonal specials and savory bites, there’s something for everyone to enjoy."
@@ -254,65 +156,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Satisfied Customer",
date: "March 2026",
title: "Great Coffee, Highly Recommended!",
quote: "Great coffee! First time trying it and definitely recommend! Thank you!!",
tag: "Coffee Lover",
avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-hipster-guy-stands-with-eyes-closed-thinks-about-something-positive-has-smile-face-dark-bristle_273609-38725.jpg",
avatarAlt: "Avatar of Satisfied Customer",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg",
imageAlt: "Coffee cup on a table",
},
id: "t1", name: "Satisfied Customer", date: "March 2026", title: "Great Coffee, Highly Recommended!", quote: "Great coffee! First time trying it and definitely recommend! Thank you!!", tag: "Coffee Lover", avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-pleased-hipster-guy-stands-with-eyes-closed-thinks-about-something-positive-has-smile-face-dark-bristle_273609-38725.jpg", avatarAlt: "Avatar of Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-cup-cappuccino-with-white-heart-pattern-wooden-table_181624-9618.jpg", imageAlt: "Coffee cup on a table"},
{
id: "t2",
name: "Traveler",
date: "December 2025",
title: "Cutest Coffee Shop with Yummy Food!",
quote: "She’ Brew Coffee & Co., is the cutest little coffee shop. My dad and I stopped there while traveling through. The coffee is great, the food is yummy, and the owners are so welcoming and genuine!",
tag: "New Visitor",
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg",
avatarAlt: "Avatar of Traveler",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-with-drinks_1122-458.jpg",
imageAlt: "Vintage coffee shop interior",
},
id: "t2", name: "Traveler", date: "December 2025", title: "Cutest Coffee Shop with Yummy Food!", quote: "She’ Brew Coffee & Co., is the cutest little coffee shop. My dad and I stopped there while traveling through. The coffee is great, the food is yummy, and the owners are so welcoming and genuine!", tag: "New Visitor", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-ginger-hair-clean-healthy-skin_273609-8996.jpg", avatarAlt: "Avatar of Traveler", imageSrc: "http://img.b2bpic.net/free-photo/elegant-table-with-drinks_1122-458.jpg", imageAlt: "Vintage coffee shop interior"},
{
id: "t3",
name: "Coffee Connoisseur",
date: "June 2025",
title: "Perfect Dulce de Leche Iced Coffee",
quote: "Ordered a dulce de leche iced coffee. Great espresso shot and not too sweet.",
tag: "Flavor Expert",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg",
avatarAlt: "Avatar of Coffee Connoisseur",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-pours-coffee-into-milkshake-with-whipped-cream-glass-with-cookies-tray_141793-13045.jpg",
imageAlt: "Dulce de leche iced coffee",
},
id: "t3", name: "Coffee Connoisseur", date: "June 2025", title: "Perfect Dulce de Leche Iced Coffee", quote: "Ordered a dulce de leche iced coffee. Great espresso shot and not too sweet.", tag: "Flavor Expert", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-transgender-wearing-sunglasses_23-2149105478.jpg", avatarAlt: "Avatar of Coffee Connoisseur", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-pours-coffee-into-milkshake-with-whipped-cream-glass-with-cookies-tray_141793-13045.jpg", imageAlt: "Dulce de leche iced coffee"},
{
id: "t4",
name: "Sarah Johnson",
date: "May 2024",
title: "Wonderful Atmosphere for Work",
quote: "This is my go-to spot for reading and working. The quiet ambiance and excellent coffee make it perfect.",
tag: "Remote Worker",
avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-hair-with-glass-coffee-is-smiling-laughing_1321-1556.jpg",
avatarAlt: "Avatar of Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg",
imageAlt: "Person reading in a cafe",
},
id: "t4", name: "Sarah Johnson", date: "May 2024", title: "Wonderful Atmosphere for Work", quote: "This is my go-to spot for reading and working. The quiet ambiance and excellent coffee make it perfect.", tag: "Remote Worker", avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-with-long-hair-with-glass-coffee-is-smiling-laughing_1321-1556.jpg", avatarAlt: "Avatar of Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-cup-coffee-cafe_107420-63679.jpg", imageAlt: "Person reading in a cafe"},
{
id: "t5",
name: "Michael Lee",
date: "April 2024",
title: "Friendly Staff and Clean Environment",
quote: "The staff here is always so friendly and the place is immaculately clean. A truly pleasant experience every time!",
tag: "Local Regular",
avatarSrc: "http://img.b2bpic.net/free-photo/tourists-picking-direction_23-2147654150.jpg",
avatarAlt: "Avatar of Michael Lee",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg",
imageAlt: "Modern coffee shop counter",
},
id: "t5", name: "Michael Lee", date: "April 2024", title: "Friendly Staff and Clean Environment", quote: "The staff here is always so friendly and the place is immaculately clean. A truly pleasant experience every time!", tag: "Local Regular", avatarSrc: "http://img.b2bpic.net/free-photo/tourists-picking-direction_23-2147654150.jpg", avatarAlt: "Avatar of Michael Lee", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-brunette-woman-drinks-morning-coffee-cafe_613910-12094.jpg", imageAlt: "Modern coffee shop counter"},
]}
title="What Our Guests Say"
description="Read heartfelt reviews from our wonderful customers about their experience at She'Brews."
@@ -326,20 +178,11 @@ export default function LandingPage() {
tag="Customer Satisfaction"
metrics={[
{
id: "m1",
value: "4.8",
description: "Average Rating",
},
id: "m1", value: "4.8", description: "Average Rating"},
{
id: "m2",
value: "56+",
description: "Happy Reviews",
},
id: "m2", value: "56+", description: "Happy Reviews"},
{
id: "m3",
value: "7+",
description: "Years Brewing",
},
id: "m3", value: "7+", description: "Years Brewing"},
]}
metricsAnimation="slide-up"
/>
@@ -351,20 +194,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq1",
title: "What are your opening hours?",
content: "We are open Monday to Friday from 7 AM to 3 PM. We are closed on Saturdays and Sundays.",
},
id: "faq1", title: "What are your opening hours?", content: "We are open Monday to Friday from 7 AM to 3 PM. We are closed on Saturdays and Sundays."},
{
id: "faq2",
title: "Where are you located?",
content: "You can find us at 1601 Lubbock Rd, Brownfield.",
},
id: "faq2", title: "Where are you located?", content: "You can find us at 1601 Lubbock Rd, Brownfield."},
{
id: "faq3",
title: "Do you have online ordering?",
content: "Yes, you can order online through our website for convenient pickup.",
},
id: "faq3", title: "Do you have online ordering?", content: "Yes, you can order online through our website for convenient pickup."},
]}
title="Your Questions, Answered"
description="Find quick answers to the most common inquiries about She'Brews Coffee House."
@@ -376,14 +210,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
text="Visit Us Today!\n1601 Lubbock Rd, Brownfield\n(806) 592-1569"
buttons={[
{
text: "Get Directions",
href: "https://www.google.com/maps/dir/?api=1&destination=1601+Lubbock+Rd,+Brownfield",
},
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=1601+Lubbock+Rd,+Brownfield"},
]}
/>
</div>
@@ -395,19 +226,13 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
]}
/>
</div>