1 Commits

Author SHA1 Message Date
6f62578a77 Update src/app/page.tsx 2026-04-21 04:12:16 +00:00

View File

@@ -2,378 +2,260 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Coffee, Globe, MapPin } from "lucide-react";
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Coffee, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="mediumSmall"
sizing="mediumLarge"
background="noiseDiagonalGradient"
borderRadius="rounded"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="gradient-bordered"
primaryButtonStyle="primary-glow"
secondaryButtonStyle="layered"
primaryButtonStyle="flat"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleCentered
<NavbarStyleFullscreen
navItems={[
{
name: "Our Coffee",
id: "about",
},
name: "Home", id: "hero"},
{
name: "Menu",
id: "products",
},
name: "Experience", id: "about"},
{
name: "Community",
id: "testimonials",
},
name: "Menu", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Reviews", id: "testimonials"},
{
name: "Visit", id: "contact"},
]}
brandName="The Voodoo"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboard
<HeroBillboardCarousel
background={{
variant: "sparkles-gradient",
}}
title="Awaken the Voodoo"
description="Premium, artisan coffee crafted for the curious soul. Step into an atmosphere of mystery, flavor, and dark elegance."
variant: "plain"}}
title="Your cozy escape for coffee, chats, and something a little special."
description="Creamy matcha, handcrafted drinks, and a space that feels like home. Stay a little longer."
buttons={[
{
text: "Explore Menu",
href: "#products",
},
text: "View Menu", href: "#products"},
{
text: "Visit Us", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/white-wispy-smoke-swirls-black-background_23-2148092792.jpg"
mediaAnimation="blur-reveal"
avatars={[
mediaItems={[
{
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",
alt: "Fragrant freshly roasted coffee beans and ground coffee are scattered on a metal tray Closeup selective focus vertical frame",
},
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg", imageAlt: "Cozy cafe atmosphere"},
{
src: "http://img.b2bpic.net/free-photo/black-smoke-background-border-textured-wallpaper-high-resolution_53876-128266.jpg",
alt: "Black smoke background border, textured wallpaper in high resolution",
},
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"},
{
src: "http://img.b2bpic.net/free-photo/burning-paper-background-still-life_23-2150093312.jpg",
alt: "Burning paper background still life",
},
imageSrc: "http://img.b2bpic.net/free-photo/top-view-easter-coffee-decorations_23-2150249766.jpg", imageAlt: "Rabbit themed cafe"},
{
src: "http://img.b2bpic.net/free-photo/grinders-near-coffee-beans_23-2147747270.jpg",
alt: "Grinders near coffee beans",
},
imageSrc: "http://img.b2bpic.net/free-photo/barista-making-cappuccino_1150-8042.jpg", imageAlt: "Warm cafe seating"},
{
src: "http://img.b2bpic.net/free-photo/white-wispy-smoke-swirls-black-background_23-2148092792.jpg",
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",
},
imageSrc: "http://img.b2bpic.net/free-photo/person-enjoying-reading-book-cafe_23-2150064719.jpg", imageAlt: "Coffee art detail"},
]}
/>
</div>
<div id="about" data-section="about">
<InlineImageSplitTextAbout
useInvertedBackground={false}
heading={[
<MetricSplitMediaAbout
useInvertedBackground={true}
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",
content: "The Ritual of Perfection",
},
value: "100+", title: "Happy Neighbors"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/shop-portrait-beautiful-beauty-people_1150-1574.jpg",
alt: "handcrafted coffee preparation close up",
},
value: "50+", title: "Signature Drinks"},
{
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 id="features" data-section="features">
<FeatureCardMedia
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Sourced Consciously",
description: "Single-origin beans chosen with ethical integrity.",
tag: "Origin",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-beans-wooden-desk_23-2148180160.jpg",
title: "Quality Coffee", description: "Smooth, high-quality beans for the perfect roast.", icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-texture-cream_23-2149409614.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/easter-composition-with-ceramic-hare-gypsophila-flowers_169016-29424.jpg"},
],
},
{
id: "f2",
title: "Precision Roasted",
description: "Small batches, high-end technology, perfect depth.",
tag: "Roast",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-coffee-maker-black-background_23-2147908278.jpg",
title: "Signature Drinks", description: "Cloud Matcha and Lychee Sparkling - a little bit magic.", icon: Sparkles,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/green-frosting-texture-background-close-up_53876-139947.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/roasted-brown-coffee-beans-background_23-2148254976.jpg"},
],
},
{
id: "f3",
title: "Masterful Brewing",
description: "Brewing techniques honed by elite baristas.",
tag: "Brew",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-process-making-espresso-professional-coffee-machine_169016-17892.jpg",
title: "Cozy Atmosphere", description: "Cute, playful rabbit decor for your perfect quiet corner.", icon: Coffee,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/white-ceramic-teacup-brown-surface_417767-163.jpg"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-coffee-beans_23-2148464847.jpg"},
],
},
]}
title="Why Voodoo?"
description="Crafting the perfect cup is more than science—it's alchemy."
title="Why You'll Love The Voodoo"
description="Designed for comfort, crafted for you."
/>
</div>
<div id="products" data-section="products">
<ProductCardFour
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
textboxLayout="split"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={false}
useInvertedBackground={true}
products={[
{
id: "p1",
name: "The Dark Knight",
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: "p1", brand: "Matcha", name: "Cloud Matcha", price: "$6.50", rating: 5,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/lychee-jelly-seasonal-fruit-beautifully-decorated-thai-dessert-concept_1150-23455.jpg"},
{
id: "p2",
name: "Voodoo Cold Brew",
price: "$7.50",
variant: "Cold",
imageSrc: "http://img.b2bpic.net/free-photo/cold-summer-coffee-drink-with-ice-orange-juice_169016-21399.jpg",
},
id: "p2", brand: "Refresh", name: "Lychee Sparkling", price: "$7.00", rating: 5,
reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/glass-with-cold-strawberry-flavor-drink_23-2148602863.jpg"},
{
id: "p3",
name: "Shadow Flat White",
price: "$6.50",
variant: "Latte",
imageSrc: "http://img.b2bpic.net/free-photo/glass-coffee-table_53876-63395.jpg",
},
id: "p3", brand: "Comfort", name: "Handmade Wontons", price: "$9.00", rating: 4,
reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-pancakes-with-various-ingredients_140725-114789.jpg"},
{
id: "p4",
name: "Ritual Pour Over",
price: "$8.00",
variant: "Drip",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-kettle-with-cup-wooden-platter_114579-12206.jpg",
},
id: "p4", brand: "Bakery", name: "Fluffy Pancakes", price: "$12.00", rating: 5,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pancakes-with-honey-fruits-light-surface-sweet-milk-fruit_140725-82100.jpg"},
{
id: "p5",
name: "Midnight Pastry",
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",
},
id: "p5", brand: "Drinks", name: "Iced Oat Latte", price: "$5.50", rating: 5,
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/lychee-juice-lychee-fruit_1150-13633.jpg"},
]}
title="Signature Elixirs"
description="From dark roasts to ethereal cold brews, discover your perfect potion."
title="Our Signature Treats"
description="Creamy, dreamy, and unforgettable. Handmade comfort food."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardSix
<TestimonialCardThirteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Alex R.",
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: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Such a cute environment… friendly staff and the best coffee!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/people-drinking-coffee-spacious-cafeteria_23-2150423996.jpg"},
{
id: "t2",
name: "Sam K.",
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: "2", name: "Michael C.", handle: "@mchen", testimonial: "Cloud matcha was absolutely divine. Highly recommended.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-blonde-woman-holding-coffee-cup-cafe_1170-692.jpg"},
{
id: "t3",
name: "Jordan P.",
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: "3", name: "Emily R.", handle: "@emilyr", testimonial: "Perfect place to chat with friends. I could stay all day.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/girl-cafe-with-cup-hot-latte-coffee_343596-4671.jpg"},
{
id: "t4",
name: "Casey M.",
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: "4", name: "David K.", handle: "@dkim", testimonial: "Friendly, welcoming, and the dumplings are so comforting.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-satisfied-man-showing-thumbsup-like-coffee-smiling-pleased-standing-turquoise-backgrou_1258-155389.jpg"},
{
id: "t5",
name: "Taylor B.",
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",
},
id: "5", name: "Lisa B.", handle: "@lisab", testimonial: "My new favorite local spot. Always feel so at home.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/person-drinking-coffee-spacious-cafeteria_23-2150424026.jpg"},
]}
title="Echoes from the Void"
description="Hear what our devoted patrons have to say."
/>
</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."
showRating={true}
title="What Our Neighbors Say"
description="Don't just take our word for it—join the community."
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
textboxLayout="default"
<FaqSplitMedia
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "Do you offer subscriptions?",
content: "Yes, we ship our signature roasts directly to your lair monthly.",
},
id: "f1", title: "Do you offer vegan options?", content: "Yes, we have many plant-based milk and food options."},
{
id: "q2",
title: "Is your coffee organic?",
content: "We prioritize organic, ethical farming for every bean we serve.",
},
id: "f2", title: "Are you pet friendly?", content: "We love furry friends! Small pets are welcome in our cafe area."},
{
id: "q3",
title: "Do you have vegan options?",
content: "Our menu features several plant-based pastries and milk alternatives.",
},
id: "f3", title: "Can I book for a large group?", content: "Yes! Please contact us a few days in advance for group bookings."},
]}
title="Common Questions"
description="Everything you need to know about the ritual."
imageSrc="http://img.b2bpic.net/free-photo/glass-cocktail-book-cellphone-digital-tablet-wooden-table-restaurant_23-2147936117.jpg"
title="Need to know more?"
description="Find answers to our most common questions here."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
<div id="gallery" data-section="gallery">
<BlogCardOne
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Join the cult of coffee. Sign up for our newsletter for early access to seasonal rituals."
buttons={[
title="A Peek Inside"
description="Cozy textures and cute rabbit vibes."
blogs={[
{
text: "Subscribe",
href: "#",
},
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"},
{
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 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">
<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"
columns={[
{
title: "Locations",
items: [
title: "Links", items: [
{
label: "Downtown",
href: "#",
},
label: "Menu", href: "#products"},
{
label: "North Side",
href: "#",
},
label: "Visit", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Social", items: [
{
label: "FAQ",
href: "#",
},
label: "Instagram", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Facebook", href: "#"},
],
},
]}