Compare commits
1 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 6f62578a77 |
406
src/app/page.tsx
406
src/app/page.tsx
@@ -2,378 +2,260 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactText from '@/components/sections/contact/ContactText';
|
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
|
||||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||||
|
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
||||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||||
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||||
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
import { Coffee, Sparkles } from "lucide-react";
|
||||||
import { Coffee, Globe, MapPin } from "lucide-react";
|
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="hover-bubble"
|
defaultButtonVariant="hover-bubble"
|
||||||
defaultTextAnimation="entrance-slide"
|
defaultTextAnimation="entrance-slide"
|
||||||
borderRadius="soft"
|
borderRadius="rounded"
|
||||||
contentWidth="mediumSmall"
|
contentWidth="medium"
|
||||||
sizing="mediumLarge"
|
sizing="medium"
|
||||||
background="noiseDiagonalGradient"
|
background="none"
|
||||||
cardStyle="gradient-bordered"
|
cardStyle="gradient-bordered"
|
||||||
primaryButtonStyle="primary-glow"
|
primaryButtonStyle="flat"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="solid"
|
||||||
headingFontWeight="bold"
|
headingFontWeight="bold"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleCentered
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Our Coffee",
|
name: "Home", id: "hero"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Menu",
|
name: "Experience", id: "about"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Community",
|
name: "Menu", id: "products"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Reviews", id: "testimonials"},
|
||||||
id: "contact",
|
{
|
||||||
},
|
name: "Visit", id: "contact"},
|
||||||
]}
|
]}
|
||||||
brandName="The Voodoo"
|
brandName="The Voodoo"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboard
|
<HeroBillboardCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "sparkles-gradient",
|
variant: "plain"}}
|
||||||
}}
|
title="Your cozy escape for coffee, chats, and something a little special."
|
||||||
title="Awaken the Voodoo"
|
description="Creamy matcha, handcrafted drinks, and a space that feels like home. Stay a little longer."
|
||||||
description="Premium, artisan coffee crafted for the curious soul. Step into an atmosphere of mystery, flavor, and dark elegance."
|
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Explore Menu",
|
text: "View Menu", href: "#products"},
|
||||||
href: "#products",
|
{
|
||||||
},
|
text: "Visit Us", href: "#contact"},
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/white-wispy-smoke-swirls-black-background_23-2148092792.jpg"
|
mediaItems={[
|
||||||
mediaAnimation="blur-reveal"
|
|
||||||
avatars={[
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/fragrant-freshly-roasted-coffee-beans-ground-coffee-are-scattered-metal-tray-closeup-selective-focus-vertical-frame_166373-2292.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "Cozy cafe atmosphere"},
|
||||||
alt: "Fragrant freshly roasted coffee beans and ground coffee are scattered on a metal tray Closeup selective focus vertical frame",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/black-smoke-background-border-textured-wallpaper-high-resolution_53876-128266.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/selective-closeup-shot-coffee-with-latte-art-black-ceramic-cup-wooden-surface_181624-3880.jpg", imageAlt: "Handcrafted coffee"},
|
||||||
alt: "Black smoke background border, textured wallpaper in high resolution",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249766.jpg", imageAlt: "Rabbit themed cafe"},
|
||||||
alt: "Burning paper background still life",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg", imageAlt: "Warm cafe seating"},
|
||||||
alt: "Grinders near coffee beans",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/white-wispy-smoke-swirls-black-background_23-2148092792.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg", imageAlt: "Coffee art detail"},
|
||||||
alt: "dark mysterious cafe interior atmosphere",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
avatarText="Join 5,000+ coffee disciples"
|
|
||||||
marqueeItems={[
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Ethically Sourced",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Small-Batch Roasted",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Dark Aesthetic",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Artisan Crafted",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
type: "text",
|
|
||||||
text: "Masterful Brewing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<InlineImageSplitTextAbout
|
<MetricSplitMediaAbout
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
heading={[
|
title="It's not just what we serve—it's how it feels."
|
||||||
|
description="We believe in slow moments, genuine connections, and crafting drinks that taste like a hug."
|
||||||
|
metrics={[
|
||||||
{
|
{
|
||||||
type: "text",
|
value: "100+", title: "Happy Neighbors"},
|
||||||
content: "The Ritual of Perfection",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
value: "50+", title: "Signature Drinks"},
|
||||||
src: "http://img.b2bpic.net/free-photo/shop-portrait-beautiful-beauty-people_1150-1574.jpg",
|
{
|
||||||
alt: "handcrafted coffee preparation close up",
|
value: "24/7", title: "Cozy Vibes"},
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-young-female-barista-making-cappuccino-pouring-steamed-milk-latte-art-into-cup-give-yo_1258-134428.jpg"
|
||||||
|
mediaAnimation="slide-up"
|
||||||
|
metricsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardMedia
|
<FeatureCardTwentyFive
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
title: "Quality Coffee", description: "Smooth, high-quality beans for the perfect roast.", icon: Coffee,
|
||||||
title: "Sourced Consciously",
|
mediaItems: [
|
||||||
description: "Single-origin beans chosen with ethical integrity.",
|
{
|
||||||
tag: "Origin",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409614.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-desk_23-2148180160.jpg",
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/easter-composition-with-ceramic-hare-gypsophila-flowers_169016-29424.jpg"},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "f2",
|
title: "Signature Drinks", description: "Cloud Matcha and Lychee Sparkling - a little bit magic.", icon: Sparkles,
|
||||||
title: "Precision Roasted",
|
mediaItems: [
|
||||||
description: "Small batches, high-end technology, perfect depth.",
|
{
|
||||||
tag: "Roast",
|
imageSrc: "http://img.b2bpic.net/free-photo/green-frosting-texture-background-close-up_53876-139947.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-black-background_23-2147908278.jpg",
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/roasted-brown-coffee-beans-background_23-2148254976.jpg"},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "f3",
|
title: "Cozy Atmosphere", description: "Cute, playful rabbit decor for your perfect quiet corner.", icon: Coffee,
|
||||||
title: "Masterful Brewing",
|
mediaItems: [
|
||||||
description: "Brewing techniques honed by elite baristas.",
|
{
|
||||||
tag: "Brew",
|
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-teacup-brown-surface_417767-163.jpg"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-process-making-espresso-professional-coffee-machine_169016-17892.jpg",
|
{
|
||||||
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-beans_23-2148464847.jpg"},
|
||||||
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Voodoo?"
|
title="Why You'll Love The Voodoo"
|
||||||
description="Crafting the perfect cup is more than science—it's alchemy."
|
description="Designed for comfort, crafted for you."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="products" data-section="products">
|
<div id="products" data-section="products">
|
||||||
<ProductCardFour
|
<ProductCardTwo
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
gridVariant="four-items-2x2-equal-grid"
|
gridVariant="four-items-2x2-equal-grid"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "p1",
|
id: "p1", brand: "Matcha", name: "Cloud Matcha", price: "$6.50", rating: 5,
|
||||||
name: "The Dark Knight",
|
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/lychee-jelly-seasonal-fruit-beautifully-decorated-thai-dessert-concept_1150-23455.jpg"},
|
||||||
price: "$6.00",
|
|
||||||
variant: "Espresso",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-tea-black-cup-plate-dark-surface-sugar-ceremony-glass-breakfast-cake-dessert-color-sweets_179666-24443.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p2",
|
id: "p2", brand: "Refresh", name: "Lychee Sparkling", price: "$7.00", rating: 5,
|
||||||
name: "Voodoo Cold Brew",
|
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-cold-strawberry-flavor-drink_23-2148602863.jpg"},
|
||||||
price: "$7.50",
|
|
||||||
variant: "Cold",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p3",
|
id: "p3", brand: "Comfort", name: "Handmade Wontons", price: "$9.00", rating: 4,
|
||||||
name: "Shadow Flat White",
|
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114789.jpg"},
|
||||||
price: "$6.50",
|
|
||||||
variant: "Latte",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p4",
|
id: "p4", brand: "Bakery", name: "Fluffy Pancakes", price: "$12.00", rating: 5,
|
||||||
name: "Ritual Pour Over",
|
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-honey-fruits-light-surface-sweet-milk-fruit_140725-82100.jpg"},
|
||||||
price: "$8.00",
|
|
||||||
variant: "Drip",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-kettle-with-cup-wooden-platter_114579-12206.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "p5",
|
id: "p5", brand: "Drinks", name: "Iced Oat Latte", price: "$5.50", rating: 5,
|
||||||
name: "Midnight Pastry",
|
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/lychee-juice-lychee-fruit_1150-13633.jpg"},
|
||||||
price: "$4.50",
|
|
||||||
variant: "Bake",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-coffee-with-cookies-bread-chocolate_23-2147860330.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "p6",
|
|
||||||
name: "House Reserve Bag",
|
|
||||||
price: "$22.00",
|
|
||||||
variant: "Retail",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-big-hermetic-packages-with-blank-labels-near-transparent-glass-with-raw-sampled-coffee-beans_346278-410.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Signature Elixirs"
|
title="Our Signature Treats"
|
||||||
description="From dark roasts to ethereal cold brews, discover your perfect potion."
|
description="Creamy, dreamy, and unforgettable. Handmade comfort food."
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardSix
|
<TestimonialCardThirteen
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Such a cute environment… friendly staff and the best coffee!", rating: 5,
|
||||||
name: "Alex R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423996.jpg"},
|
||||||
handle: "@alex_r",
|
|
||||||
testimonial: "The best dark roast I've ever tasted. Pure magic in a cup.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-with-glasses-office_23-2148218574.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "2", name: "Michael C.", handle: "@mchen", testimonial: "Cloud matcha was absolutely divine. Highly recommended.", rating: 5,
|
||||||
name: "Sam K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg"},
|
||||||
handle: "@samk_brews",
|
|
||||||
testimonial: "Voodoo is now part of my morning ritual. Incredible atmosphere.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-young-woman-with-bright-make-up-waring-red-scarf-holding-coffee-walking-city-sunlight-greeneyed-brunette-with-enjoying-free-time-city_291650-1738.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Perfect place to chat with friends. I could stay all day.", rating: 5,
|
||||||
name: "Jordan P.",
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-with-cup-hot-latte-coffee_343596-4671.jpg"},
|
||||||
handle: "@jordanp_coffee",
|
|
||||||
testimonial: "Atmosphere and coffee quality are simply unmatched in the city.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-outside-cafe-drinking-coffee_1303-25163.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "4", name: "David K.", handle: "@dkim", testimonial: "Friendly, welcoming, and the dumplings are so comforting.", rating: 5,
|
||||||
name: "Casey M.",
|
imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg"},
|
||||||
handle: "@casey_m",
|
|
||||||
testimonial: "Dark, moody, and absolutely delicious. A must-visit spot.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-girl-with-notepad_158595-1005.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "5", name: "Lisa B.", handle: "@lisab", testimonial: "My new favorite local spot. Always feel so at home.", rating: 5,
|
||||||
name: "Taylor B.",
|
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg"},
|
||||||
handle: "@t_brew",
|
|
||||||
testimonial: "The staff are experts and the coffee is divine.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/coffee-time-me-please_329181-17310.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Echoes from the Void"
|
showRating={true}
|
||||||
description="Hear what our devoted patrons have to say."
|
title="What Our Neighbors Say"
|
||||||
/>
|
description="Don't just take our word for it—join the community."
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="metrics" data-section="metrics">
|
|
||||||
<MetricCardOne
|
|
||||||
animationType="slide-up"
|
|
||||||
textboxLayout="default"
|
|
||||||
gridVariant="uniform-all-items-equal"
|
|
||||||
useInvertedBackground={false}
|
|
||||||
metrics={[
|
|
||||||
{
|
|
||||||
id: "m1",
|
|
||||||
value: "10k+",
|
|
||||||
title: "Cups Brewed",
|
|
||||||
description: "Satiated souls served daily.",
|
|
||||||
icon: Coffee,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m2",
|
|
||||||
value: "50+",
|
|
||||||
title: "Bean Varieties",
|
|
||||||
description: "Sourced globally for maximum depth.",
|
|
||||||
icon: Globe,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "m3",
|
|
||||||
value: "5",
|
|
||||||
title: "City Locations",
|
|
||||||
description: "Expanding our dark aesthetic.",
|
|
||||||
icon: MapPin,
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="By The Numbers"
|
|
||||||
description="Evidence of our obsession."
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="faq" data-section="faq">
|
<div id="faq" data-section="faq">
|
||||||
<FaqBase
|
<FaqSplitMedia
|
||||||
textboxLayout="default"
|
textboxLayout="split"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "f1", title: "Do you offer vegan options?", content: "Yes, we have many plant-based milk and food options."},
|
||||||
title: "Do you offer subscriptions?",
|
|
||||||
content: "Yes, we ship our signature roasts directly to your lair monthly.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "f2", title: "Are you pet friendly?", content: "We love furry friends! Small pets are welcome in our cafe area."},
|
||||||
title: "Is your coffee organic?",
|
|
||||||
content: "We prioritize organic, ethical farming for every bean we serve.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "f3", title: "Can I book for a large group?", content: "Yes! Please contact us a few days in advance for group bookings."},
|
||||||
title: "Do you have vegan options?",
|
|
||||||
content: "Our menu features several plant-based pastries and milk alternatives.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Common Questions"
|
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
|
||||||
description="Everything you need to know about the ritual."
|
title="Need to know more?"
|
||||||
|
description="Find answers to our most common questions here."
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="gallery" data-section="gallery">
|
||||||
<ContactText
|
<BlogCardOne
|
||||||
|
animationType="slide-up"
|
||||||
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
title="A Peek Inside"
|
||||||
variant: "rotated-rays-static",
|
description="Cozy textures and cute rabbit vibes."
|
||||||
}}
|
blogs={[
|
||||||
text="Join the cult of coffee. Sign up for our newsletter for early access to seasonal rituals."
|
|
||||||
buttons={[
|
|
||||||
{
|
{
|
||||||
text: "Subscribe",
|
id: "b1", category: "Vibe", title: "The Cloud Matcha", excerpt: "Look at the creamy texture.", imageSrc: "http://img.b2bpic.net/free-photo/lychee-jelly-seasonal-fruit-beautifully-decorated-thai-dessert-concept_1150-23464.jpg", authorName: "The Voodoo", authorAvatar: "http://img.b2bpic.net/free-vector/kawaii-summer-character-collection_23-2148167848.jpg", date: "Oct 2025"},
|
||||||
href: "#",
|
{
|
||||||
},
|
id: "b2", category: "Vibe", title: "Our Rabbit Corner", excerpt: "Find our cute resident bunnies.", imageSrc: "http://img.b2bpic.net/free-photo/matcha-frosting-texture-background-close-up_53876-133071.jpg", authorName: "The Voodoo", authorAvatar: "http://img.b2bpic.net/free-photo/circular-red-sign_23-2147725021.jpg", date: "Oct 2025"},
|
||||||
|
{
|
||||||
|
id: "b3", category: "Vibe", title: "Comfort Food", excerpt: "Warm, fresh, and handmade.", imageSrc: "http://img.b2bpic.net/free-photo/spoons-with-salt-pepper-oil-egg-flour-dumplings_114579-20898.jpg", authorName: "The Voodoo", authorAvatar: "http://img.b2bpic.net/free-vector/rabbit-gradient-colorful-logo-design-vector_343694-2995.jpg", date: "Oct 2025"},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div id="contact" data-section="contact">
|
||||||
|
<ContactCenter
|
||||||
|
useInvertedBackground={true}
|
||||||
|
background={{
|
||||||
|
variant: "plain"}}
|
||||||
|
tag="Visit Us"
|
||||||
|
title="Find your little escape."
|
||||||
|
description="Tucked inside Milford Centre. We're waiting for you."
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterMedia
|
<FooterMedia
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/evening-scene-exterior-restaurant-sunset_23-2152024826.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-beautiful-woman-looking-away-with-coffee_197531-33702.jpg"
|
||||||
|
logoSrc="http://img.b2bpic.net/free-photo/brick-restaurant-exclose-up-brick-restaurant-exterior-cafe-restaurant-shop-concept-terior_613910-17892.jpg"
|
||||||
logoText="The Voodoo"
|
logoText="The Voodoo"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Locations",
|
title: "Links", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Downtown",
|
label: "Menu", href: "#products"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "North Side",
|
label: "Visit", href: "#contact"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Support",
|
title: "Social", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "Instagram", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Facebook", href: "#"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user