bender/07e01990-022a-4380-9b30-69a2dcfcb90a
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-27 22:23:27 +00:00
parent 08d94b6704
commit 234be42d04
1 changed files with 62 additions and 218 deletions
Download Patch File Download Diff File Expand all files Collapse all files

280
src/app/page.tsx
View File

@@ -33,54 +33,37 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cq1yxa"
brandName="V60 Cafe"
button={{
text: "Order Now",
href: "#",
}}
text: "Order Now", href: "#"}}
/>
</div>
<div id="home" data-section="home">
<HeroLogoBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
logoText="V60 Cafe"
description="Experience the art of coffee. Discover our meticulously crafted V60 brews and artisanal pastries in a cozy, welcoming atmosphere."
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Find Us",
href: "#contact",
},
text: "Find Us", href: "#contact"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg"
imageAlt="Barista expertly preparing V60 pour-over coffee"
mediaAnimation="slide-up"
/>
@@ -96,12 +79,10 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Learn More",
href: "#",
},
text: "Learn More", href: "#"},
]}
buttonAnimation="opacity"
imageSrc="http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg"
imageAlt="Cozy and inviting interior of the V60 Cafe"
/>
</div>
@@ -113,46 +94,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Artisanal Pour-Overs",
description: "Experience the delicate balance and nuanced flavors of our V60 pour-overs, handcrafted by expert baristas.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg",
imageAlt: "Barista demonstrating V60 pour-over technique",
},
title: "Artisanal Pour-Overs", description: "Experience the delicate balance and nuanced flavors of our V60 pour-overs, handcrafted by expert baristas.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man-working_23-2148366589.jpg", imageAlt: "Barista demonstrating V60 pour-over technique"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-through-cake-display-cabinet-cafe_23-2148027960.jpg",
imageAlt: "Display of freshly baked pastries and desserts",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=cq1yxa",
imageAlt: "V60 brewing method coffee preparation",
imageSrc: "http://img.b2bpic.net/free-photo/blonde-young-woman-looking-through-cake-display-cabinet-cafe_23-2148027960.jpg", imageAlt: "Display of freshly baked pastries and desserts"}
},
{
title: "Cozy Ambiance",
description: "Relax in our warm, inviting space, perfect for quiet contemplation, casual meetings, or catching up with friends.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg",
imageAlt: "Cozy corner of a cafe with a book and coffee",
},
title: "Cozy Ambiance", description: "Relax in our warm, inviting space, perfect for quiet contemplation, casual meetings, or catching up with friends.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "Cozy corner of a cafe with a book and coffee"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-cappuccino-blue-wooden-surface_181624-41113.jpg",
imageAlt: "Close-up of latte art in a coffee cup",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064701.jpg?_wi=2",
imageAlt: "V60 brewing method coffee preparation",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-high-angle-shot-cappuccino-blue-wooden-surface_181624-41113.jpg", imageAlt: "Close-up of latte art in a coffee cup"}
},
{
title: "Ethically Sourced Beans",
description: "We partner with sustainable farms to bring you the finest, ethically sourced coffee beans with unique profiles.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-packaging-with-coffee-beans-cup-coffee_23-2151989733.jpg",
imageAlt: "Bag of ethically sourced coffee beans",
},
title: "Ethically Sourced Beans", description: "We partner with sustainable farms to bring you the finest, ethically sourced coffee beans with unique profiles.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/coffee-packaging-with-coffee-beans-cup-coffee_23-2151989733.jpg", imageAlt: "Bag of ethically sourced coffee beans"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg",
imageAlt: "Friendly barista serving a customer",
},
imageSrc: "http://img.b2bpic.net/free-photo/multicultural-friends-laughing-together-medium-shot_23-2148422484.jpg?_wi=2",
imageAlt: "V60 brewing method coffee preparation",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-asian-barista-girl-uniform-serving-coffee-waitress-holding-cup-drink-working-cafe_1258-129817.jpg", imageAlt: "Friendly barista serving a customer"}
},
]}
showStepNumbers={true}
@@ -169,53 +126,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "p1",
name: "House Blend - Arabica",
price: "$18.00",
variant: "250g Bag",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093842.jpg",
imageAlt: "Bag of V60 Cafe House Blend Arabica beans",
},
id: "p1", name: "House Blend - Arabica", price: "$18.00", variant: "250g Bag", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans_23-2148093842.jpg", imageAlt: "Bag of V60 Cafe House Blend Arabica beans"},
{
id: "p2",
name: "Ethiopian Yirgacheffe",
price: "$22.00",
variant: "250g Bag",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-arrangement-with-machine_23-2148865560.jpg",
imageAlt: "Bag of Ethiopian Yirgacheffe specialty coffee beans",
},
id: "p2", name: "Ethiopian Yirgacheffe", price: "$22.00", variant: "250g Bag", imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-arrangement-with-machine_23-2148865560.jpg", imageAlt: "Bag of Ethiopian Yirgacheffe specialty coffee beans"},
{
id: "p3",
name: "Hario V60 Dripper",
price: "$25.00",
variant: "Ceramic (Size 02)",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-with-coffee-filter-kettle-counter_23-2148824381.jpg",
imageAlt: "White ceramic Hario V60 coffee dripper",
},
id: "p3", name: "Hario V60 Dripper", price: "$25.00", variant: "Ceramic (Size 02)", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-barista-with-coffee-filter-kettle-counter_23-2148824381.jpg", imageAlt: "White ceramic Hario V60 coffee dripper"},
{
id: "p4",
name: "Manual Coffee Grinder",
price: "$45.00",
variant: "Stainless Steel",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-mini-vintage-coffee-grinder-table-lights_181624-21631.jpg",
imageAlt: "Stainless steel manual coffee grinder",
},
id: "p4", name: "Manual Coffee Grinder", price: "$45.00", variant: "Stainless Steel", imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-mini-vintage-coffee-grinder-table-lights_181624-21631.jpg", imageAlt: "Stainless steel manual coffee grinder"},
{
id: "p5",
name: "V60 Cafe Mug Set",
price: "$30.00",
variant: "Set of 2",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-disposable-eco-friendly-tableware_23-2148902880.jpg",
imageAlt: "Set of two V60 Cafe branded ceramic mugs",
},
id: "p5", name: "V60 Cafe Mug Set", price: "$30.00", variant: "Set of 2", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-different-disposable-eco-friendly-tableware_23-2148902880.jpg", imageAlt: "Set of two V60 Cafe branded ceramic mugs"},
{
id: "p6",
name: "V60 Cafe T-Shirt",
price: "$28.00",
variant: "Unisex (Various Sizes)",
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-hands-woman-corduroy-jacket-closeup_169016-25335.jpg",
imageAlt: "V60 Cafe branded minimalist t-shirt",
},
id: "p6", name: "V60 Cafe T-Shirt", price: "$28.00", variant: "Unisex (Various Sizes)", imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-hands-woman-corduroy-jacket-closeup_169016-25335.jpg", imageAlt: "V60 Cafe branded minimalist t-shirt"},
]}
title="Our Curated Selection"
description="Discover our range of premium coffee beans, brewing equipment, and V60 Cafe merchandise."
@@ -230,50 +151,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Johnson",
role: "Coffee Enthusiast",
company: "Local Regular",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg",
imageAlt: "Portrait of Sarah Johnson",
},
id: "t1", name: "Sarah Johnson", role: "Coffee Enthusiast", company: "Local Regular", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/this-is-my-new-profile-social-network_329181-2899.jpg", imageAlt: "Portrait of Sarah Johnson"},
{
id: "t2",
name: "Michael Chen",
role: "Remote Worker",
company: "Tech Innovator",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-staircase-drinking-coffee_23-2147955331.jpg",
imageAlt: "Portrait of Michael Chen",
},
id: "t2", name: "Michael Chen", role: "Remote Worker", company: "Tech Innovator", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-sitting-staircase-drinking-coffee_23-2147955331.jpg", imageAlt: "Portrait of Michael Chen"},
{
id: "t3",
name: "Emily Rodriguez",
role: "Student",
company: "University of Coffee",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424056.jpg",
imageAlt: "Portrait of Emily Rodriguez",
},
id: "t3", name: "Emily Rodriguez", role: "Student", company: "University of Coffee", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150424056.jpg", imageAlt: "Portrait of Emily Rodriguez"},
{
id: "t4",
name: "David Kim",
role: "Food Blogger",
company: "Taste Trails",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-having-coffee_23-2148116325.jpg",
imageAlt: "Portrait of David Kim",
},
id: "t4", name: "David Kim", role: "Food Blogger", company: "Taste Trails", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-woman-having-coffee_23-2148116325.jpg", imageAlt: "Portrait of David Kim"},
{
id: "t5",
name: "Jessica Lee",
role: "Artist",
company: "Creative Canvas",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-excited-beautiful-european-girl-wears-spectacles_273609-18280.jpg",
imageAlt: "Portrait of Jessica Lee",
},
id: "t5", name: "Jessica Lee", role: "Artist", company: "Creative Canvas", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/photo-excited-beautiful-european-girl-wears-spectacles_273609-18280.jpg", imageAlt: "Portrait of Jessica Lee"},
]}
title="What Our Customers Say"
description="Hear from our beloved patrons about their V60 Cafe experience."
@@ -287,23 +178,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Coffee,
title: "Cups Brewed Daily",
value: "250+",
},
id: "m1", icon: Coffee,
title: "Cups Brewed Daily", value: "250+"},
{
id: "m2",
icon: Star,
title: "Average Rating",
value: "4.9 Stars",
},
id: "m2", icon: Star,
title: "Average Rating", value: "4.9 Stars"},
{
id: "m3",
icon: Users,
title: "Happy Customers",
value: "5000+",
},
id: "m3", icon: Users,
title: "Happy Customers", value: "5000+"},
]}
title="Our Cafe in Numbers"
description="A glimpse into the positive impact and success of V60 Cafe."
@@ -316,25 +198,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What is V60 pour-over coffee?",
content: "The V60 is a cone-shaped coffee dripper designed to enhance clarity and sweetness in your brew. It's a method that allows for precise control over the brewing process, resulting in a clean, vibrant cup of coffee.",
},
id: "q1", title: "What is V60 pour-over coffee?", content: "The V60 is a cone-shaped coffee dripper designed to enhance clarity and sweetness in your brew. It's a method that allows for precise control over the brewing process, resulting in a clean, vibrant cup of coffee."},
{
id: "q2",
title: "Do you offer decaf options?",
content: "Yes, we always have a high-quality decaf option available for both pour-overs and espresso-based drinks. Please ask our baristas for today's selection.",
},
id: "q2", title: "Do you offer decaf options?", content: "Yes, we always have a high-quality decaf option available for both pour-overs and espresso-based drinks. Please ask our baristas for today's selection."},
{
id: "q3",
title: "Can I buy whole beans for home brewing?",
content: "Absolutely! We sell a variety of our ethically sourced whole beans, including our house blend and rotating single-origin selections, perfect for your home brewing setup.",
},
id: "q3", title: "Can I buy whole beans for home brewing?", content: "Absolutely! We sell a variety of our ethically sourced whole beans, including our house blend and rotating single-origin selections, perfect for your home brewing setup."},
{
id: "q4",
title: "Are there vegan or gluten-free pastries?",
content: "We strive to offer a selection of vegan and gluten-free pastries. Our menu changes seasonally, so please inquire with our staff about current offerings.",
},
id: "q4", title: "Are there vegan or gluten-free pastries?", content: "We strive to offer a selection of vegan and gluten-free pastries. Our menu changes seasonally, so please inquire with our staff about current offerings."},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our cafe, menu, and services."
@@ -346,8 +216,7 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "glowing-orb",
}}
variant: "radial-gradient"}}
tag="Visit Us"
tagIcon={MapPin}
tagAnimation="slide-up"
@@ -355,13 +224,9 @@ export default function LandingPage() {
description="Located in the heart of the city, V60 Cafe is your sanctuary for exceptional coffee. Stop by for a meticulously brewed cup, a fresh pastry, and a moment of tranquility. We look forward to welcoming you!"
buttons={[
{
text: "Get Directions",
href: "#",
},
text: "Get Directions", href: "#"},
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
]}
buttonAnimation="opacity"
/>
@@ -371,54 +236,33 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "FAQs",
href: "#faq",
},
label: "FAQs", href: "#faq"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Instagram",
href: "https://instagram.com/v60cafe",
},
label: "Instagram", href: "https://instagram.com/v60cafe"},
{
label: "Facebook",
href: "https://facebook.com/v60cafe",
},
label: "Facebook", href: "https://facebook.com/v60cafe"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}