bender/2cf36576-95f7-4b60-9379-678a8bbf8109
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-09 01:12:52 +00:00
parent 918484a4b1
commit 1bbf4015e0
1 changed files with 64 additions and 190 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -31,129 +31,74 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Our Story",
id: "about",
},
name: "Our Story", id: "about"},
{
name: "Menu",
id: "products",
},
name: "Menu", id: "products"},
{
name: "Reviews",
id: "testimonials",
},
name: "Reviews", id: "testimonials"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Urban Brew"
button={{
text: "Order Now",
href: "#products",
}}
text: "Order Now", href: "#products"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Experience Coffee, Reimagined."
description="Artisan brews, locally sourced beans, and a space designed for those who appreciate the finer details of a perfect cup."
testimonials={[
{
name: "James R.",
handle: "@jamescoffee",
testimonial: "The best cold brew I've ever had. Truly exceptional quality.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg",
},
name: "James R.", handle: "@jamescoffee", testimonial: "The best cold brew I've ever had. Truly exceptional quality.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-asian-girl-barista-shows-heart-sign-loves-making-coffee-serving-clients-standing-unifo_1258-134404.jpg"},
{
name: "Sarah W.",
handle: "@sarahbeans",
testimonial: "Stunning atmosphere and even better coffee. My new favorite spot.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
},
name: "Sarah W.", handle: "@sarahbeans", testimonial: "Stunning atmosphere and even better coffee. My new favorite spot.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg"},
{
name: "Marcus L.",
handle: "@marcus brews",
testimonial: "Their specialty roast is unmatched in the city.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg",
},
name: "Marcus L.", handle: "@marcus brews", testimonial: "Their specialty roast is unmatched in the city.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/roommates-spending-time-together_23-2149359311.jpg"},
{
name: "Elena P.",
handle: "@elena cafe",
testimonial: "Perfect study spot with reliable wifi and great service.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-female-using-laptop-outside-near-lake_23-2148155052.jpg",
},
name: "Elena P.", handle: "@elena cafe", testimonial: "Perfect study spot with reliable wifi and great service.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-female-using-laptop-outside-near-lake_23-2148155052.jpg"},
{
name: "David K.",
handle: "@david espresso",
testimonial: "Highly recommend the avocado toast with any of their signature lattes.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/men-hands-gesticulating-while-holding-cups-coffee_158595-5255.jpg",
},
name: "David K.", handle: "@david espresso", testimonial: "Highly recommend the avocado toast with any of their signature lattes.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/men-hands-gesticulating-while-holding-cups-coffee_158595-5255.jpg"},
]}
buttons={[
{
text: "Discover Our Menu",
href: "#products",
},
text: "Discover Our Menu", href: "#products"},
]}
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-posing-with-coffee-cup_23-2148773533.jpg"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/medium-shot-pretty-woman-posing_23-2148773527.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-pretty-woman-posing_23-2148773527.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-hot-chocolate_52683-102636.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/happy-brunette-woman-trench-coat-red-dress-stylish-beret-waves-hand-greeting-smiles-widely-sits-street-cafe_197531-29300.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/happy-brunette-woman-trench-coat-red-dress-stylish-beret-waves-hand-greeting-smiles-widely-sits-street-cafe_197531-29300.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/young-woman-enjoying-coffee-cup_23-2148756305.jpg", alt: "Customer 5"},
]}
marqueeItems={[
{
type: "text",
text: "Sustainable Origins",
},
type: "text", text: "Sustainable Origins"},
{
type: "text",
text: "Precision Roasted",
},
type: "text", text: "Precision Roasted"},
{
type: "text",
text: "Ethically Sourced",
},
type: "text", text: "Ethically Sourced"},
{
type: "text",
text: "Artisanal Craft",
},
type: "text", text: "Artisanal Craft"},
{
type: "text",
text: "Locally Loved",
},
type: "text", text: "Locally Loved"},
]}
/>
</div>
@@ -166,17 +111,11 @@ export default function LandingPage() {
description="Our journey began with a single mission: to bring the highest quality coffee to our community. Every batch is meticulously roasted to bring out the distinct flavors of its origin."
bulletPoints={[
{
title: "Direct Trade Beans",
description: "We source directly from farms to ensure fair pay and quality.",
},
title: "Direct Trade Beans", description: "We source directly from farms to ensure fair pay and quality."},
{
title: "Precision Roasting",
description: "Small batches roasted in-house daily for peak freshness.",
},
title: "Precision Roasting", description: "Small batches roasted in-house daily for peak freshness."},
{
title: "Community Focus",
description: "A third-space designed for connection and inspiration.",
},
title: "Community Focus", description: "A third-space designed for connection and inspiration."},
]}
imageSrc="http://img.b2bpic.net/free-photo/empty-chair-restaurant_1339-5435.jpg"
mediaAnimation="slide-up"
@@ -191,44 +130,25 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Signature Latte",
price: "$5.50",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-bowl-with-coffee-seeds-biscuits-notepad-dark-isolated-background_140725-132446.jpg",
},
id: "p1", name: "Signature Latte", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-bowl-with-coffee-seeds-biscuits-notepad-dark-isolated-background_140725-132446.jpg"},
{
id: "p2",
name: "House Cold Brew",
price: "$6.00",
imageSrc: "http://img.b2bpic.net/free-photo/spills-hot-water-prepare-filtered-coffee-from-silver-teapot-beautiful-transparent-chrome-drip-coffee-maker-white-simple-weights_346278-1316.jpg",
},
id: "p2", name: "House Cold Brew", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/spills-hot-water-prepare-filtered-coffee-from-silver-teapot-beautiful-transparent-chrome-drip-coffee-maker-white-simple-weights_346278-1316.jpg"},
{
id: "p3",
name: "Pour Over",
price: "$7.50",
imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-latte-with-froth_140725-7259.jpg",
},
id: "p3", name: "Pour Over", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/cup-hot-latte-with-froth_140725-7259.jpg"},
{
id: "p4",
name: "Butter Croissant",
price: "$4.00",
imageSrc: "http://img.b2bpic.net/free-photo/white-cup-tea-blue-table_114579-4234.jpg",
},
id: "p4", name: "Butter Croissant", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/white-cup-tea-blue-table_114579-4234.jpg"},
{
id: "p5",
name: "Avocado Sourdough",
price: "$12.00",
imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg",
},
id: "p5", name: "Avocado Sourdough", price: "$12.00", imageSrc: "http://img.b2bpic.net/free-photo/pasta-topped-with-walnuts-olives_140725-3500.jpg"},
{
id: "p6",
name: "Blueberry Muffin",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chocolate-eclairs-currants-grey-plate-tarts-cookies-lemon-cinnamon-tea-white-wooden-table_140725-91503.jpg",
},
id: "p6", name: "Blueberry Muffin", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-chocolate-eclairs-currants-grey-plate-tarts-cookies-lemon-cinnamon-tea-white-wooden-table_140725-91503.jpg"},
]}
title="Signature Selections"
description="Our curated menu of artisanal coffee beverages and freshly baked seasonal pastries."
buttons={[
{
text: "View Full Menu", href: "/menu"
}
]}
/>
</div>
@@ -240,25 +160,15 @@ export default function LandingPage() {
author="Marcus V."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/woman-glasses-drinks-coffee-table-bright-cafe_8353-1379.jpg",
alt: "Customer 1",
},
src: "http://img.b2bpic.net/free-photo/woman-glasses-drinks-coffee-table-bright-cafe_8353-1379.jpg", alt: "Customer 1"},
{
src: "http://img.b2bpic.net/free-photo/african-american-girl-sitting-cafe-eating-ice-cream_627829-2666.jpg",
alt: "Customer 2",
},
src: "http://img.b2bpic.net/free-photo/african-american-girl-sitting-cafe-eating-ice-cream_627829-2666.jpg", alt: "Customer 2"},
{
src: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg",
alt: "Customer 3",
},
src: "http://img.b2bpic.net/free-photo/man-putting-coffee-pot-bar-with-customer_23-2148366624.jpg", alt: "Customer 3"},
{
src: "http://img.b2bpic.net/free-photo/customer-looking-counter-coffee-machine_23-2148366626.jpg",
alt: "Customer 4",
},
src: "http://img.b2bpic.net/free-photo/customer-looking-counter-coffee-machine_23-2148366626.jpg", alt: "Customer 4"},
{
src: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg",
alt: "Customer 5",
},
src: "http://img.b2bpic.net/free-photo/close-up-people-eating-break-time_23-2149256934.jpg", alt: "Customer 5"},
]}
ratingAnimation="blur-reveal"
avatarsAnimation="slide-up"
@@ -270,20 +180,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "Do you offer dairy-free milk?",
content: "Yes! We offer oat, almond, and soy alternatives at no extra charge.",
},
id: "f1", title: "Do you offer dairy-free milk?", content: "Yes! We offer oat, almond, and soy alternatives at no extra charge."},
{
id: "f2",
title: "Are your beans sustainable?",
content: "We only work with farms that follow certified sustainable and ethical practices.",
},
id: "f2", title: "Are your beans sustainable?", content: "We only work with farms that follow certified sustainable and ethical practices."},
{
id: "f3",
title: "Do you have workspace available?",
content: "Absolutely. We offer high-speed wifi and plenty of outlets for our patrons.",
},
id: "f3", title: "Do you have workspace available?", content: "Absolutely. We offer high-speed wifi and plenty of outlets for our patrons."},
]}
sideTitle="Commonly Asked"
sideDescription="Everything you need to know about our cafe and our brewing process."
@@ -296,14 +197,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Local Roasters",
"Daily Beans",
"City Coffee Club",
"Barista Guild",
"Morning Brews",
"Bean Co",
"Global Roast",
]}
"Local Roasters", "Daily Beans", "City Coffee Club", "Barista Guild", "Morning Brews", "Bean Co", "Global Roast"]}
title="Community Partners"
description="Collaborating with local and national partners to bring you the best coffee experience."
/>
@@ -313,8 +207,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Stay Connected"
title="Get Our Newsletter"
description="Sign up for occasional updates on seasonal roasts and local cafe events."
@@ -325,50 +218,31 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Menu",
href: "#products",
},
label: "Menu", href: "#products"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Location",
href: "#",
},
label: "Location", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Feedback",
href: "#",
},
label: "Feedback", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}
@@ -379,4 +253,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}