263 lines
13 KiB
TypeScript
263 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import ReactLenis from "lenis/react";
|
||
import ContactText from '@/components/sections/contact/ContactText';
|
||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
|
||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
|
||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||
import { Coffee, Heart, Star } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="shift-hover"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="soft"
|
||
contentWidth="compact"
|
||
sizing="largeSizeMediumTitles"
|
||
background="fluid"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="radial-glow"
|
||
secondaryButtonStyle="radial-glow"
|
||
headingFontWeight="normal"
|
||
>
|
||
<ReactLenis root>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleApple
|
||
navItems={[
|
||
{
|
||
name: "Home", id: "#home"},
|
||
{
|
||
name: "About", id: "#about"},
|
||
{
|
||
name: "Menu", id: "#menu"},
|
||
{
|
||
name: "Favorites", id: "#favorites"},
|
||
{
|
||
name: "Reviews", id: "#reviews"},
|
||
{
|
||
name: "FAQ", id: "#faq"},
|
||
{
|
||
name: "Contact", id: "#contact"},
|
||
]}
|
||
brandName="Cafe Bazaar"
|
||
/>
|
||
</div>
|
||
|
||
<div id="home" data-section="home">
|
||
<HeroLogoBillboard
|
||
background={{
|
||
variant: "radial-gradient"}}
|
||
logoText="Cafe Bazaar"
|
||
description="Discover Cafe Bazaar, Brooklyn's cozy corner for exceptional coffee, fresh pastries, and friendly smiles. A perfect spot to relax, work, or catch up with friends."
|
||
buttons={[
|
||
{
|
||
text: "Order Online", href: "#"},
|
||
{
|
||
text: "View Menu", href: "#menu"},
|
||
]}
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEv9KAQUsqhLqoA3HhRE04ikoM/uploaded-1779757202687-4czshi3y.jpg"
|
||
imageAlt="Cozy cafe interior with coffee and pastries"
|
||
mediaAnimation="blur-reveal"
|
||
buttonAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaAbout
|
||
useInvertedBackground={true}
|
||
title="Our Story: Brooklyn's Favorite Cozy Cafe"
|
||
description="Nestled in the heart of Brooklyn, Cafe Bazaar is more than just a coffee shop – it's a community hub. We pride ourselves on creating a warm, inviting atmosphere where every visit feels like coming home. From freshly brewed artisanal coffees to delectable homemade pastries, we craft every item with passion and care. Come experience the charm and comfort that makes us a neighborhood gem."
|
||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3EEv9KAQUsqhLqoA3HhRE04ikoM/uploaded-1779757202687-s2ztw1ds.jpg"
|
||
imageAlt="Inviting interior of Cafe Bazaar with comfortable seating"
|
||
/>
|
||
</div>
|
||
|
||
<div id="menu" data-section="menu">
|
||
<FeatureCardTwelve
|
||
animationType="scale-rotate"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
features={[
|
||
{
|
||
id: "f1", label: "Artisanal Coffee & Lattes", title: "Artisanal Coffee & Lattes", items: ["Expertly brewed coffee, espresso drinks, and lattes crafted with passion."],
|
||
},
|
||
{
|
||
id: "f2", label: "Freshly Baked Pastries", title: "Freshly Baked Pastries", items: ["Indulge in our selection of muffins, cakes, croissants, and other delightful treats."],
|
||
},
|
||
{
|
||
id: "f3", label: "Refreshing Smoothies", title: "Refreshing Smoothies", items: ["Healthy and delicious fruit smoothies, perfect for a quick energy boost."],
|
||
},
|
||
]}
|
||
title="Taste the Craft: Our Signature Offerings"
|
||
description="Explore a delightful range of beverages and baked goods, meticulously prepared to brighten your day. Whether you crave a rich coffee or a sweet treat, we have something special for everyone."
|
||
/>
|
||
</div>
|
||
|
||
<div id="favorites" data-section="favorites">
|
||
<ProductCardTwo
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
gridVariant="three-columns-all-equal-width"
|
||
useInvertedBackground={true}
|
||
products={[
|
||
{
|
||
id: "p1", brand: "Cafe Bazaar", name: "Classic Latte", price: "$4.50", rating: 5,
|
||
reviewCount: "25 reviews", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-lipstick_1232-2527.jpg", imageAlt: "Classic Latte"},
|
||
{
|
||
id: "p2", brand: "Cafe Bazaar", name: "Rich Hot Chocolate", price: "$5.00", rating: 4.9,
|
||
reviewCount: "18 reviews", imageSrc: "http://img.b2bpic.net/free-photo/clear-glass-cup-filled-with-chocolate-cream_209303-47.jpg", imageAlt: "Rich Hot Chocolate"},
|
||
{
|
||
id: "p3", brand: "Cafe Bazaar", name: "Blueberry Muffin", price: "$3.75", rating: 4.8,
|
||
reviewCount: "30 reviews", imageSrc: "http://img.b2bpic.net/free-photo/blueberry-muffin_74190-7072.jpg", imageAlt: "Blueberry Muffin"},
|
||
{
|
||
id: "p4", brand: "Cafe Bazaar", name: "Chocolate Croissant", price: "$4.25", rating: 4.7,
|
||
reviewCount: "22 reviews", imageSrc: "http://img.b2bpic.net/free-photo/glass-orange-juice-with-pink-pipe-blue-table_114579-4250.jpg", imageAlt: "Chocolate Croissant"},
|
||
{
|
||
id: "p5", brand: "Cafe Bazaar", name: "Green Detox Smoothie", price: "$7.00", rating: 4.9,
|
||
reviewCount: "15 reviews", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-delicious-smoothie_23-2148898558.jpg", imageAlt: "Green Detox Smoothie"},
|
||
{
|
||
id: "p6", brand: "Cafe Bazaar", name: "Homemade Apple Pie Slice", price: "$6.00", rating: 4.9,
|
||
reviewCount: "10 reviews", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-apple-pie_23-2148666887.jpg", imageAlt: "Homemade Apple Pie Slice"},
|
||
]}
|
||
title="Our Crowd Favorites"
|
||
description="Hand-picked by our regulars, these are the treats and drinks you simply can't miss at Cafe Bazaar."
|
||
/>
|
||
</div>
|
||
|
||
<div id="metrics" data-section="metrics">
|
||
<MetricCardThree
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
metrics={[
|
||
{
|
||
id: "m1", icon: Star,
|
||
title: "Average Rating", value: "4.9/5"},
|
||
{
|
||
id: "m2", icon: Heart,
|
||
title: "Happy Customers", value: "Countless"},
|
||
{
|
||
id: "m3", icon: Coffee,
|
||
title: "Daily Brews", value: "100+"},
|
||
]}
|
||
title="Our Cafe in Numbers"
|
||
description="We're proud of the joy and satisfaction we bring to our community, one cup at a time."
|
||
/>
|
||
</div>
|
||
|
||
<div id="reviews" data-section="reviews">
|
||
<TestimonialCardThirteen
|
||
animationType="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
testimonials={[
|
||
{
|
||
id: "t1", name: "Daryl Truong", handle: "@daryl.t", testimonial: "Manager Faruk is very friendly and provides excellent service! They make amazing drinks, such as lattes, hot chocolate, and smoothies. Also on the menu are pastries, such as muffins, cakes, and croissants. This new cafe is definitely a great addition to the neighborhood!", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageAlt: "Daryl Truong"},
|
||
{
|
||
id: "t2", name: "Stan Leung", handle: "@stan.l", testimonial: "Very calm atmosphere, friendly staff. Go every morning. Best lattes.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-distressed-angry-redhead-guy-losing-temper-shouting-shaking-hands-outraged-stari_1258-149376.jpg", imageAlt: "Stan Leung"},
|
||
{
|
||
id: "t3", name: "Alexander Cherny, Esq.", handle: "@alexander.c", testimonial: "Very cozy coffee shop with great baked goods.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/nice-girl-trendy-oversized-sweater-leaned-looking-camera-against-background-cars-with-smile_197531-26006.jpg", imageAlt: "Alexander Cherny, Esq."},
|
||
{
|
||
id: "t4", name: "Maria S.", handle: "@maria.s", testimonial: "Cafe Bazaar has quickly become my go-to spot! The staff is incredibly welcoming, and their hot chocolate is simply divine. It's the perfect place to unwind.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/mature-man-holding-cup-coffee-home_23-2148465247.jpg", imageAlt: "Maria S."},
|
||
{
|
||
id: "t5", name: "John D.", handle: "@john.d", testimonial: "I love the vibe here! Great coffee and the croissants are to die for. It's truly a gem in Brooklyn, always a pleasure to visit.", rating: 5,
|
||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-shot-creative-joyful-caucasian-female-with-curly-hairstyle-small-tattoo-showing-peace-gesture-peeking-through-fingers-camera-happily-smiling-broadly-having-fun-orange-wall_1258-80822.jpg", imageAlt: "John D."},
|
||
]}
|
||
showRating={true}
|
||
title="What Our Community Says"
|
||
description="Don't just take our word for it – hear what our wonderful customers have to say about their experience at Cafe Bazaar."
|
||
/>
|
||
</div>
|
||
|
||
<div id="faq" data-section="faq">
|
||
<FaqSplitMedia
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
faqs={[
|
||
{
|
||
id: "faq1", title: "Do you offer free Wi-Fi?", content: "Yes, we provide complimentary high-speed Wi-Fi for all our customers. Feel free to connect and enjoy your visit while you work or relax."},
|
||
{
|
||
id: "faq2", title: "Can I place custom orders for pastries?", content: "Absolutely! For custom pastry orders or larger quantities, please contact us at least 48 hours in advance, and we'll be happy to accommodate your request."},
|
||
{
|
||
id: "faq3", title: "Do you have options for dietary restrictions?", content: "We offer a selection of dairy-free milk alternatives (almond, oat, soy) and some gluten-free pastry options. Please speak to our staff for more details on specific menu items."},
|
||
]}
|
||
imageSrc="http://img.b2bpic.net/free-photo/person-cafe-enjoying-book_23-2150064696.jpg"
|
||
imageAlt="Person working on laptop at a cafe table with coffee"
|
||
mediaAnimation="blur-reveal"
|
||
mediaPosition="right"
|
||
title="Got Questions? We've Got Answers!"
|
||
description="Find quick answers to the most common questions about Cafe Bazaar, our menu, and services."
|
||
faqsAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactText
|
||
useInvertedBackground={true}
|
||
background={{
|
||
variant: "animated-grid"}}
|
||
text="Ready for Your Cafe Bazaar Experience?"
|
||
buttons={[
|
||
{
|
||
text: "Get Directions", href: "https://maps.app.goo.gl/v9RKoHVkpsRzDoLYA"},
|
||
{
|
||
text: "Call Us: (347) 312-4126", href: "tel:+13473124126"},
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterLogoEmphasis
|
||
columns={[
|
||
{
|
||
items: [
|
||
{
|
||
label: "Home", href: "#home"},
|
||
{
|
||
label: "About Us", href: "#about"},
|
||
{
|
||
label: "Menu", href: "#menu"},
|
||
{
|
||
label: "Our Favorites", href: "#favorites"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "Reviews", href: "#reviews"},
|
||
{
|
||
label: "FAQ", href: "#faq"},
|
||
{
|
||
label: "Contact", href: "#contact"},
|
||
],
|
||
},
|
||
{
|
||
items: [
|
||
{
|
||
label: "2851 Cropsey Ave", href: "https://maps.app.goo.gl/v9RKoHVkpsRzDoLYA"},
|
||
{
|
||
label: "Brooklyn, NY 11214", href: "https://maps.app.goo.gl/v9RKoHVkpsRzDoLYA"},
|
||
{
|
||
label: "(347) 312-4126", href: "tel:+13473124126"},
|
||
],
|
||
},
|
||
]}
|
||
logoText="Cafe Bazaar"
|
||
/>
|
||
</div>
|
||
</ReactLenis>
|
||
</ThemeProvider>
|
||
);
|
||
} |