216 lines
10 KiB
TypeScript
216 lines
10 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="medium"
|
||
sizing="largeSmall"
|
||
background="circleGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="primary-glow"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarLayoutFloatingOverlay
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "hero"},
|
||
{
|
||
name: "About", id: "about"},
|
||
{
|
||
name: "Menu", id: "menu"},
|
||
{
|
||
name: "Locations", id: "contact"},
|
||
]}
|
||
brandName="Whisk Cafe"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "plain"}}
|
||
logoText="Whisk Cafe"
|
||
description="Niagara’s premium destination for artisanal matcha, fresh smoothies, and curated café experiences."
|
||
buttons={[
|
||
{
|
||
text: "Explore Menu", href: "#menu"},
|
||
{
|
||
text: "Visit Us", href: "#contact"},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/top-view-green-matcha-still-life_23-2150768977.jpg"
|
||
imageAlt="matcha latte pour aesthetic"
|
||
mediaAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={false}
|
||
title="A Modern Café Experience"
|
||
description="Whisk Cafe is more than a coffee shop; it’s a destination. Built on quality ingredients and aesthetic charm, we’ve created a space where community meets craftsmanship. Whether you’re stopping for your morning matcha or a fresh smoothie bowl, you're experiencing a labor of love."
|
||
imageSrc="http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg"
|
||
imageAlt="modern aesthetic cafe interior"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={false}
|
||
buttons={[
|
||
{ text: "View Full Menu", href: "#menu" }
|
||
]}
|
||
products={[
|
||
{
|
||
id: "1", brand: "Matcha", name: "OG Matcha Latte", price: "$6.50", rating: 5,
|
||
reviewCount: "1.2k", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23332.jpg"},
|
||
{
|
||
id: "2", brand: "Pastry", name: "Pistachio Croissant", price: "$5.75", rating: 5,
|
||
reviewCount: "840", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-french-croissant-with-decorative-leaves-grey-wooden-board_114579-59280.jpg"},
|
||
{
|
||
id: "3", brand: "Smoothie", name: "Purple Power Bowl", price: "$12.00", rating: 5,
|
||
reviewCount: "620", imageSrc: "http://img.b2bpic.net/free-photo/sweet-creamy-berry-dessert_23-2147693764.jpg"},
|
||
{
|
||
id: "4", brand: "Coffee", name: "Vanilla Bean Latte", price: "$5.95", rating: 4,
|
||
reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/top-view-glass-coffee-with-latte-art_140725-5204.jpg"},
|
||
{
|
||
id: "5", brand: "Matcha", name: "Strawberry Matcha", price: "$7.25", rating: 5,
|
||
reviewCount: "910", imageSrc: "http://img.b2bpic.net/free-photo/hot-green-tea-glass-with-cream-topped-with-green-tea-decorated-with-green-tea-powder_1150-23324.jpg"},
|
||
{
|
||
id: "6", brand: "Matcha", name: "Pistachio Matcha", price: "$7.50", rating: 5,
|
||
reviewCount: "780", imageSrc: "http://img.b2bpic.net/free-photo/iced-matcha-latte_1339-1054.jpg"},
|
||
]}
|
||
title="Signature Menu"
|
||
description="Explore our curated selection of high-quality matcha, fresh smoothies, and artisanal baked goods."
|
||
/>
|
||
</div>
|
||
|
||
<div id="social-proof" data-section="social-proof">
|
||
<SocialProofOne
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
names={[
|
||
"Niagara Daily", "Coffee Enthusiast", "Local Flavors", "Crave Niagara", "The Daily Cup", "Foodie Niagara", "Cafe Culture"]}
|
||
title="Featured In & Loved By"
|
||
description="Join our community of matcha lovers across Niagara."
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah J.", handle: "@sarah.eats", testimonial: "Best matcha I've ever had in my life. So aesthetic too!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021814.jpg"},
|
||
{
|
||
id: "2", name: "Michael T.", handle: "@miketravels", testimonial: "My new go-to spot for working and grabbing a latte.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-using-laptop-cafe_1303-19906.jpg"},
|
||
{
|
||
id: "3", name: "Elena R.", handle: "@elena.grams", testimonial: "Everything was so delicious, the croissant is a must try.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-healthy-breakfast-sweet-deserts-few-different-chia-puddings-glass-jars-wooden-table-kitchen-home_343596-1249.jpg"},
|
||
{
|
||
id: "4", name: "David W.", handle: "@dave.vibe", testimonial: "Friendly staff, amazing drinks, and always so clean.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2643.jpg"},
|
||
{
|
||
id: "5", name: "Jenny L.", handle: "@jenny.lo", testimonial: "Such a super cute spot, perfect for Instagram photos.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-hair-sunset_624325-534.jpg"},
|
||
]}
|
||
showRating={true}
|
||
title="What People Are Saying"
|
||
description="We are proud to be your go-to spot."
|
||
/>
|
||
</div>
|
||
|
||
<div id="experience" data-section="experience">
|
||
<FeatureCardTwentyThree
|
||
animationType="slide-up"
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", title: "Coffee Dates", tags: [
|
||
"Social"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-working-laptop_23-2149358472.jpg"},
|
||
{
|
||
id: "f2", title: "Solo Rituals", tags: [
|
||
"Focus"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/photo-stylish-man-with-trendy-haircut-writes-records-notepad-focused-newspaper-drinks-takeaway-coffee-uses-modern-laptop-computer-freelance-work-hipster-guy-makes-recordings_273609-29250.jpg"},
|
||
{
|
||
id: "f3", title: "Instagrammable Moments", tags: [
|
||
"Vibe"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/interracial-lesbian-couple-looking-down-with-shy-smile-holding-hands-lunch-restaurant_273609-9596.jpg"},
|
||
]}
|
||
title="The Whisk Experience"
|
||
description="From aesthetic café dates to solo morning rituals, discover your perfect moment at Whisk."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="split-description"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "q1", title: "Do you offer vegan options?", content: "Absolutely! We have several plant-based milks and vegan pastry options daily."},
|
||
{
|
||
id: "q2", title: "Where are your locations?", content: "We are located across the heart of Niagara. Check our contact section for maps."},
|
||
{
|
||
id: "q3", title: "Can I order ahead?", content: "Yes, we prioritize quick grab-and-go ordering via our app or in-store."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/elegant-hotel-reception-lobby_482257-76206.jpg"
|
||
mediaAnimation="slide-up"
|
||
title="Questions? We’re Here."
|
||
description="Find everything you need to know about our cafe locations and menu."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactCenter
|
||
tag="Contact Us"
|
||
useInvertedBackground={false}
|
||
background={{
|
||
variant: "plain"}}
|
||
title="Visit Whisk Today"
|
||
description="Experience the matcha everyone is talking about. Find us at our various Niagara locations."
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoReveal
|
||
logoText="Whisk Cafe"
|
||
leftLink={{
|
||
text: "Privacy Policy", href: "#"}}
|
||
rightLink={{
|
||
text: "Terms of Service", href: "#"}}
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
}
|