201 lines
10 KiB
TypeScript
201 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLarge"
|
|
background="blurBottom"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "hero"},
|
|
{
|
|
name: "About", id: "about"},
|
|
{
|
|
name: "Menu", id: "menu"},
|
|
{
|
|
name: "Reviews", id: "reviews"},
|
|
{
|
|
name: "Contact", id: "contact"},
|
|
]}
|
|
brandName="Miss Bean Café"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Welcome to Miss Bean Café"
|
|
description="Experience literal heaven on earth in the heart of Byward Market. Artisan coffee, delicious croffles, and a cozy atmosphere await."
|
|
buttons={[
|
|
{
|
|
text: "Order Online", href: "#contact"},
|
|
{
|
|
text: "View Menu", href: "#menu"},
|
|
]}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/luxury-bar-illuminated-by-modern-lighting-equipment-generated-by-ai_188544-24181.jpg", imageAlt: "cozy cafe interior warm lighting"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-pancakes-with-fruits-brown-desk_140725-13574.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-coffee-cup_74190-3412.jpg", imageAlt: "artisan cappuccino latte art"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/heart-cakes_1157-707.jpg", imageAlt: "fresh gelato pistachio cafe"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/friends-going-shopping-antique-store_23-2149525718.jpg", imageAlt: "women owned small business cafe"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/china-stairs-stone-tiles-old-water_1417-577.jpg", imageAlt: "cafe entrance door street view"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Ottawa's Favorite Cozy Corner"
|
|
description="Located in Byward Market, Miss Bean Café is a women-owned business committed to serving heaven on earth to every visitor. We blend aesthetic vibes with the finest ingredients to create an unforgettable experience."
|
|
bulletPoints={[
|
|
{
|
|
title: "Women-Owned Business", description: "Founded with passion and heart in Ottawa."},
|
|
{
|
|
title: "Byward Market Location", description: "The perfect spot for your daily cafe escape."},
|
|
{
|
|
title: "Heavenly Atmosphere", description: "A cozy retreat designed for relaxation and enjoyment."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/pastry-shop-waitress-posing_23-2147984975.jpg"
|
|
imageAlt="women owned small business cafe"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Nutella Banana Waffles", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/tasty-breakfast-delicious-pancakes-covered-with-chocolate-cherries_8353-7297.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
|
{
|
|
id: "2", name: "Signature Croffle", price: "$10", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-croissant-plate-covered-chocolate-cafe_181624-57999.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
|
{
|
|
id: "3", name: "Pesto Sandwich", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-yummy-cakes-with-cream-strawberries-light-white-surface-birthday-celebration-cake-sweet-biscuit_140725-101968.jpg", imageAlt: "delicious cafe waffle nutella fruit"},
|
|
{
|
|
id: "4", name: "Artisan Cappuccino", price: "$6", imageSrc: "http://img.b2bpic.net/free-photo/frothy-drinks-pour-from-machinery-coffee-shop-generated-by-ai_188544-36183.jpg", imageAlt: "artisan cappuccino latte art"},
|
|
{
|
|
id: "5", name: "Matcha Latte", price: "$7", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-creamy-cake-with-chocolate-raisins-light-dark-background_140725-136311.jpg", imageAlt: "artisan cappuccino latte art"},
|
|
{
|
|
id: "6", name: "Pistachio Gelato", price: "$8", imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-tasty-pistachio-ice-cream-decorated-with-mint-scattered-pistachios-are-nearby-served-with-metal-scoop-slate-black-background_639032-915.jpg", imageAlt: "fresh gelato pistachio cafe"},
|
|
]}
|
|
title="Our Menu Highlights"
|
|
description="Discover our signature croffles, savory sandwiches, and artisanal beverages."
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
title: "Aesthetic Vibe", description: "Every corner of our cafe is designed to be picture perfect.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-celebrating-mother-s-day_23-2151207240.jpg", imageAlt: "women owned small business cafe"},
|
|
{
|
|
title: "Quality Ingredients", description: "From local suppliers, we bring the best ingredients to your plate.", imageSrc: "http://img.b2bpic.net/free-photo/green-tea-fresh-milk-served-with-delicious-snacks_1150-24496.jpg", imageAlt: "artisan cappuccino latte art"},
|
|
{
|
|
title: "Warm Service", description: "Our staff are truly angels dedicated to your service.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-sunglasses-drinks-coffee-cafe-street_613910-10422.jpg", imageAlt: "happy cafe customer portrait"},
|
|
]}
|
|
title="Why Choose Us"
|
|
description="We go beyond just coffee; we create memories."
|
|
/>
|
|
</div>
|
|
|
|
<div id="reviews" data-section="reviews">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Salina Leblanc", role: "Visitor", company: "Ottawa Traveler", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23102.jpg", imageAlt: "happy cafe customer portrait"},
|
|
{
|
|
id: "2", name: "Sarah L", role: "Local Guide", company: "Ottawa Foodie", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/coquette-watercolor-pattern_23-2151843222.jpg", imageAlt: "satisfied local guide customer"},
|
|
{
|
|
id: "3", name: "J NM", role: "Local Guide", company: "Ottawa Explorer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-red-hair-cafe-drinks-summer-cocktail-happy-laughs-smiles_1321-3711.jpg", imageAlt: "traveler enjoying ottawa cafe"},
|
|
{
|
|
id: "4", name: "Customer X", role: "Regular", company: "Byward Market", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-rear-view-beautiful-blond-girl-turns-camera-while-sitting-coffee-table-with-laptop-computer-cocktail_197531-22994.jpg", imageAlt: "student working cafe portrait"},
|
|
{
|
|
id: "5", name: "Customer Y", role: "Visitor", company: "Vacationer", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/potrait-woman-holding-cup-coffee_1303-29713.jpg", imageAlt: "happy coffee lover portrait"},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "500+", label: "Reviews"},
|
|
{
|
|
value: "5.0", label: "Rating"},
|
|
{
|
|
value: "100%", label: "Happiness"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Rated 5 stars by over 500 happy coffee lovers."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={true}
|
|
title="Visit Us in Byward Market"
|
|
description="87 Murray St, Ottawa, ON K1N 5M5. Open until 9 PM daily."
|
|
inputs={[
|
|
{
|
|
name: "name", type: "text", placeholder: "Your Name"},
|
|
{
|
|
name: "email", type: "email", placeholder: "Your Email"},
|
|
]}
|
|
textarea={{
|
|
name: "message", placeholder: "Special requests or feedback"}}
|
|
imageSrc="http://img.b2bpic.net/free-photo/city-background-panoramic-view_23-2148892901.jpg"
|
|
imageAlt="cafe entrance door street view"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Miss Bean Café"
|
|
copyrightText="© 2025 Miss Bean Café. All rights reserved."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |