bender/52620c6d-301e-463c-a591-b35f7e55b3d9
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:version_2
Branches Tags
bender:main bender:version_2 bender:version_1

4 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
08f9538f13 Update src/app/styles/variables.css 2026-04-06 04:13:34 +00:00
bender
f930b74d4e Update src/app/page.tsx 2026-04-06 04:13:34 +00:00
bender
6d43d6a0f8 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 04:06:25 +00:00
bender
fd7104cd57 Merge version_1 into main 
Merge version_1 into main
 2026-04-06 04:05:48 +00:00
2 changed files with 35 additions and 75 deletions
Expand all files Collapse all files

96
src/app/page.tsx
View File

@@ -29,14 +29,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Menu", id: "menu"},
{
name: "Contact", id: "contact"},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Coffee Nation"
/>
@@ -44,16 +40,13 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "radial-gradient"}}
background={{ 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/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/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" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -67,18 +60,10 @@ export default function LandingPage() {
useInvertedBackground={false}
title="Our Passion for Perfection"
metrics={[
{
icon: Coffee,
label: "Coffee Varieties", value: "24+"},
{
icon: Users,
label: "Happy Guests", value: "50k+"},
{
icon: MapPin,
label: "Café Locations", value: "12"},
{
icon: Award,
label: "Years Active", value: "12+"},
{ icon: Coffee, label: "Coffee Varieties", value: "24+" },
{ icon: Users, label: "Happy Guests", value: "50k+" },
{ icon: MapPin, label: "Café Locations", value: "12" },
{ icon: Award, label: "Years Active", value: "12+" },
]}
metricsAnimation="slide-up"
/>
@@ -91,18 +76,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
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"},
{
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"},
{
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: "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"},
{ 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: "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: "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" },
]}
title="Crafted Perfection"
description="Discover our signature roasts and handcrafted beverages designed to awaken your senses."
@@ -115,21 +94,11 @@ export default function LandingPage() {
textboxLayout="default"
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: "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: "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: "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: "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: "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"
@@ -143,17 +112,10 @@ export default function LandingPage() {
title="Get In Touch"
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: "email", type: "email", placeholder: "Your Email", required: true,
},
{ name: "name", type: "text", placeholder: "Your Name", required: true },
{ name: "email", type: "email", placeholder: "Your Email", required: true },
]}
textarea={{
name: "message", placeholder: "How can we help?", rows: 4,
required: true,
}}
textarea={{ 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"
/>
</div>
@@ -161,13 +123,11 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="Coffee Nation"
leftLink={{
text: "Terms of Service", href: "/terms"}}
rightLink={{
text: "Privacy Policy", href: "/privacy"}}
leftLink={{ text: "Terms of Service", href: "/terms" }}
rightLink={{ text: "Privacy Policy", href: "/privacy" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

14
src/app/styles/variables.css
View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--background: #2a2928;
--card: #3a3837;
--foreground: #f5f4ef;
--primary-cta: #f5f4ef;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta: #4a4846;
--secondary-cta-text: #2a2928;
--accent: #ffffff;
--background-accent: #c6b180;
--accent: #c6b180;
--background-accent: #1a1918;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);