Add src/app/menu/page.tsx
This commit is contained in:
212
src/app/menu/page.tsx
Normal file
212
src/app/menu/page.tsx
Normal file
@@ -0,0 +1,212 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
||||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { Award, Coffee, Heart, Leaf, Palette, Sparkles, Zap } from 'lucide-react';
|
||||
|
||||
const handleNewsletterSubmit = (email: string) => {
|
||||
console.log('Newsletter signup:', email);
|
||||
};
|
||||
|
||||
export default function MenuPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="mediumSmall"
|
||||
sizing="large"
|
||||
background="circleGradient"
|
||||
cardStyle="gradient-radial"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Visit", id: "contact" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Belle Café"
|
||||
bottomLeftText="Regent Street, Christchurch"
|
||||
bottomRightText="hello@bellecafe.co.nz"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
title="Belle Café Menu"
|
||||
description="Discover our carefully crafted selection of artisan coffee, signature brunch dishes, and seasonal specialties. Each item is prepared with locally-sourced ingredients and creative flair."
|
||||
tag="Our Menu"
|
||||
tagIcon={Coffee}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "plain" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/elevated-view-baked-croissant-fruits-tea-dryfruits-white-tablecloth_23-2147907266.jpg?_wi=1"
|
||||
imageAlt="Belle Café menu showcase"
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "Back Home", href: "/" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
className="hero-section"
|
||||
containerClassName="hero-container"
|
||||
titleClassName="hero-title"
|
||||
descriptionClassName="hero-description"
|
||||
buttonContainerClassName="hero-buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Coffee Philosophy"
|
||||
description="We partner with local roasters to source single-origin beans that showcase the unique characteristics of different regions. Every espresso shot is pulled with precision by our trained baristas, and every specialty drink is crafted with care. We believe exceptional coffee starts with exceptional beans and expert technique."
|
||||
tag="Artisan Coffee"
|
||||
tagIcon={Zap}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg"
|
||||
imageAlt="Barista crafting specialty coffee"
|
||||
imagePosition="right"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Single-Origin Beans", description: "Carefully selected from partner roasters, each bean tells a story of its origin.", icon: Leaf
|
||||
},
|
||||
{
|
||||
title: "Expert Technique", description: "Our baristas are trained to pull the perfect espresso and craft specialty drinks.", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Seasonal Specials", description: "Limited-edition drinks featuring seasonal flavours and local ingredients.", icon: Sparkles
|
||||
},
|
||||
{
|
||||
title: "Sustainable Sourcing", description: "We're committed to ethical practices and sustainable coffee farming partnerships."
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
title="Our Signature Brunch Menu"
|
||||
description="From classic favorites with a creative twist to innovative dishes you won't find anywhere else in Christchurch."
|
||||
tag="Signature Dishes"
|
||||
tagIcon={Palette}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "01", title: "Ricotta & Berry Stack", description: "Fluffy ricotta pancakes layered with whipped cream, fresh berries, and a drizzle of honey. Topped with candied lemon and edible flowers.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg", imageAlt: "Ricotta and berry stack brunch dish"
|
||||
},
|
||||
{
|
||||
id: "02", title: "Smashed Avo & Dukkah Toast", description: "Sourdough toast topped with smashed avocado, Egyptian dukkah spice mix, poached eggs, and microgreens. Finished with quality olive oil.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg", imageAlt: "Smashed avocado on dukkah toast"
|
||||
},
|
||||
{
|
||||
id: "03", title: "Beetroot Cured Salmon", description: "House-cured salmon with cream cheese, beetroot, fresh dill, and crispy capers on toasted rye. Served with a side salad.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg", imageAlt: "Beetroot cured salmon brunch plate"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
title="Menu & Beverage Range"
|
||||
description="Belle Café offers an extensive selection of coffee drinks, teas, and seasonal beverages, plus fresh juices and smoothies."
|
||||
tag="What We Offer"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "15+", title: "Coffee & Espresso Drinks", description: "From classic espresso to creative specialty beverages", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barista-preparing-coffee_1232-866.jpg", imageAlt: "Specialty coffee drinks"
|
||||
},
|
||||
{
|
||||
id: "2", value: "20+", title: "Brunch Dishes", description: "Seasonal menu with signature favourites and new creations", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sugar-cookies-with-strawberry-jelly-white-surface_140725-90426.jpg", imageAlt: "Selection of brunch dishes"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
title="What Our Guests Love About Our Menu"
|
||||
description="Hear from people who've experienced Belle Café's culinary offerings."
|
||||
tag="Guest Reviews"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", title: "Best Coffee in Christchurch", quote: "The coffee here is absolutely exceptional. Every drink is made with care and precision. I'm a coffee snob and this place delivers every single time. Their seasonal specials are always something to look forward to.", name: "David Thompson", role: "Coffee Enthusiast", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-asian-female-entrepreneur-sitting-table-cafe_1262-17235.jpg", imageAlt: "David enjoying Belle Café coffee"
|
||||
},
|
||||
{
|
||||
id: "2", title: "Creative & Delicious Menu", quote: "The brunch menu is so creative. I've tried every dish at least twice, and they're all incredible. The combination of flavours and the quality of ingredients really sets Belle Café apart from other brunch spots.", name: "Lisa Wong", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-book-coffee-shop_23-2150378308.jpg", imageAlt: "Lisa photographing brunch at Belle Café"
|
||||
},
|
||||
{
|
||||
id: "3", title: "Worth the Visit", quote: "I drove 45 minutes just for brunch here after hearing about it from friends. The menu lived up to all the hype. Every element on the plate was thoughtfully prepared. Definitely coming back!", name: "Robert Martinez", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-smiling-hipster-female-trendy-summer-clothescarefree-women-posing-veranda-cafe-streetpositive-models-drinking-white-wineenjoying-their-vacationeating-croissant_158538-24271.jpg", imageAlt: "Robert enjoying Belle Café brunch"
|
||||
},
|
||||
{
|
||||
id: "4", title: "Perfect for Every Occasion", quote: "Whether I'm working on my laptop, meeting friends, or celebrating a special occasion, Belle Café's menu has something perfect for every moment. The versatility and quality are unmatched.", name: "Sophie Chen", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-woman-with-long-hair-sitting-cafe-with-laptop_273609-6341.jpg", imageAlt: "Sophie at Belle Café with laptop"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
tag="Ready to Visit?"
|
||||
title="Reserve Your Table at Belle Café"
|
||||
description="Can't wait to experience our menu? Get in touch to make a reservation or ask about our daily specials and seasonal menu updates."
|
||||
tagIcon={Heart}
|
||||
background={{ variant: "rotated-rays-static-grid" }}
|
||||
useInvertedBackground={false}
|
||||
inputPlaceholder="Your email address"
|
||||
buttonText="Subscribe"
|
||||
termsText="Join our mailing list for menu updates, new seasonal dishes, coffee specials, and exclusive events. Unsubscribe anytime."
|
||||
onSubmit={handleNewsletterSubmit}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Belle Café"
|
||||
copyrightText="© 2025 Belle Café. All rights reserved. Crafted with love in Christchurch."
|
||||
columns={[
|
||||
{
|
||||
title: "Visit Us", items: [
|
||||
{ label: "Hours & Location", href: "#" },
|
||||
{ label: "Directions", href: "#" },
|
||||
{ label: "Parking Info", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Explore", items: [
|
||||
{ label: "Menu", href: "/menu" },
|
||||
{ label: "Gallery", href: "#" },
|
||||
{ label: "Events", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Instagram", href: "https://instagram.com" },
|
||||
{ label: "Facebook", href: "https://facebook.com" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user