bender/32174745-6189-435e-a2d4-977a150f9009
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-04-11 16:40:25 +00:00
parent 8d9beb70b1
commit 1742fe5440
1 changed files with 50 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

271
src/app/page.tsx
View File

@@ -30,26 +30,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Story",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Space",
id: "experience",
},
{
name: "Visit",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "Story", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Space", id: "experience" },
{ name: "Visit", id: "contact" },
]}
brandName="Brwn"
/>
@@ -57,66 +42,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Where Coffee Meets Luxury"
description="Experience the art of the perfect brew. Brwn is designed for those who appreciate the finer things."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-asian-model-girl-with-braided-hairstyle_158595-3605.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/brunette-guy-shirt-looks-camera-thoughtfully-against-isolated-wall_197531-23276.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-athletic-woman-preparing-work-out_23-2148781787.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/handsome-mature-businessman-looking-confident-smiling_176420-31691.jpg",
alt: "Customer",
},
{
src: "http://img.b2bpic.net/free-photo/happy-modern-woman-posing-sunlight-looking-camera_23-2148229365.jpg",
alt: "Customer",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-attractive-asian-model-girl-with-braided-hairstyle_158595-3605.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/brunette-guy-shirt-looks-camera-thoughtfully-against-isolated-wall_197531-23276.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/side-view-athletic-woman-preparing-work-out_23-2148781787.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/handsome-mature-businessman-looking-confident-smiling_176420-31691.jpg", alt: "Customer" },
{ src: "http://img.b2bpic.net/free-photo/happy-modern-woman-posing-sunlight-looking-camera_23-2148229365.jpg", alt: "Customer" },
]}
avatarText="Join 10,000+ coffee enthusiasts"
buttons={[
{
text: "Explore Menu",
href: "#menu",
},
{
text: "Visit Us",
href: "#contact",
},
{ text: "Explore Menu", href: "#menu" },
{ text: "Visit Us", href: "#contact" },
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text",
text: "Ethically Sourced",
},
{
type: "text",
text: "Artisanal Roasting",
},
{
type: "text",
text: "Modern Elegance",
},
{
type: "text",
text: "Premium Beans",
},
{
type: "text",
text: "Unique Blends",
},
{ type: "text", text: "Ethically Sourced" },
{ type: "text", text: "Artisanal Roasting" },
{ type: "text", text: "Modern Elegance" },
{ type: "text", text: "Premium Beans" },
{ type: "text", text: "Unique Blends" },
]}
/>
</div>
@@ -127,20 +74,11 @@ export default function LandingPage() {
title="Crafted for the Soul"
description="At Brwn, we treat every bean as a masterpiece. From ethical sourcing to our artisanal roasting process, we ensure every sip tells a story of elegance and comfort."
metrics={[
{
value: "100%",
title: "Ethically Sourced",
},
{
value: "48h",
title: "Freshly Roasted",
},
{
value: "12",
title: "Unique Blends",
},
{ value: "100%", title: "Ethically Sourced" },
{ value: "48h", title: "Freshly Roasted" },
{ value: "12", title: "Unique Blends" },
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116654.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116654.jpg"
mediaAnimation="blur-reveal"
metricsAnimation="slide-up"
/>
@@ -153,48 +91,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Espresso",
price: "$6.00",
variant: "Intense & Velvety",
imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-blanket-lady-sitting-terrace-brunette-drinks-coffee_1157-43454.jpg?_wi=1",
},
{
id: "2",
name: "Golden Latte",
price: "$7.50",
variant: "Spiced & Creamy",
imageSrc: "http://img.b2bpic.net/free-photo/layered-desserts-with-toppings-black-background_23-2148028572.jpg",
},
{
id: "3",
name: "Cold Brew Reserve",
price: "$8.00",
variant: "Smooth & Refreshing",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-peaceful-winter-arrangement_23-2148715951.jpg",
},
{
id: "4",
name: "Mocha Velvet",
price: "$7.00",
variant: "Rich Dark Chocolate",
imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-metal-tray_658428-50.jpg",
},
{
id: "5",
name: "Matcha Cloud",
price: "$7.50",
variant: "Zen & Earthy",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249794.jpg",
},
{
id: "6",
name: "House Blend",
price: "$5.50",
variant: "Balanced & Floral",
imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg",
},
{ id: "1", name: "Signature Espresso", price: "$6.00", variant: "Intense & Velvety", imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-blanket-lady-sitting-terrace-brunette-drinks-coffee_1157-43454.jpg" },
{ id: "2", name: "Golden Latte", price: "$7.50", variant: "Spiced & Creamy", imageSrc: "http://img.b2bpic.net/free-photo/layered-desserts-with-toppings-black-background_23-2148028572.jpg" },
{ id: "3", name: "Cold Brew Reserve", price: "$8.00", variant: "Smooth & Refreshing", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-peaceful-winter-arrangement_23-2148715951.jpg" },
{ id: "4", name: "Mocha Velvet", price: "$7.00", variant: "Rich Dark Chocolate", imageSrc: "http://img.b2bpic.net/free-photo/morning-coffee-metal-tray_658428-50.jpg" },
{ id: "5", name: "Matcha Cloud", price: "$7.50", variant: "Zen & Earthy", imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249794.jpg" },
{ id: "6", name: "House Blend", price: "$5.50", variant: "Balanced & Floral", imageSrc: "http://img.b2bpic.net/free-photo/trendy-coffee-shop-city_53876-30213.jpg" },
]}
title="Signature Collection"
description="Discover our curated selection of signature brews and delicacies."
@@ -208,49 +110,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Quiet Corners",
description: "Perfect for deep work or quiet reading.",
icon: Sparkles,
title: "Quiet Corners", description: "Perfect for deep work or quiet reading.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-bottle-arrangement_23-2149600691.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_23-2148922856.jpg",
imageAlt: "modern luxury cafe interior",
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-coffee-cup-bottle-arrangement_23-2149600691.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6717.jpg" },
]
},
{
title: "Design Atmosphere",
description: "Luxurious textures and warm lighting.",
icon: Award,
title: "Design Atmosphere", description: "Luxurious textures and warm lighting.", icon: Award,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/coffee-still-life_23-2148116654.jpg?_wi=2",
imageAlt: "modern luxury cafe interior",
{ imageSrc: "http://img.b2bpic.net/free-photo/view-coffee-cup-with-pastel-colored-background_23-2151753028.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/vintage-light-lamp_1203-3090.jpg" },
]
},
{
title: "Premium Seating",
description: "Comfort that lasts for hours.",
icon: Shield,
title: "Premium Seating", description: "Comfort that lasts for hours.", icon: Shield,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-scene-with-kettle-coffee-cereal_23-2151982925.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/good-morning-woman-blanket-lady-sitting-terrace-brunette-drinks-coffee_1157-43454.jpg?_wi=2",
imageAlt: "modern luxury cafe interior",
{ imageSrc: "http://img.b2bpic.net/free-photo/breakfast-scene-with-kettle-coffee-cereal_23-2151982925.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-cafe-interior-design_23-2151945689.jpg" },
]
},
]}
title="An Escape from the Ordinary"
@@ -264,41 +142,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Elena Ross",
role: "Creative Director",
testimonial: "The best atmosphere in town. A truly premium experience.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-brunette-woman-smiling-camera-against-white-wall-background-with-space-text-leisure-lifestyle-beauty-concept_197531-31256.jpg",
},
{
id: "2",
name: "Marcus Chen",
role: "Architect",
testimonial: "Everything from the coffee to the seating is exquisite.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5124.jpg",
},
{
id: "3",
name: "Sofia Vale",
role: "Entrepreneur",
testimonial: "Brwn is my favorite spot for morning meetings. Luxurious.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-by-sea_23-2151995461.jpg",
},
{
id: "4",
name: "Julian Fox",
role: "Designer",
testimonial: "The attention to detail here is unmatched. Absolute quality.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-book_23-2149213169.jpg",
},
{
id: "5",
name: "Nina Croft",
role: "Strategist",
testimonial: "Sophisticated, calm, and perfectly crafted coffee.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg",
},
{ id: "1", name: "Elena Ross", role: "Creative Director", testimonial: "The best atmosphere in town. A truly premium experience.", imageSrc: "http://img.b2bpic.net/free-photo/happy-adult-caucasian-brunette-woman-smiling-camera-against-white-wall-background-with-space-text-leisure-lifestyle-beauty-concept_197531-31256.jpg" },
{ id: "2", name: "Marcus Chen", role: "Architect", testimonial: "Everything from the coffee to the seating is exquisite.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5124.jpg" },
{ id: "3", name: "Sofia Vale", role: "Entrepreneur", testimonial: "Brwn is my favorite spot for morning meetings. Luxurious.", imageSrc: "http://img.b2bpic.net/free-photo/woman-s-profile-by-sea_23-2151995461.jpg" },
{ id: "4", name: "Julian Fox", role: "Designer", testimonial: "The attention to detail here is unmatched. Absolute quality.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-middle-aged-man-with-book_23-2149213169.jpg" },
{ id: "5", name: "Nina Croft", role: "Strategist", testimonial: "Sophisticated, calm, and perfectly crafted coffee.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-woman_23-2149022644.jpg" },
]}
title="Words from our Community"
description="See why our visitors choose Brwn as their sanctuary."
@@ -311,21 +159,10 @@ export default function LandingPage() {
title="Plan Your Visit"
description="Ready for your next coffee break? Book a table or drop by for a chat."
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
{
name: "email",
type: "email",
placeholder: "Email Address",
},
{ name: "name", type: "text", placeholder: "Name" },
{ name: "email", type: "email", placeholder: "Email Address" },
]}
textarea={{
name: "message",
placeholder: "Reservation details or questions...",
}}
textarea={{ name: "message", placeholder: "Reservation details or questions..." }}
imageSrc="http://img.b2bpic.net/free-photo/laptop-digital-tablet-book-pot-plant-wooden-table-restaurant_23-2147936091.jpg"
mediaPosition="right"
/>
@@ -336,16 +173,8 @@ export default function LandingPage() {
logoText="Brwn"
copyrightText="© 2025 Brwn Coffee Co."
socialLinks={[
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
]}
/>
</div>