bender/52620c6d-301e-463c-a591-b35f7e55b3d9
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-06 04:06:19 +00:00
parent 89c5df3e28
commit 689f43a20e
1 changed files with 32 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

158
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Menu",
id: "menu",
},
name: "Menu", id: "menu"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Coffee Nation"
/>
@@ -53,32 +45,15 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Experience Artisanal Coffee Excellence"
description="At Coffee Nation, we transform ethically sourced beans into unforgettable moments, one cup at a time. Join our community for the finest brews in town."
tag="Since 2012"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg",
imageAlt: "Coffee brewing process",
},
imageSrc: "http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg", imageAlt: "Coffee brewing process"},
{
imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg",
imageAlt: "Barista preparing coffee",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cloth-bag-with-coffee-beans_23-2148937258.jpg?_wi=1",
imageAlt: "Artisan coffee beans",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-glass-latte-table-lights_181624-33499.jpg?_wi=1",
imageAlt: "Latte art detail",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-coffee-milkshake-with-nuts_181624-37413.jpg?_wi=1",
imageAlt: "Mocha swirl beverage",
},
imageSrc: "http://img.b2bpic.net/free-photo/dark-aromatic-chocolate-coffee-beans-freshly-baked-hot-cool-dawn-inside-best-professional-roasting-machine_346278-553.jpg", imageAlt: "Barista preparing coffee"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -94,24 +69,16 @@ export default function LandingPage() {
metrics={[
{
icon: Coffee,
label: "Coffee Varieties",
value: "24+",
},
label: "Coffee Varieties", value: "24+"},
{
icon: Users,
label: "Happy Guests",
value: "50k+",
},
label: "Happy Guests", value: "50k+"},
{
icon: MapPin,
label: "Café Locations",
value: "12",
},
label: "Café Locations", value: "12"},
{
icon: Award,
label: "Years Active",
value: "12+",
},
label: "Years Active", value: "12+"},
]}
metricsAnimation="slide-up"
/>
@@ -125,41 +92,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "1",
name: "Signature Espresso",
price: "$3.50",
imageSrc: "http://img.b2bpic.net/free-photo/cloth-bag-with-coffee-beans_23-2148937258.jpg?_wi=2",
},
id: "1", name: "Signature Espresso", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/cloth-bag-with-coffee-beans_23-2148937258.jpg"},
{
id: "2",
name: "Cold Brew Gold",
price: "$4.50",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-tea-white-table_114579-56318.jpg",
},
id: "2", name: "Cold Brew Gold", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cup-tea-white-table_114579-56318.jpg"},
{
id: "3",
name: "Velvet Cappuccino",
price: "$4.00",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-glass-latte-table-lights_181624-33499.jpg?_wi=2",
},
id: "3", name: "Velvet Cappuccino", price: "$4.00", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-glass-latte-table-lights_181624-33499.jpg"},
{
id: "4",
name: "Iced Mocha Bliss",
price: "$5.00",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg",
},
id: "4", name: "Iced Mocha Bliss", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/still-life-glass-cups_23-2149646422.jpg"},
{
id: "5",
name: "Flat White Classic",
price: "$3.75",
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7857.jpg",
},
id: "5", name: "Flat White Classic", price: "$3.75", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7857.jpg"},
{
id: "6",
name: "Dark Roast Mocha",
price: "$4.80",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-coffee-milkshake-with-nuts_181624-37413.jpg?_wi=2",
},
id: "6", name: "Dark Roast Mocha", price: "$4.80", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-shot-delicious-coffee-milkshake-with-nuts_181624-37413.jpg"},
]}
title="Crafted Perfection"
description="Discover our signature roasts and handcrafted beverages designed to awaken your senses."
@@ -173,45 +116,20 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Miller",
handle: "@sarahcoffee",
testimonial: "The best espresso I have ever tasted. Highly recommended!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-enjoying-cup-coffee_23-2148395476.jpg",
},
id: "1", name: "Sarah Miller", handle: "@sarahcoffee", testimonial: "The best espresso I have ever tasted. Highly recommended!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-enjoying-cup-coffee_23-2148395476.jpg"},
{
id: "2",
name: "David Chen",
handle: "@davidc",
testimonial: "Fantastic atmosphere and incredible staff. My daily stop.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-cup-coffee_53876-15193.jpg",
},
id: "2", name: "David Chen", handle: "@davidc", testimonial: "Fantastic atmosphere and incredible staff. My daily stop.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-standing-with-cup-coffee_53876-15193.jpg"},
{
id: "3",
name: "Emily Rose",
handle: "@emrose",
testimonial: "Such a cozy spot to enjoy a perfect cappuccino.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-coffee-cup-using-laptop-desk_23-2147859785.jpg",
},
id: "3", name: "Emily Rose", handle: "@emrose", testimonial: "Such a cozy spot to enjoy a perfect cappuccino.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-coffee-cup-using-laptop-desk_23-2147859785.jpg"},
{
id: "4",
name: "James Lee",
handle: "@jlee",
testimonial: "Consistent, fresh, and delicious. Coffee Nation is the top.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2403.jpg",
},
id: "4", name: "James Lee", handle: "@jlee", testimonial: "Consistent, fresh, and delicious. Coffee Nation is the top.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-cafe_1328-2403.jpg"},
{
id: "5",
name: "Maria Garcia",
handle: "@mgarcia",
testimonial: "The cold brew is life-changing. Great roasts!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-apron-cleaning-table_1170-586.jpg",
},
id: "5", name: "Maria Garcia", handle: "@mgarcia", testimonial: "The cold brew is life-changing. Great roasts!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-apron-cleaning-table_1170-586.jpg"},
]}
showRating={true}
title="Stories from the Nation"
@@ -226,22 +144,14 @@ export default function LandingPage() {
description="Have questions about our events or want to book a venue? Send us a message."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
]}
textarea={{
name: "message",
placeholder: "How can we help?",
rows: 4,
name: "message", placeholder: "How can we help?", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/couple-having-breakfast-home_657883-481.jpg"
@@ -252,13 +162,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="Coffee Nation"
leftLink={{
text: "Terms of Service",
href: "/terms",
}}
text: "Terms of Service", href: "/terms"}}
rightLink={{
text: "Privacy Policy",
href: "/privacy",
}}
text: "Privacy Policy", href: "/privacy"}}
/>
</div>
</ReactLenis>