bender/ba2b8aac-39ca-4d9d-8127-637686b1d47b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_4 into main #5

Merged
bender merged 2 commits from version_4 into main 2026-04-19 09:24:49 +00:00
Conversation 0 Commits 2 Files Changed 2 +29 -108
2 changed files with 29 additions and 108 deletions
Download Patch File Download Diff File Expand all files Collapse all files

123
src/app/page.tsx
View File

@@ -31,15 +31,11 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "Home", id: "hero"},
{
name: "About", id: "about"},
{
name: "Menu", id: "products"},
{
name: "Contact", id: "contact"},
{ name: "EN", id: "lang" }
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "products" },
{ name: "Contact", id: "contact" },
{ name: "Language", id: "lang" }
]}
brandName="Coffee Hub by Jassu"
/>
@@ -50,10 +46,9 @@ export default function LandingPage() {
logoText="Coffee Hub by Jassu"
description="Experience the warmth and rich aroma of freshly brewed coffee at Coffee Hub by Jassu. Crafted with passion, served with love."
buttons={[
{
text: "Explore Menu", href: "#products"},
{ text: "Explore Menu", href: "#products" },
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino-with-latte-art-bear-shape_140725-7126.jpg"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg"
imageAlt="Coffee shop ambiance"
/>
</div>
@@ -64,8 +59,7 @@ export default function LandingPage() {
title="Our Passion for Brewing"
tag="About Us"
buttons={[
{
text: "Read Our Coffee Journey", href: "#"},
{ text: "Read Our Coffee Journey", href: "#" },
]}
/>
</div>
@@ -77,22 +71,13 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Artisanal Roasts", description: "Hand-selected beans roasted in small batches.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-coffee-bowl-with-coffee-seeds-cinnamon-sticks-notepad-dark-isolated-background_140725-132464.jpg", imageAlt: "Coffee beans"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.jpg", imageAlt: "Coffee brewing"},
title: "Artisanal Roasts", description: "Hand-selected beans roasted in small batches.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-utvzfih4.jpg", imageAlt: "Coffee beans" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg", imageAlt: "Coffee brewing" },
},
{
title: "Fresh Daily", description: "Freshly brewed coffee every single morning.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-cookie_1388-153.jpg", imageAlt: "Brewing process"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/soft-milky-coffee-cup-flat-lay-piece-sack_176474-5516.jpg", imageAlt: "Latte art"},
title: "Fresh Daily", description: "Freshly brewed coffee every single morning.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-utvzfih4.jpg", imageAlt: "Brewing process" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg", imageAlt: "Latte art" },
},
{
title: "Cozy Ambience", description: "The perfect spot to relax, work, or chat.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/milk-chocolate-copy-space_23-2148337557.jpg", imageAlt: "Coffee shop interior"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-shop_1339-6297.jpg", imageAlt: "Customer experience"},
title: "Cozy Ambience", description: "The perfect spot to relax, work, or chat.", phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-utvzfih4.jpg", imageAlt: "Coffee shop interior" }, phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg", imageAlt: "Customer experience" },
},
]}
showStepNumbers={false}
@@ -108,18 +93,8 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "1", name: "Classic Cappuccino", price: "$4.50", imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7858.jpg"},
{
id: "2", name: "Rich Espresso", price: "$3.00", imageSrc: "http://img.b2bpic.net/free-photo/woman-white-sweater-pouring-milk-into-coffee-dessert_1157-26624.jpg"},
{
id: "3", name: "Iced Macchiato", price: "$5.00", imageSrc: "http://img.b2bpic.net/free-photo/milky-cold-summer-drink-with-caramel-sauce_114579-10406.jpg"},
{
id: "4", name: "Mocha Bliss", price: "$5.50", imageSrc: "http://img.b2bpic.net/free-photo/rustic-coffee-table-sets-frothy-latte-mood-generated-by-ai_188544-18577.jpg"},
{
id: "5", name: "Cold Frappe", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/aromatic-frappuccino-table_23-2148900671.jpg"},
{
id: "6", name: "Signature Americano", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-buns-cookies-wooden-table_23-2148039734.jpg"},
{ id: "1", name: "Classic Cappuccino", price: "$4.50", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-utvzfih4.jpg" },
{ id: "2", name: "Rich Espresso", price: "$3.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg" },
]}
title="Our Coffee Menu"
description="A curated list of our most loved coffee beverages."
@@ -132,18 +107,8 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "10K+", title: "Cups Served", items: [
"Daily satisfaction", "Perfect taste"],
},
{
id: "m2", value: "50+", title: "Bean Varieties", items: [
"Ethically sourced", "High-grade Arabica"],
},
{
id: "m3", value: "5 Stars", title: "User Rating", items: [
"Loved by community", "Consistently rated high"],
},
{ id: "m1", value: "10K+", title: "Cups Served", items: ["Daily satisfaction", "Perfect taste"] },
{ id: "m2", value: "50+", title: "Bean Varieties", items: ["Ethically sourced", "High-grade Arabica"] },
]}
title="Coffee Hub by Numbers"
description="Quality backed by happy coffee enthusiasts across the region."
@@ -156,16 +121,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1", name: "Sarah Miller", role: "Regular Patron", testimonial: "The best coffee in town, hands down. The atmosphere is lovely.", imageSrc: "http://img.b2bpic.net/free-photo/girl-with-coffee_1157-9053.jpg"},
{
id: "2", name: "John Doe", role: "Coffee Enthusiast", testimonial: "I love the quality of their beans. Every cup is a masterpiece.", imageSrc: "http://img.b2bpic.net/free-photo/couple-enjoying-drinks-restaurant_23-2149269143.jpg"},
{
id: "3", name: "Emily Chen", role: "Daily Student", testimonial: "Perfect study space with a perfect brew. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/young-tired-pretty-caucasian-schoolgirl-with-headphones-neck-wearing-glasses-back-bag-holds-coffee-cup-books-with-closed-eyes-pink-with-copy-space_141793-62757.jpg"},
{
id: "4", name: "Mark Wilson", role: "Freelancer", testimonial: "Great work-from-cafe spot. Fast service and friendly staff.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-table-holding-fresh-juice-bottle_23-2148784272.jpg"},
{
id: "5", name: "Jessica D.", role: "Local Resident", testimonial: "Jassu's Hub makes my morning every single day. Simply excellent.", imageSrc: "http://img.b2bpic.net/free-photo/happy-entrepreneur-taking-phone-while-having-coffee-break-cafe_637285-8857.jpg"},
{ id: "1", name: "Sarah Miller", role: "Regular Patron", testimonial: "The best coffee in town, hands down. The atmosphere is lovely.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg" },
]}
title="Voices of Coffee Lovers"
description="What our wonderful guests have to say about their experience at Jassu's."
@@ -176,8 +132,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Ethical Bean Co", "Local Dairy Farm", "Artisan Bakery", "Green Packaging Co", "Sustainable Roasters", "Tea & Coffee Guild", "Cafe Equipment Pros"]}
names={["Ethical Bean Co", "Local Dairy Farm", "Artisan Bakery", "Green Packaging Co"]}
title="Proud Partners & Suppliers"
description="We partner with local sustainable farms and premium suppliers."
/>
@@ -189,54 +144,20 @@ export default function LandingPage() {
title="Visit or Reach Out"
description="Come grab a cup or let us know how we can cater to your next event."
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: "Your message", rows: 4,
required: true,
}}
imageSrc="http://img.b2bpic.net/free-photo/close-up-details-hands-woman-sitting-cafe-summer-fashion-outfit-pink-cotton-dress-sunglasses-drinking-coffee-stylish-accessories-relaxing-trendy-apparel_285396-104.jpg"
imageAlt="Coffee shop counter atmosphere"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CZO0YyX3n7Hj7jdBJgxwe2Be33/uploaded-1776590672382-h3pvm9wk.jpg"
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Navigation", items: [
{
label: "About", href: "#about"},
{
label: "Menu", href: "#products"},
{
label: "Contact", href: "#contact"},
],
},
{
title: "Social", items: [
{
label: "Instagram", href: "#"},
{
label: "Facebook", href: "#"},
],
},
{
title: "Legal", items: [
{
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service", href: "#"},
],
},
{ title: "Navigation", items: [{ label: "About", href: "#about" }, { label: "Menu", href: "#products" }] },
{ title: "Social", items: [{ label: "Instagram", href: "#" }] },
]}
logoText="Coffee Hub by Jassu"
copyrightText="© 2025 Coffee Hub by Jassu. All rights reserved."
/>
</div>
</ReactLenis>

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

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #ffffff;
--card: #f9f9f9;
--foreground: #120a00e6;
--primary-cta: #ff8c42;
--background: #f6f0e9;
--card: #efe7dd;
--foreground: #2b180a;
--primary-cta: #2b180a;
--primary-cta-text: #ffffff;
--secondary-cta: #f9f9f9;
--secondary-cta: #efe7dd;
--secondary-cta-text: #120a00e6;
--accent: #e2e2e2;
--background-accent: #c4c4c4;
--accent: #94877c;
--background-accent: #afa094;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);