295 lines
17 KiB
TypeScript
295 lines
17 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
|
import { Leaf, Sparkles, Users } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="medium"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#home"},
|
|
{
|
|
name: "About", id: "#about"},
|
|
{
|
|
name: "Menu", id: "#menu"},
|
|
{
|
|
name: "Specials", id: "#specials"},
|
|
{
|
|
name: "Reviews", id: "#reviews"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
brandName="Eliana's Brunch & Munch"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroOverlay
|
|
title="Luxury brunch moments, locally crafted daily"
|
|
description="Elianas brings elevated comfort food and handcrafted coffee to your neighborhood. Discover seasonal menus and a space designed for connection."
|
|
buttons={[
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
{
|
|
text: "Make a Reservation", href: "#contact"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/romantic-table-centerpiece_23-2151937236.jpg"
|
|
imageAlt="Luxury brunch spread with floral decor at Eliana's"
|
|
showDimOverlay={true}
|
|
showBlur={true}
|
|
textPosition="bottom"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-close-up-young-beautiful-girl-street_1153-9650.jpg", alt: "Satisfied customer 1"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-asian-businesswoman-sitting-table-cafe-drinking-coffee-reading-smartphone-app-s_1258-137924.jpg", alt: "Satisfied customer 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-woman-having-lunch-restaurant_23-2150491912.jpg", alt: "Satisfied customer 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg", alt: "Satisfied customer 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-dark-skinned-young-female-with-frizzy-hair-eats-something-drinks-smoothie-spends-free-time-with-boyfriend-friend-enjoys-summer-vacations-tropical-country-island_273609-2195.jpg", alt: "Satisfied customer 5"},
|
|
]}
|
|
avatarText="Loved by 1000s of satisfied guests"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MetricSplitMediaAbout
|
|
useInvertedBackground={false}
|
|
title="Our Story: Passion for Brunch, Crafted with Love"
|
|
description="At Eliana's, we believe every meal is an opportunity for connection and joy. Our Birmingham cafe offers a unique blend of seasonal ingredients, artisanal techniques, and a charming ambiance inspired by floral beauty and nude tones. We're dedicated to creating unforgettable brunch and munch experiences, from our handcrafted coffees to our decadent pastries and savory classics."
|
|
metrics={[
|
|
{
|
|
value: "5+", title: "Years Serving"},
|
|
{
|
|
value: "20+", title: "Unique Dishes"},
|
|
{
|
|
value: "Thousands", title: "Happy Guests"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-sitting-cafe-summer-fashion-outfit-hipster-style-pink-cotton-dress-sunglasses-smiling-drinking-coffee-stylish-accessories-trendy-apparel-happy-mood_285396-3101.jpg"
|
|
imageAlt="Charming and aesthetically pleasing cafe interior"
|
|
mediaAnimation="slide-up"
|
|
metricsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Artisanal Pastries", description: "Indulge in our daily baked croissants, cakes, and sweet treats, crafted with the finest ingredients and a touch of elegance.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cake-with-pink-cream-chocolates-light-desk-cake-biscuit-sweet-bake-cream_140725-31879.jpg", imageAlt: "Assortment of elegant artisanal pastries"},
|
|
{
|
|
title: "Handcrafted Coffee", description: "Savor perfectly brewed coffee, from classic lattes to seasonal specials, made with passion by our skilled baristas.", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-woman-having-tea_1153-3116.jpg", imageAlt: "A cup of expertly made latte art"},
|
|
{
|
|
title: "Savory Brunch Classics", description: "Explore our menu featuring elevated takes on brunch favorites, prepared with fresh, local produce and unique flavors.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-with-croissant_23-2150408577.jpg", imageAlt: "A beautifully plated savory brunch dish"},
|
|
]}
|
|
title="Culinary Delights & Cafe Experience"
|
|
description="Discover what makes Eliana's a beloved spot for brunch enthusiasts and young professionals alike."
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "p1", name: "The Grand English", price: "£14.50", variant: "Classic Brunch", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-table_140725-1308.jpg", imageAlt: "A luxury full English breakfast plate"},
|
|
{
|
|
id: "p2", name: "Berry Bliss Pancakes", price: "£11.00", variant: "Sweet Indulgence", imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-with-cherries-plate-pattern-apricot-peach-plum-pear-cherry-plaid-cloth-background_141793-25118.jpg", imageAlt: "Fluffy pancakes with fresh berries and syrup"},
|
|
{
|
|
id: "p3", name: "Avo & Egg Toast", price: "£9.50", variant: "Healthy & Fresh", imageSrc: "http://img.b2bpic.net/free-photo/front-view-fresh-vegetable-salad-with-cucumber-tomato-bowl-wooden-kitchen-board-with-avocado-slices-yellow-bell-pepper-white-surface_141793-13825.jpg", imageAlt: "Avocado toast with a perfectly poached egg"},
|
|
{
|
|
id: "p4", name: "Smoked Salmon Bagel", price: "£12.00", variant: "Savory Bagels", imageSrc: "http://img.b2bpic.net/free-photo/eclair-with-caramel-syrup-white-plate_114579-13793.jpg", imageAlt: "Smoked salmon bagel with cream cheese and capers"},
|
|
{
|
|
id: "p5", name: "Decadent Waffles", price: "£10.50", variant: "Sweet Treats", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-food-concept_23-2148578400.jpg", imageAlt: "Golden waffles topped with fruit and whipped cream"},
|
|
{
|
|
id: "p6", name: "Seasonal Green Salad", price: "£8.00", variant: "Light Lunch", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-plate-with-breakfast_23-2148454807.jpg", imageAlt: "A fresh and vibrant seasonal green salad"},
|
|
]}
|
|
title="Our Curated Menu"
|
|
description="From hearty breakfast plates to light lunch options, every dish is a culinary masterpiece designed for taste and visual appeal."
|
|
/>
|
|
</div>
|
|
|
|
<div id="specials" data-section="specials">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
plans={[
|
|
{
|
|
id: "p1", badge: "Daily", badgeIcon: Sparkles,
|
|
price: "£25.00/person", buttons: [
|
|
{
|
|
text: "See Details", href: "#"},
|
|
],
|
|
features: [
|
|
"Any main brunch item", "Choice of handcrafted coffee", "Freshly squeezed juice", "Pastry selection"],
|
|
subtitle: "The Morning Indulgence"
|
|
},
|
|
{
|
|
id: "p2", badge: "Weekend", badgeIcon: Leaf,
|
|
price: "£35.00/person", buttons: [
|
|
{
|
|
text: "Book Now", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Any two main menu items", "Unlimited premium tea/coffee", "Mimosa or mocktail included", "Dessert of the day"],
|
|
subtitle: "Eliana's Deluxe Brunch"
|
|
},
|
|
{
|
|
id: "p3", badge: "Group", badgeIcon: Users,
|
|
price: "Custom", buttons: [
|
|
{
|
|
text: "Enquire", href: "#contact"},
|
|
],
|
|
features: [
|
|
"Private dining options", "Customizable menu for groups", "Dedicated service staff", "Special occasion decorations"],
|
|
subtitle: "Celebration & Events"
|
|
},
|
|
]}
|
|
title="Eliana's Special Offers & Packages"
|
|
description="Elevate your experience with our thoughtfully designed brunch and munch packages, perfect for any occasion."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSix
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophia R.", handle: "@sophia_eats", testimonial: "Eliana's is my go-to for brunch! The food is exquisite, and the floral decor makes every visit feel special. Highly recommend the avocado toast!", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg", imageAlt: "Sophia R. profile picture"},
|
|
{
|
|
id: "2", name: "Liam K.", handle: "@liam_foodie", testimonial: "The best coffee in Birmingham, hands down. Paired with their incredible pancakes, it's the perfect start to any weekend.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-caucasian-boy-is-bringing-birthday-cake-celebration-party_8353-10062.jpg", imageAlt: "Liam K. profile picture"},
|
|
{
|
|
id: "3", name: "Olivia M.", handle: "@olivia_travels", testimonial: "Such a charming spot! Every dish is a work of art, and the ambiance is so relaxing. A true hidden gem for brunch lovers.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-rich-woman-table_23-2149684353.jpg", imageAlt: "Olivia M. profile picture"},
|
|
{
|
|
id: "4", name: "Noah J.", handle: "@noah_ventures", testimonial: "Fantastic experience from start to finish. The staff are so friendly, and the 'Grand English' is truly grand. I'll be back!", imageSrc: "http://img.b2bpic.net/free-photo/smile-face-green-ball-with-golden-five-stars-customer-client-survey-satisfaction-after-use-product-service-concept-by-3d-render_616485-67.jpg", imageAlt: "Noah J. profile picture"},
|
|
{
|
|
id: "5", name: "Ava P.", handle: "@ava_bakes", testimonial: "The pastries are to die for! So fresh and flavorful. Eliana's brings a touch of luxury to my everyday.", imageSrc: "http://img.b2bpic.net/free-photo/young-charming-woman-trendy-white-blouse-checkered-coat-waves-hand-greeting-talks-phone-smiles-cafe_197531-30025.jpg", imageAlt: "Ava P. profile picture"},
|
|
{
|
|
id: "6", name: "Elijah S.", handle: "@elijah_eats", testimonial: "Consistently excellent food and service. It's the perfect place for a business brunch or a relaxed catch-up with friends.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-lovely-couple_23-2148060503.jpg", imageAlt: "Elijah S. profile picture"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from our valued customers about their unforgettable experiences at Eliana's Brunch & Munch."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqBase
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Do you take reservations?", content: "Yes, we highly recommend making a reservation, especially for weekend brunch, to ensure you get a table. You can book through our website or by calling us directly."},
|
|
{
|
|
id: "q2", title: "What are your operating hours?", content: "We are open Monday to Friday from 9 AM to 3 PM, and Saturday to Sunday from 9 AM to 4 PM. We are closed on bank holidays."},
|
|
{
|
|
id: "q3", title: "Do you offer vegetarian or vegan options?", content: "Absolutely! Our menu includes a variety of delicious vegetarian and vegan dishes. Please inform our staff about any dietary restrictions, and we'll be happy to assist."},
|
|
{
|
|
id: "q4", title: "Is Eliana's child-friendly?", content: "Yes, families are welcome at Eliana's. We have high chairs available and a kid-friendly menu. Please note, our busiest times are weekends."},
|
|
{
|
|
id: "q5", title: "Do you have outdoor seating?", content: "Yes, we have a charming outdoor seating area perfect for enjoying your meal on sunny days. It operates on a first-come, first-served basis."},
|
|
]}
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common queries about our cafe, menu, and services."
|
|
faqsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "radial-gradient"}}
|
|
tag="Visit Us"
|
|
title="Experience Eliana's for Yourself"
|
|
description="Located at 1087 Chester Rd, Birmingham B24 0PP. Come by for a luxury brunch or send us a message below!"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
termsText="By subscribing, you agree to receive promotional emails from Eliana's Brunch & Munch. You can unsubscribe at any time."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseReveal
|
|
logoText="Eliana's Brunch & Munch"
|
|
columns={[
|
|
{
|
|
title: "Menu", items: [
|
|
{
|
|
label: "Brunch", href: "#menu"},
|
|
{
|
|
label: "Lunch", href: "#menu"},
|
|
{
|
|
label: "Pastries", href: "#features"},
|
|
{
|
|
label: "Coffee", href: "#features"},
|
|
],
|
|
},
|
|
{
|
|
title: "About", items: [
|
|
{
|
|
label: "Our Story", href: "#about"},
|
|
{
|
|
label: "Reviews", href: "#reviews"},
|
|
{
|
|
label: "FAQ", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
title: "Visit", items: [
|
|
{
|
|
label: "Location", href: "#contact"},
|
|
{
|
|
label: "Reservations", href: "#contact"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
],
|
|
},
|
|
]}
|
|
copyrightText="© 2024 Eliana's Brunch & Munch. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|