Merge version_1 into main #2
228
src/app/page.tsx
228
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
name: "Menu", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Coffee Hub by Jassu"
|
||||
/>
|
||||
@@ -58,11 +50,9 @@ export default function LandingPage() {
|
||||
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?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino-with-latte-art-bear-shape_140725-7126.jpg"
|
||||
imageAlt="Coffee shop ambiance"
|
||||
/>
|
||||
</div>
|
||||
@@ -74,9 +64,7 @@ export default function LandingPage() {
|
||||
tag="About Us"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn Our Story",
|
||||
href: "#",
|
||||
},
|
||||
text: "Learn Our Story", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -88,46 +76,22 @@ 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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-cup-cappuccino-with-latte-art-bear-shape_140725-7126.jpg?_wi=2",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/four-glasses-with-liqueur-put-line_181624-8994.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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
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?_wi=1",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/soft-milky-coffee-cup-flat-lay-piece-sack_176474-5516.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",
|
||||
},
|
||||
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",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-with-coffee_1157-9053.jpg?_wi=1",
|
||||
imageAlt: "cappuccino with latte art",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-latte-coffee-shop_1339-6297.jpg", imageAlt: "Customer experience"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -144,41 +108,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Classic Cappuccino",
|
||||
price: "$4.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latte-coffee_74190-7858.jpg",
|
||||
},
|
||||
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: "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: "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: "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: "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: "6", name: "Signature Americano", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/coffee-cup-with-buns-cookies-wooden-table_23-2148039734.jpg"},
|
||||
]}
|
||||
title="Our Coffee Menu"
|
||||
description="A curated list of our most loved coffee beverages."
|
||||
@@ -192,31 +132,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10K+",
|
||||
title: "Cups Served",
|
||||
items: [
|
||||
"Daily satisfaction",
|
||||
"Perfect taste",
|
||||
],
|
||||
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: "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: "m3", value: "5 Stars", title: "User Rating", items: [
|
||||
"Loved by community", "Consistently rated high"],
|
||||
},
|
||||
]}
|
||||
title="Coffee Hub by Numbers"
|
||||
@@ -231,40 +156,15 @@ export default function LandingPage() {
|
||||
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?_wi=2",
|
||||
},
|
||||
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: "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: "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: "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: "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"},
|
||||
]}
|
||||
title="Voices of Coffee Lovers"
|
||||
description="What our wonderful guests have to say about their experience at Jassu's."
|
||||
@@ -276,14 +176,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Ethical Bean Co",
|
||||
"Local Dairy Farm",
|
||||
"Artisan Bakery",
|
||||
"Green Packaging Co",
|
||||
"Sustainable Roasters",
|
||||
"Tea & Coffee Guild",
|
||||
"Cafe Equipment Pros",
|
||||
]}
|
||||
"Ethical Bean Co", "Local Dairy Farm", "Artisan Bakery", "Green Packaging Co", "Sustainable Roasters", "Tea & Coffee Guild", "Cafe Equipment Pros"]}
|
||||
title="Proud Partners & Suppliers"
|
||||
description="We partner with local sustainable farms and premium suppliers."
|
||||
/>
|
||||
@@ -296,25 +189,17 @@ export default function LandingPage() {
|
||||
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: "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: "Your message",
|
||||
rows: 4,
|
||||
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?_wi=2"
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
@@ -323,46 +208,29 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Menu", href: "#products"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
label: "Facebook", 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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user