bender/6ba17a50-4e14-4cbd-92f9-a2677dd28e38
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-11 13:49:45 +00:00
parent fa8e9dfcf9
commit b89746bc6b
1 changed files with 78 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

344
src/app/page.tsx
View File

@@ -31,74 +31,45 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
{
name: "Book a Table", id: "contact"},
]}
brandName="Brew Haven"
brandName="Craft Coffee"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Crafted Coffee, Cozy Moments"
description="Indulge in the finest artisanal roasts, carefully prepared to bring warmth and comfort to your daily ritual at Brew Haven."
description="Indulge in the finest artisanal roasts, carefully prepared to bring warmth and comfort to your daily ritual at Craft Coffee."
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
text: "Explore Menu", href: "#menu"},
{
text: "Order Now",
href: "#",
},
text: "Book a Table", href: "#contact"},
]}
carouselItems={[
{
id: "1",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg?_wi=1",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg?_wi=1", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
{
id: "2",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164712.jpg",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-table_23-2148164712.jpg", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
{
id: "3",
imageSrc: "http://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies_23-2148441201.jpg",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-view-cold-coffee-with-cookies_23-2148441201.jpg", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
{
id: "4",
imageSrc: "http://img.b2bpic.net/free-photo/dark-mocha-steam-fills-rustic-coffee-cup-generated-by-ai_188544-18607.jpg",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/dark-mocha-steam-fills-rustic-coffee-cup-generated-by-ai_188544-18607.jpg", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
{
id: "5",
imageSrc: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/twig-near-cups-lamp_23-2147811205.jpg", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
{
id: "6",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg",
imageAlt: "warm cozy coffee shop scene cinematic lighting",
},
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/fresh-coffee-steam-rises-from-single-dark-mug-generated-by-ai_188544-30429.jpg", imageAlt: "warm cozy coffee shop scene cinematic lighting"},
]}
/>
</div>
@@ -110,68 +81,33 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "c1",
title: "Hot Coffee",
tags: [
"Steam",
"Fresh",
],
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-coffee-beans-chocolate_8353-1476.jpg?_wi=1",
},
id: "c1", title: "Hot Coffee", tags: [
"Steam", "Fresh"],
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-coffee-beans-chocolate_8353-1476.jpg?_wi=1"},
{
id: "c2",
title: "Cold Coffee",
tags: [
"Chilled",
"Refreshing",
],
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-splash-ice-cubes_84443-83799.jpg?_wi=1",
},
id: "c2", title: "Cold Coffee", tags: [
"Chilled", "Refreshing"],
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-splash-ice-cubes_84443-83799.jpg?_wi=1"},
{
id: "c3",
title: "Espresso",
tags: [
"Rich",
"Bold",
],
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg?_wi=1",
},
id: "c3", title: "Espresso", tags: [
"Rich", "Bold"],
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg?_wi=1"},
{
id: "c4",
title: "Soft Drinks",
tags: [
"Fizz",
"Cool",
],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-slice-sparkling-water_23-2149440303.jpg?_wi=1",
},
id: "c4", title: "Soft Drinks", tags: [
"Fizz", "Cool"],
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-slice-sparkling-water_23-2149440303.jpg?_wi=1"},
{
id: "c5",
title: "Desserts",
tags: [
"Sweet",
"Gourmet",
],
imageSrc: "http://img.b2bpic.net/free-photo/homemade-cake-chestnuts-close-up_23-2148395150.jpg",
},
id: "c5", title: "Desserts", tags: [
"Sweet", "Gourmet"],
imageSrc: "http://img.b2bpic.net/free-photo/homemade-cake-chestnuts-close-up_23-2148395150.jpg"},
{
id: "c6",
title: "Snacks",
tags: [
"Savory",
"Quick",
],
imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-packed-breakfast_23-2148454739.jpg",
},
id: "c6", title: "Snacks", tags: [
"Savory", "Quick"],
imageSrc: "http://img.b2bpic.net/free-photo/sandwiches-packed-breakfast_23-2148454739.jpg"},
{
id: "c7",
title: "Main Food",
tags: [
"Full",
"Hearty",
],
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-organic-vegetables-black-olives-generated-by-ai_188544-32862.jpg",
},
id: "c7", title: "Main Food", tags: [
"Full", "Hearty"],
imageSrc: "http://img.b2bpic.net/free-photo/fresh-salad-with-organic-vegetables-black-olives-generated-by-ai_188544-32862.jpg"},
]}
title="Our Specialties"
description="Discover a diverse world of flavors, from bold espressos to delicate desserts."
@@ -186,47 +122,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Cappuccino",
price: "$4.50",
variant: "Hot",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg",
},
id: "p1", name: "Cappuccino", price: "$4.50", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee-cup_1203-3394.jpg"},
{
id: "p2",
name: "Mocha",
price: "$5.00",
variant: "Hot",
imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-chocolate-with-cream_23-2148349596.jpg",
},
id: "p2", name: "Mocha", price: "$5.00", variant: "Hot", imageSrc: "http://img.b2bpic.net/free-photo/tasty-hot-chocolate-with-cream_23-2148349596.jpg"},
{
id: "p3",
name: "Cold Brew",
price: "$5.50",
variant: "Iced",
imageSrc: "http://img.b2bpic.net/free-photo/drink-coke-seen-from_1203-274.jpg",
},
id: "p3", name: "Cold Brew", price: "$5.50", variant: "Iced", imageSrc: "http://img.b2bpic.net/free-photo/drink-coke-seen-from_1203-274.jpg"},
{
id: "p4",
name: "Brownie Shake",
price: "$6.00",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-684.jpg",
},
id: "p4", name: "Brownie Shake", price: "$6.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/caramel-popcorn-cacao-with-whipped-cream-unhealthy-food_501050-684.jpg"},
{
id: "p5",
name: "Cheesecake",
price: "$4.00",
variant: "Dessert",
imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-strawberries-wooden-table_123827-35851.jpg",
},
id: "p5", name: "Cheesecake", price: "$4.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/slice-cheesecake-with-strawberries-wooden-table_123827-35851.jpg"},
{
id: "p6",
name: "Fries",
price: "$3.50",
variant: "Snack",
imageSrc: "http://img.b2bpic.net/free-photo/dark-pan-with-fried-egg-slices-brown-bread-wooden-board_114579-48118.jpg",
},
id: "p6", name: "Fries", price: "$3.50", variant: "Snack", imageSrc: "http://img.b2bpic.net/free-photo/dark-pan-with-fried-egg-slices-brown-bread-wooden-board_114579-48118.jpg"},
]}
title="Signature Menu"
description="Premium selections hand-crafted for the coffee enthusiast."
@@ -237,20 +143,14 @@ export default function LandingPage() {
<MetricSplitMediaAbout
useInvertedBackground={false}
title="Our Story"
description="Brew Haven was born from a passion for the perfect pour. We source sustainably, roast locally, and serve with love."
description="Craft Coffee was born from a passion for the perfect pour. We source sustainably, roast locally, and serve with love."
metrics={[
{
value: "100%",
title: "Ethically Sourced",
},
value: "100%", title: "Ethically Sourced"},
{
value: "50+",
title: "Unique Blends",
},
value: "50+", title: "Unique Blends"},
{
value: "10k+",
title: "Happy Guests",
},
value: "10k+", title: "Happy Guests"},
]}
imageSrc="http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg"
imageAlt="cozy cafe interior warm lighting"
@@ -266,48 +166,22 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "o1",
tag: "Combo",
price: "Buy 1 Get 1",
period: "Daily",
description: "Bring a friend and enjoy double the warmth.",
button: {
text: "Claim Deal",
},
featuresTitle: "Included",
features: [
"All coffees",
"Selected teas",
],
id: "o1", tag: "Combo", price: "Buy 1 Get 1", period: "Daily", description: "Bring a friend and enjoy double the warmth.", button: {
text: "Claim Deal"},
featuresTitle: "Included", features: [
"All coffees", "Selected teas"],
},
{
id: "o2",
tag: "Discount",
price: "20% Off",
period: "Weekdays",
description: "Special student discount for all daily sessions.",
button: {
text: "View Details",
},
featuresTitle: "Requirements",
features: [
"Student ID required",
],
id: "o2", tag: "Discount", price: "20% Off", period: "Weekdays", description: "Special student discount for all daily sessions.", button: {
text: "View Details"},
featuresTitle: "Requirements", features: [
"Student ID required"],
},
{
id: "o3",
tag: "Event",
price: "Live Music",
period: "Weekends",
description: "Unwind with local artists every Friday & Saturday.",
button: {
text: "Reserve Table",
},
featuresTitle: "Highlights",
features: [
"Acoustic sets",
"Cozy atmosphere",
],
id: "o3", tag: "Event", price: "Live Music", period: "Weekends", description: "Unwind with local artists every Friday & Saturday.", button: {
text: "Reserve Table"},
featuresTitle: "Highlights", features: [
"Acoustic sets", "Cozy atmosphere"],
},
]}
title="Special Offers"
@@ -321,60 +195,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Elena P.",
date: "Oct 2024",
title: "Regular",
quote: "The best night vibes in the city.",
tag: "Art",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
id: "t1", name: "Elena P.", date: "Oct 2024", title: "Regular", quote: "The best night vibes in the city.", tag: "Art", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-brunette-woman-sitting-with-coffee-using-smartphone-cafe-chatting_1258-199048.jpg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-hot-coffee_658428-103.jpg?_wi=2", imageAlt: "happy customer portrait"},
{
id: "t2",
name: "Marco V.",
date: "Sep 2024",
title: "Coffee Nerd",
quote: "The cold brew here is exceptional.",
tag: "Coffee",
avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-beverage_23-2149304428.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-coffee-beans-chocolate_8353-1476.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
id: "t2", name: "Marco V.", date: "Sep 2024", title: "Coffee Nerd", quote: "The cold brew here is exceptional.", tag: "Coffee", avatarSrc: "http://img.b2bpic.net/free-photo/young-adult-enjoying-beverage_23-2149304428.jpg", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-stands-coffee-beans-chocolate_8353-1476.jpg?_wi=2", imageAlt: "happy customer portrait"},
{
id: "t3",
name: "Sarah K.",
date: "Aug 2024",
title: "Student",
quote: "Perfect spot for studying comfortably.",
tag: "Vibes",
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-coffee-cup_23-2149308470.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-splash-ice-cubes_84443-83799.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
id: "t3", name: "Sarah K.", date: "Aug 2024", title: "Student", quote: "Perfect spot for studying comfortably.", tag: "Vibes", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-holding-coffee-cup_23-2149308470.jpg", imageSrc: "http://img.b2bpic.net/free-photo/refreshing-iced-coffee-with-splash-ice-cubes_84443-83799.jpg?_wi=2", imageAlt: "happy customer portrait"},
{
id: "t4",
name: "David L.",
date: "Jul 2024",
title: "Foodie",
quote: "Loved the pasta and the coffee pairing.",
tag: "Food",
avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15947.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
id: "t4", name: "David L.", date: "Jul 2024", title: "Foodie", quote: "Loved the pasta and the coffee pairing.", tag: "Food", avatarSrc: "http://img.b2bpic.net/free-photo/young-beautiful-smiling-hipster-girl-trendy-summer-clothes-carefree-woman-sitting-veranda-terrace-cafe-drinking-coffee-positive-model-having-fun-dreams_158538-15947.jpg", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-black-cup-saucer-dark-table-freee-place_140725-129927.jpg?_wi=2", imageAlt: "happy customer portrait"},
{
id: "t5",
name: "Anna J.",
date: "Jun 2024",
title: "Designer",
quote: "The cafe interior is truly inspiring.",
tag: "Design",
avatarSrc: "http://img.b2bpic.net/free-photo/elderly-woman-talking-with-friends-drinking-coffee_23-2149260220.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-slice-sparkling-water_23-2149440303.jpg?_wi=2",
imageAlt: "happy customer portrait",
},
id: "t5", name: "Anna J.", date: "Jun 2024", title: "Designer", quote: "The cafe interior is truly inspiring.", tag: "Design", avatarSrc: "http://img.b2bpic.net/free-photo/elderly-woman-talking-with-friends-drinking-coffee_23-2149260220.jpg", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-orange-slice-sparkling-water_23-2149440303.jpg?_wi=2", imageAlt: "happy customer portrait"},
]}
title="Gallery & Vibes"
description="Moments captured in our cozy little nook."
@@ -385,13 +214,11 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "cell-wave",
}}
variant: "cell-wave"}}
text="Join us for a cup of coffee. Reserve your table or drop by for a chat."
buttons={[
{
text: "Contact Us",
},
text: "Make a Reservation"},
]}
/>
</div>
@@ -399,45 +226,30 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/dark-gray-waving-lines_1194-6709.jpg"
logoText="Brew Haven"
logoText="Craft Coffee"
columns={[
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "#",
},
label: "Our Story", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Help",
items: [
title: "Help", items: [
{
label: "FAQ",
href: "#",
},
label: "FAQ", href: "#"},
{
label: "Contact",
href: "#",
},
label: "Contact", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy",
href: "#",
},
label: "Privacy", href: "#"},
{
label: "Terms",
href: "#",
},
label: "Terms", href: "#"},
],
},
]}
@@ -447,4 +259,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}