Merge version_1 into main #1
273
src/app/page.tsx
273
src/app/page.tsx
@@ -34,125 +34,80 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "#menu-highlights",
|
||||
},
|
||||
name: "Menu", id: "#menu-highlights"},
|
||||
{
|
||||
name: "Bestsellers",
|
||||
id: "#bestsellers",
|
||||
},
|
||||
name: "Bestsellers", id: "#bestsellers"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/different-vintage-logotypes_23-2147547950.jpg"
|
||||
logoAlt="Wonder Café & Bakery Logo"
|
||||
brandName="Wonder Café & Bakery"
|
||||
button={{
|
||||
text: "Order Online",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Order Online", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Welcome to Wonder Café & Bakery"
|
||||
description="Experience the magic of freshly baked goods and artisanal coffee in a cozy, welcoming atmosphere. Every bite tells a story."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Baking Joy",
|
||||
},
|
||||
value: "10+", label: "Years Baking Joy"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Daily Fresh Bakes",
|
||||
},
|
||||
value: "50+", label: "Daily Fresh Bakes"},
|
||||
{
|
||||
value: "5K+",
|
||||
label: "Happy Customers",
|
||||
},
|
||||
value: "5K+", label: "Happy Customers"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="Our Story"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Our Menu",
|
||||
href: "#menu-highlights",
|
||||
},
|
||||
text: "Explore Our Menu", href: "#menu-highlights"},
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-cake-stand_23-2150797774.jpg"
|
||||
imageAlt="Cozy interior of Wonder Café & Bakery with pastries and coffee."
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985156.jpg",
|
||||
alt: "Happy customer with a croissant",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/shop-assistant-preparing-croissant-bag_23-2147985156.jpg", alt: "Happy customer with a croissant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-serving-slice-chocolate-cake_23-2148028061.jpg",
|
||||
alt: "Smiling customer enjoying a cake slice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-woman-serving-slice-chocolate-cake_23-2148028061.jpg", alt: "Smiling customer enjoying a cake slice"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-croissants_23-2148933381.jpg",
|
||||
alt: "Couple enjoying pastries at a cafe",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-couple-with-croissants_23-2148933381.jpg", alt: "Couple enjoying pastries at a cafe"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-male-baker-holding-basket-baked-croissant-pastry-shop_23-2148189111.jpg",
|
||||
alt: "Customer holding a basket of croissants",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-male-baker-holding-basket-baked-croissant-pastry-shop_23-2148189111.jpg", alt: "Customer holding a basket of croissants"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg",
|
||||
alt: "Man enjoying coffee at a cafe table",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-wearing-trendy-hat-sitting-wooden-table-coffee-shop_273609-1622.jpg", alt: "Man enjoying coffee at a cafe table"},
|
||||
]}
|
||||
avatarText="Join our 5,000+ happy customers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Freshly Baked Daily",
|
||||
icon: Wheat,
|
||||
type: "text-icon", text: "Freshly Baked Daily", icon: Wheat,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Artisan Coffee",
|
||||
icon: Coffee,
|
||||
type: "text-icon", text: "Artisan Coffee", icon: Coffee,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cozy Atmosphere",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "Cozy Atmosphere", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Quality Ingredients",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Quality Ingredients", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Community Favorite",
|
||||
icon: Heart,
|
||||
type: "text-icon", text: "Community Favorite", icon: Heart,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -163,7 +118,6 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
tag="About Us"
|
||||
title="Crafting Moments, One Bake at a Time"
|
||||
description="At Wonder Café & Bakery, we believe in the simple joy of good food and great company. Born from a passion for baking and a love for community, our journey began over a decade ago. We handcraft every item with the finest ingredients, ensuring a taste that brings warmth to your heart and a smile to your face. From our signature sourdough to our rich, aromatic coffee, we invite you to savor the Wonder."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,19 +129,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Coffee,
|
||||
title: "Artisanal Coffee",
|
||||
description: "Expertly brewed coffee from ethically sourced beans, crafted by skilled baristas for your perfect cup.",
|
||||
},
|
||||
title: "Artisanal Coffee", description: "Expertly brewed coffee from ethically sourced beans, crafted by skilled baristas for your perfect cup."},
|
||||
{
|
||||
icon: Cake,
|
||||
title: "Gourmet Pastries",
|
||||
description: "Indulge in our exquisite selection of cakes, tarts, and pastries, baked fresh daily using premium ingredients.",
|
||||
},
|
||||
title: "Gourmet Pastries", description: "Indulge in our exquisite selection of cakes, tarts, and pastries, baked fresh daily using premium ingredients."},
|
||||
{
|
||||
icon: Wheat,
|
||||
title: "Freshly Baked Bread",
|
||||
description: "Savor our homemade breads, from crusty sourdough to soft brioche, perfect for any meal or snack.",
|
||||
},
|
||||
title: "Freshly Baked Bread", description: "Savor our homemade breads, from crusty sourdough to soft brioche, perfect for any meal or snack."},
|
||||
]}
|
||||
title="Discover Our Delicious Specialties"
|
||||
description="Our menu is a celebration of flavor and freshness, featuring beloved classics and exciting new creations. Each item is made with care, perfect for any time of day."
|
||||
@@ -203,52 +151,22 @@ export default function LandingPage() {
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "p-1",
|
||||
name: "Buttery Croissant",
|
||||
price: "$3.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/apricot-tart-with-vanilla-ice-cream-caramel-sauce-side-view_141793-3067.jpg",
|
||||
imageAlt: "Golden flaky croissant on a white plate",
|
||||
rating: 5,
|
||||
id: "p-1", name: "Buttery Croissant", price: "$3.50", imageSrc: "http://img.b2bpic.net/free-photo/apricot-tart-with-vanilla-ice-cream-caramel-sauce-side-view_141793-3067.jpg", imageAlt: "Golden flaky croissant on a white plate", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p-2",
|
||||
name: "Rich Chocolate Cake",
|
||||
price: "$6.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/berry-cake-with-oats_661915-436.jpg",
|
||||
imageAlt: "Slice of rich chocolate cake with berries",
|
||||
rating: 5,
|
||||
id: "p-2", name: "Rich Chocolate Cake", price: "$6.00", imageSrc: "http://img.b2bpic.net/free-photo/berry-cake-with-oats_661915-436.jpg", imageAlt: "Slice of rich chocolate cake with berries", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p-3",
|
||||
name: "Artisan Sourdough Loaf",
|
||||
price: "$7.50",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153017.jpg",
|
||||
imageAlt: "Crusty artisan sourdough bread loaf",
|
||||
rating: 4,
|
||||
id: "p-3", name: "Artisan Sourdough Loaf", price: "$7.50", imageSrc: "http://img.b2bpic.net/free-photo/cottagecore-food-inspiration-still-life_23-2150153017.jpg", imageAlt: "Crusty artisan sourdough bread loaf", rating: 4,
|
||||
},
|
||||
{
|
||||
id: "p-4",
|
||||
name: "Classic Chocolate Chip Cookies",
|
||||
price: "$2.75",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-alfajores-arrangement_23-2148740229.jpg",
|
||||
imageAlt: "Stack of classic chocolate chip cookies",
|
||||
rating: 5,
|
||||
id: "p-4", name: "Classic Chocolate Chip Cookies", price: "$2.75", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-alfajores-arrangement_23-2148740229.jpg", imageAlt: "Stack of classic chocolate chip cookies", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p-5",
|
||||
name: "Creamy Latte",
|
||||
price: "$4.25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-cinnamon_140725-7516.jpg",
|
||||
imageAlt: "Cup of latte with delicate foam art",
|
||||
rating: 5,
|
||||
id: "p-5", name: "Creamy Latte", price: "$4.25", imageSrc: "http://img.b2bpic.net/free-photo/hot-cup-cappuccino-with-cinnamon_140725-7516.jpg", imageAlt: "Cup of latte with delicate foam art", rating: 5,
|
||||
},
|
||||
{
|
||||
id: "p-6",
|
||||
name: "Gourmet Turkey Sandwich",
|
||||
price: "$9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg",
|
||||
imageAlt: "Fresh gourmet turkey sandwich with salad",
|
||||
rating: 4,
|
||||
id: "p-6", name: "Gourmet Turkey Sandwich", price: "$9.00", imageSrc: "http://img.b2bpic.net/free-photo/mozzarella-sliders-summer-picnic-sandwiches_53876-103644.jpg", imageAlt: "Fresh gourmet turkey sandwich with salad", rating: 4,
|
||||
},
|
||||
]}
|
||||
title="Our Most Loved Treats"
|
||||
@@ -264,25 +182,15 @@ export default function LandingPage() {
|
||||
author="Sarah L."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg",
|
||||
alt: "Sarah L.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893776.jpg", alt: "Sarah L."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-smiling-redhead-bearded-man-holding-coffee-cup-looking-aside_171337-9997.jpg",
|
||||
alt: "Mark T.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-smiling-redhead-bearded-man-holding-coffee-cup-looking-aside_171337-9997.jpg", alt: "Mark T."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/marketing-company-employees-congratulating-each-other-great-startup-marketing-strategy-results-happy-smiling-pregnant-woman-high-fiving-coworker-amazing-presentation-ideas_482257-40081.jpg",
|
||||
alt: "Emily R.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/marketing-company-employees-congratulating-each-other-great-startup-marketing-strategy-results-happy-smiling-pregnant-woman-high-fiving-coworker-amazing-presentation-ideas_482257-40081.jpg", alt: "Emily R."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-with-tablet-computer_1098-21787.jpg",
|
||||
alt: "David K.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-man-with-tablet-computer_1098-21787.jpg", alt: "David K."},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg",
|
||||
alt: "Jessica P.",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/enthusiastic-asian-female-entrepreneur-cafe-owner-with-tablet-wearing-shop-uniform-standing-with_1258-203446.jpg", alt: "Jessica P."},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -296,23 +204,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m-1",
|
||||
icon: Award,
|
||||
title: "Customer Satisfaction",
|
||||
value: "99%",
|
||||
},
|
||||
id: "m-1", icon: Award,
|
||||
title: "Customer Satisfaction", value: "99%"},
|
||||
{
|
||||
id: "m-2",
|
||||
icon: Heart,
|
||||
title: "Handcrafted Daily",
|
||||
value: "100%",
|
||||
},
|
||||
id: "m-2", icon: Heart,
|
||||
title: "Handcrafted Daily", value: "100%"},
|
||||
{
|
||||
id: "m-3",
|
||||
icon: Star,
|
||||
title: "5-Star Reviews",
|
||||
value: "450+",
|
||||
},
|
||||
id: "m-3", icon: Star,
|
||||
title: "5-Star Reviews", value: "450+"},
|
||||
]}
|
||||
title="Our Commitment to Excellence"
|
||||
description="We are proud of the love and dedication we pour into every aspect of Wonder Café. Our achievements are a testament to our passion."
|
||||
@@ -324,14 +223,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Local Foodie",
|
||||
"Eco-Harvest Farms",
|
||||
"Best Bakery Awards",
|
||||
"Gourmet Coffee Roasters",
|
||||
"Community Kitchen",
|
||||
"Culinary Academy",
|
||||
"Fresh Produce Co.",
|
||||
]}
|
||||
"Local Foodie", "Eco-Harvest Farms", "Best Bakery Awards", "Gourmet Coffee Roasters", "Community Kitchen", "Culinary Academy", "Fresh Produce Co."]}
|
||||
title="Trusted & Recognized"
|
||||
description="We're proud to be featured by local critics, partner with quality suppliers, and serve our wonderful community."
|
||||
/>
|
||||
@@ -342,30 +234,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "What are your opening hours?",
|
||||
content: "We are open Monday to Saturday from 7 AM to 6 PM, and Sunday from 8 AM to 4 PM. Holidays may affect these hours.",
|
||||
},
|
||||
id: "faq-1", title: "What are your opening hours?", content: "We are open Monday to Saturday from 7 AM to 6 PM, and Sunday from 8 AM to 4 PM. Holidays may affect these hours."},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "Do you offer catering or custom orders?",
|
||||
content: "Yes, we do! Please contact us directly for custom cake orders, catering services, or special requests. We appreciate at least 48 hours notice for custom orders.",
|
||||
},
|
||||
id: "faq-2", title: "Do you offer catering or custom orders?", content: "Yes, we do! Please contact us directly for custom cake orders, catering services, or special requests. We appreciate at least 48 hours notice for custom orders."},
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "Are there vegan or gluten-free options available?",
|
||||
content: "We offer a selection of delicious vegan and gluten-free items daily. Please ask our staff for today's options, as our menu rotates seasonally.",
|
||||
},
|
||||
id: "faq-3", title: "Are there vegan or gluten-free options available?", content: "We offer a selection of delicious vegan and gluten-free items daily. Please ask our staff for today's options, as our menu rotates seasonally."},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "Do you have outdoor seating?",
|
||||
content: "Yes, we feature a charming outdoor patio perfect for enjoying your coffee and pastries on a sunny day.",
|
||||
},
|
||||
id: "faq-4", title: "Do you have outdoor seating?", content: "Yes, we feature a charming outdoor patio perfect for enjoying your coffee and pastries on a sunny day."},
|
||||
{
|
||||
id: "faq-5",
|
||||
title: "Is Wonder Café & Bakery pet-friendly?",
|
||||
content: "Well-behaved dogs are welcome in our outdoor seating area. We even have water bowls available!",
|
||||
},
|
||||
id: "faq-5", title: "Is Wonder Café & Bakery pet-friendly?", content: "Well-behaved dogs are welcome in our outdoor seating area. We even have water bowls available!"},
|
||||
]}
|
||||
sideTitle="Your Questions, Answered"
|
||||
sideDescription="Find quick answers to our most common questions about our cafe, bakery, and services."
|
||||
@@ -378,20 +255,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Get in Touch"
|
||||
title="Visit Wonder Café & Bakery Today!"
|
||||
description="Whether you're looking for a delightful breakfast, a cozy coffee break, or custom treats, we're here to serve you. Reach out or stop by!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:+1234567890"},
|
||||
{
|
||||
text: "Find Us on Map",
|
||||
href: "https://maps.google.com/?q=Wonder+Cafe+Bakery",
|
||||
},
|
||||
text: "Find Us on Map", href: "https://maps.google.com/?q=Wonder+Cafe+Bakery"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -403,50 +275,31 @@ export default function LandingPage() {
|
||||
logoText="Wonder Café & Bakery"
|
||||
columns={[
|
||||
{
|
||||
title: "Explore",
|
||||
items: [
|
||||
title: "Explore", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Home", href: "#hero"},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu-highlights",
|
||||
},
|
||||
label: "Menu", href: "#menu-highlights"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/wondercafe",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/wondercafe"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/wondercafe",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/wondercafe"},
|
||||
],
|
||||
},
|
||||
{
|
||||
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