bender/870a51a3-1a93-4870-97e7-421e9a363354
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-06-10 00:00:19 +00:00
parent 4a6cb902c3
commit f50166447f
1 changed files with 74 additions and 266 deletions
Download Patch File Download Diff File Expand all files Collapse all files

340
src/app/page.tsx
View File

@@ -33,116 +33,70 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Menu",
id: "#menu",
},
name: "Menu", id: "#menu"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Blog",
id: "#blog",
},
name: "Blog", id: "#blog"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-vector/cold-brew-coffee-labels_23-2148655504.jpg"
logoAlt="Alma Cafe logo"
brandName="Alma Cafe"
button={{
text: "Order Online",
href: "#contact",
}}
text: "Order Online", href: "#contact"}}
/>
</div>
<div id="home" data-section="home">
<HeroCentered
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Savor the Moment at Alma Cafe"
description="Where every cup tells a story and every bite delights. Discover your new favorite spot."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg",
alt: "Happy customer",
},
src: "http://img.b2bpic.net/free-photo/pleased-handsome-male-customer-show-thumb-up-approval_176420-17945.jpg", alt: "Happy customer"},
{
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg",
alt: "Customer working",
},
src: "http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064692.jpg", alt: "Customer working"},
{
src: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1026.jpg",
alt: "Friends chatting",
},
src: "http://img.b2bpic.net/free-photo/multiracial-group-five-friends-having-coffee-together_1139-1026.jpg", alt: "Friends chatting"},
{
src: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg",
alt: "Barista",
},
src: "http://img.b2bpic.net/free-photo/medium-shot-barista-making-coffee_23-2149045703.jpg", alt: "Barista"},
{
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg",
alt: "Person enjoying coffee",
},
src: "http://img.b2bpic.net/free-photo/young-woman-sitting-indoor-urban-cafe_158595-668.jpg", alt: "Person enjoying coffee"},
]}
avatarText="Join our growing community of happy customers!"
buttons={[
{
text: "Explore Our Menu",
href: "#menu",
},
text: "Explore Our Menu", href: "#menu"},
{
text: "Visit Us Today",
href: "#contact",
},
text: "Visit Us Today", href: "#contact"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Artisan Coffee",
icon: Coffee,
type: "text-icon", text: "Artisan Coffee", icon: Coffee,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/coffee-beans-texture-background_23-2147710838.jpg",
alt: "Roasted coffee beans",
type: "image", src: "http://img.b2bpic.net/free-photo/coffee-beans-texture-background_23-2147710838.jpg", alt: "Roasted coffee beans"},
{
type: "text-icon", text: "Fresh Pastries", icon: Croissant,
},
{
type: "text-icon",
text: "Fresh Pastries",
icon: Croissant,
type: "image", src: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-marshmallows-light-pink-desk_140725-50204.jpg", alt: "Latte art"},
{
type: "text-icon", text: "Cozy Ambiance", icon: Home,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-marshmallows-light-pink-desk_140725-50204.jpg",
alt: "Latte art",
},
{
type: "text-icon",
text: "Cozy Ambiance",
icon: Home,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/high-angle-croissants-tray_23-2148933370.jpg",
alt: "Fresh pastry",
},
type: "image", src: "http://img.b2bpic.net/free-photo/high-angle-croissants-tray_23-2148933370.jpg", alt: "Fresh pastry"},
]}
showMarqueeCard={true}
/>
@@ -168,24 +122,16 @@ export default function LandingPage() {
features={[
{
icon: Coffee,
title: "Artisan Coffee Selection",
description: "Discover a curated menu of ethically sourced, premium coffee blends and single-origin brews, expertly prepared by our skilled baristas.",
},
title: "Artisan Coffee Selection", description: "Discover a curated menu of ethically sourced, premium coffee blends and single-origin brews, expertly prepared by our skilled baristas."},
{
icon: Cake,
title: "Freshly Baked Delights",
description: "Indulge in our exquisite range of pastries, cakes, and cookies, baked fresh daily using the finest local ingredients and traditional recipes.",
},
title: "Freshly Baked Delights", description: "Indulge in our exquisite range of pastries, cakes, and cookies, baked fresh daily using the finest local ingredients and traditional recipes."},
{
icon: MessageCircle,
title: "Cozy & Welcoming Ambiance",
description: "Relax in our warm, inviting space, perfect for quiet work, lively conversations, or simply unwinding with a good book and a warm drink.",
},
title: "Cozy & Welcoming Ambiance", description: "Relax in our warm, inviting space, perfect for quiet work, lively conversations, or simply unwinding with a good book and a warm drink."},
{
icon: CalendarDays,
title: "Community Events & Workshops",
description: "Join us for regular events, from live music nights and local art showcases to coffee tasting workshops and seasonal celebrations.",
},
title: "Community Events & Workshops", description: "Join us for regular events, from live music nights and local art showcases to coffee tasting workshops and seasonal celebrations."},
]}
title="More Than Just a Cafe"
description="Experience the unique charm and diverse offerings that make Alma Cafe a beloved community hub and your perfect daily escape."
@@ -201,65 +147,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
brand: "Coffee",
name: "Classic Latte",
price: "$4.50",
rating: 5,
reviewCount: "120 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-glass-table_140725-4500.jpg",
imageAlt: "Classic Latte with art",
},
id: "p1", brand: "Coffee", name: "Classic Latte", price: "$4.50", rating: 5,
reviewCount: "120 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cappuccino-glass-table_140725-4500.jpg", imageAlt: "Classic Latte with art"},
{
id: "p2",
brand: "Pastry",
name: "Almond Croissant",
price: "$3.75",
rating: 5,
reviewCount: "85 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/raisin-bread_1339-4548.jpg",
imageAlt: "Almond Croissant",
},
id: "p2", brand: "Pastry", name: "Almond Croissant", price: "$3.75", rating: 5,
reviewCount: "85 reviews", imageSrc: "http://img.b2bpic.net/free-photo/raisin-bread_1339-4548.jpg", imageAlt: "Almond Croissant"},
{
id: "p3",
brand: "Savory",
name: "Caprese Panini",
price: "$8.00",
rating: 4,
reviewCount: "60 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast_1321-1315.jpg",
imageAlt: "Caprese Panini",
},
id: "p3", brand: "Savory", name: "Caprese Panini", price: "$8.00", rating: 4,
reviewCount: "60 reviews", imageSrc: "http://img.b2bpic.net/free-photo/healthy-breakfast_1321-1315.jpg", imageAlt: "Caprese Panini"},
{
id: "p4",
brand: "Dessert",
name: "Chocolate Fudge Cake",
price: "$6.25",
rating: 5,
reviewCount: "95 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-cake-with-cream-syrop-red-decorated-round-inside-white-plate_140725-15705.jpg",
imageAlt: "Chocolate Fudge Cake",
},
id: "p4", brand: "Dessert", name: "Chocolate Fudge Cake", price: "$6.25", rating: 5,
reviewCount: "95 reviews", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fruit-cake-with-cream-syrop-red-decorated-round-inside-white-plate_140725-15705.jpg", imageAlt: "Chocolate Fudge Cake"},
{
id: "p5",
brand: "Tea",
name: "Earl Grey Tea",
price: "$3.50",
rating: 4,
reviewCount: "40 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150152989.jpg",
imageAlt: "Earl Grey Tea",
},
id: "p5", brand: "Tea", name: "Earl Grey Tea", price: "$3.50", rating: 4,
reviewCount: "40 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150152989.jpg", imageAlt: "Earl Grey Tea"},
{
id: "p6",
brand: "Healthy",
name: "Quinoa Power Salad",
price: "$9.50",
rating: 4,
reviewCount: "70 reviews",
imageSrc: "http://img.b2bpic.net/free-photo/salad-avocado-vegetables-mixed-greens-lettuce-leaves-ready-eat_169016-35104.jpg",
imageAlt: "Quinoa Power Salad",
},
id: "p6", brand: "Healthy", name: "Quinoa Power Salad", price: "$9.50", rating: 4,
reviewCount: "70 reviews", imageSrc: "http://img.b2bpic.net/free-photo/salad-avocado-vegetables-mixed-greens-lettuce-leaves-ready-eat_169016-35104.jpg", imageAlt: "Quinoa Power Salad"},
]}
title="Our Delicious Offerings"
description="From freshly brewed artisan coffees to mouth-watering pastries and savory light bites, our menu is crafted to satisfy every craving, all day long."
@@ -270,54 +174,25 @@ export default function LandingPage() {
<div id="testimonials" data-section="testimonials">
<TestimonialCardOne
textboxLayout="default"
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sophia R.",
role: "Local Artist",
company: "Community Member",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg",
imageAlt: "Sophia R.",
},
id: "t1", name: "Sophia R.", role: "Local Artist", company: "Community Member", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-having-cup-coffee-while-reading-newspaper_1170-545.jpg", imageAlt: "Sophia R."},
{
id: "t2",
name: "Liam K.",
role: "Freelance Designer",
company: "Creative Professional",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-business-man-cafe-works-laptop-drinks-coffee_1321-1436.jpg",
imageAlt: "Liam K.",
},
id: "t2", name: "Liam K.", role: "Freelance Designer", company: "Creative Professional", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-business-man-cafe-works-laptop-drinks-coffee_1321-1436.jpg", imageAlt: "Liam K."},
{
id: "t3",
name: "Olivia M.",
role: "University Student",
company: "Dedicated Scholar",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-watching-sports-home-having-drink_23-2150168056.jpg",
imageAlt: "Olivia M.",
},
id: "t3", name: "Olivia M.", role: "University Student", company: "Dedicated Scholar", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/group-female-friends-watching-sports-home-having-drink_23-2150168056.jpg", imageAlt: "Olivia M."},
{
id: "t4",
name: "Noah J.",
role: "Tech Entrepreneur",
company: "Startup Founder",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-shopping-bags_1098-1106.jpg",
imageAlt: "Noah J.",
},
id: "t4", name: "Noah J.", role: "Tech Entrepreneur", company: "Startup Founder", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-carrying-shopping-bags_1098-1106.jpg", imageAlt: "Noah J."},
{
id: "t5",
name: "Ava P.",
role: "Food Blogger",
company: "Culinary Critic",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg",
imageAlt: "Ava P.",
},
id: "t5", name: "Ava P.", role: "Food Blogger", company: "Culinary Critic", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-friendly-asian-girl-smiling-serving-coffee-barista-giving-you-cup-coffee-prepare_1258-138286.jpg", imageAlt: "Ava P."},
]}
title="What Our Guests Say"
description="Hear directly from our cherished customers about their delightful experiences and why Alma Cafe is their favorite spot."
@@ -331,25 +206,13 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What are your opening hours?",
content: "Alma Cafe is open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. We look forward to welcoming you!",
},
id: "q1", title: "What are your opening hours?", content: "Alma Cafe is open Monday to Friday from 7 AM to 6 PM, and Saturday to Sunday from 8 AM to 5 PM. We look forward to welcoming you!"},
{
id: "q2",
title: "Do you offer vegan or gluten-free options?",
content: "Yes, we have a selection of delicious vegan and gluten-free pastries and savory items. Please ask our staff for today's special offerings.",
},
id: "q2", title: "Do you offer vegan or gluten-free options?", content: "Yes, we have a selection of delicious vegan and gluten-free pastries and savory items. Please ask our staff for today's special offerings."},
{
id: "q3",
title: "Can I make a reservation?",
content: "We operate on a first-come, first-served basis for most seating to maintain a casual and accessible atmosphere. However, for larger groups or special events, please contact us directly.",
},
id: "q3", title: "Can I make a reservation?", content: "We operate on a first-come, first-served basis for most seating to maintain a casual and accessible atmosphere. However, for larger groups or special events, please contact us directly."},
{
id: "q4",
title: "Do you have free Wi-Fi?",
content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. Feel free to connect and enjoy your time at Alma Cafe.",
},
id: "q4", title: "Do you have free Wi-Fi?", content: "Yes, complimentary high-speed Wi-Fi is available for all our guests. Feel free to connect and enjoy your time at Alma Cafe."},
]}
imageSrc="http://img.b2bpic.net/free-photo/business-people-having-pizza-coffee-office-meeting-break_23-2148817095.jpg"
imageAlt="Inviting cafe interior"
@@ -372,38 +235,11 @@ export default function LandingPage() {
tag="From Our Blog"
blogs={[
{
id: "b1",
category: "Coffee Culture",
title: "The Art of the Perfect Pour Over",
excerpt: "Dive into the meticulous process of crafting the ideal pour over coffee, from bean selection to bloom, ensuring a rich and nuanced cup every time.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg",
imageAlt: "Barista making pour over coffee",
authorName: "Alma Cafe Team",
authorAvatar: "http://img.b2bpic.net/free-photo/barista-cafe-making-coffee-preparation-service-concept_1157-36648.jpg",
date: "July 15, 2024",
},
id: "b1", category: "Coffee Culture", title: "The Art of the Perfect Pour Over", excerpt: "Dive into the meticulous process of crafting the ideal pour over coffee, from bean selection to bloom, ensuring a rich and nuanced cup every time.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-barista-holding-coffee-machine-cup_23-2148824453.jpg", imageAlt: "Barista making pour over coffee", authorName: "Alma Cafe Team", authorAvatar: "http://img.b2bpic.net/free-photo/barista-cafe-making-coffee-preparation-service-concept_1157-36648.jpg", date: "July 15, 2024"},
{
id: "b2",
category: "Baking Secrets",
title: "Our Secret Recipe: Fluffy Scones",
excerpt: "Uncover the magic behind Alma Cafe's signature fluffy scones. We share tips and tricks to help you bake these delightful treats in your own kitchen.",
imageSrc: "http://img.b2bpic.net/free-photo/bread-buffet_1203-3718.jpg",
imageAlt: "Assorted pastries on display",
authorName: "Chef Isabella",
authorAvatar: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
date: "July 10, 2024",
},
id: "b2", category: "Baking Secrets", title: "Our Secret Recipe: Fluffy Scones", excerpt: "Uncover the magic behind Alma Cafe's signature fluffy scones. We share tips and tricks to help you bake these delightful treats in your own kitchen.", imageSrc: "http://img.b2bpic.net/free-photo/bread-buffet_1203-3718.jpg", imageAlt: "Assorted pastries on display", authorName: "Chef Isabella", authorAvatar: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg", date: "July 10, 2024"},
{
id: "b3",
category: "Community",
title: "Summer Vibes: Live Music Nights Return!",
excerpt: "Get ready to groove! Our popular live music nights are back for the summer. Check out the schedule and join us for evenings filled with great tunes and delicious treats.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-making-music_23-2151169662.jpg",
imageAlt: "People enjoying live music at cafe",
authorName: "Events Coordinator",
authorAvatar: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg",
date: "July 5, 2024",
},
id: "b3", category: "Community", title: "Summer Vibes: Live Music Nights Return!", excerpt: "Get ready to groove! Our popular live music nights are back for the summer. Check out the schedule and join us for evenings filled with great tunes and delicious treats.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-making-music_23-2151169662.jpg", imageAlt: "People enjoying live music at cafe", authorName: "Events Coordinator", authorAvatar: "http://img.b2bpic.net/free-photo/team-young-colleagues-having-meeting-cafe_273609-16127.jpg", date: "July 5, 2024"},
]}
/>
</div>
@@ -412,21 +248,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
tagIcon={MapPin}
title="Your Table Awaits"
description="Come and experience the warmth and flavors of Alma Cafe. We can't wait to welcome you to our cozy corner!"
buttons={[
{
text: "Get Directions",
href: "https://www.google.com/maps/search/Alma+Cafe",
},
text: "Get Directions", href: "https://www.google.com/maps/search/Alma+Cafe"},
{
text: "Contact Us",
href: "mailto:info@almacofe.com",
},
text: "Contact Us", href: "mailto:info@almacofe.com"},
]}
buttonAnimation="slide-up"
/>
@@ -439,58 +270,35 @@ export default function LandingPage() {
logoText="Alma Cafe"
columns={[
{
title: "Explore",
items: [
title: "Explore", items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Menu",
href: "#menu",
},
label: "Menu", href: "#menu"},
{
label: "Blog",
href: "#blog",
},
label: "Blog", href: "#blog"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
],
},
{
title: "Social",
items: [
title: "Social", items: [
{
label: "Instagram",
href: "https://instagram.com/almacafe",
},
label: "Instagram", href: "https://instagram.com/almacafe"},
{
label: "Facebook",
href: "https://facebook.com/almacafe",
},
label: "Facebook", href: "https://facebook.com/almacafe"},
{
label: "Twitter",
href: "https://twitter.com/almacafe",
},
label: "Twitter", href: "https://twitter.com/almacafe"},
],
},
]}