Merge version_1 into main

Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
2026-05-13 18:47:25 +00:00

View File

@@ -1,392 +1,151 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
export default function LandingPage() {
const navItems = [
{ name: "Home", id: "/" },
];
export default function Page() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="fluid"
cardStyle="glass-depth"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Menu",
id: "menu",
},
{
name: "Events",
id: "events",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Dream Lab"
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "radial-gradient",
}}
title="Milwaukees Creative Coffee Sanctuary"
description="Coffee. Tea. Art. Conversation. A late-night lounge built for dreamers, creators, and people who never fit into ordinary cafés."
buttons={[
{
text: "Visit Dream Lab",
href: "#contact",
},
{
text: "View Menu",
href: "#menu",
},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/girl-power-neon-sign-authentic-cafe_53876-111107.jpg",
imageAlt: "Espresso Pouring",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148773523.jpg",
imageAlt: "People Laughing",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg",
imageAlt: "Tea Steam",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg",
imageAlt: "Moody Interior",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg",
imageAlt: "Cafe Art",
},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Milwaukee Creatives",
"Local Night Owls",
"Art Community",
"Coffee Connoisseurs",
"Late Night Thinkers",
"Gallery Patrons",
"Jazz Lovers",
]}
title="Loved by Milwaukee"
description="The hidden gem local creatives keep talking about."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="More Than A Coffee Shop"
description="Dream Lab blends coffee culture, music, art, and late-night conversation into one unforgettable Milwaukee experience."
metrics={[
{
value: "24/7",
title: "Creative Energy",
},
{
value: "Local",
title: "Artistic Roots",
},
{
value: "Unique",
title: "Atmosphere",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080214.jpg"
imageAlt="Creative Studio Space"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={false}
features={[
{
tag: "Coffee",
title: "Espresso Bar",
subtitle: "Crafted Perfection",
description: "Vanilla Breve, Honey Cinnamon Latte, and Midnight Mocha.",
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-table-with-flower-milk-decoration-top-coffee-surface_1150-6269.jpg",
},
{
tag: "Tea",
title: "Tea Collection",
subtitle: "Soothe Your Soul",
description: "Lavender Chai, Dream Mint Tea, and Hibiscus Citrus.",
imageSrc: "http://img.b2bpic.net/free-photo/cup-butterfly-pea-flower-tea-with-honey-table_1150-28265.jpg",
},
{
tag: "Events",
title: "Experiences",
subtitle: "Beyond The Ordinary",
description: "Hookah Nights, Horror Movie Events, and Local Art Showcases.",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-items-second-hand-market_23-2149338427.jpg",
},
]}
title="Signature Menu"
description="Small-batch craft, specialty tea, and late-night vibes."
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "g1",
brand: "Dream Lab",
name: "The Lounge",
price: "N/A",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg",
},
{
id: "g2",
brand: "Dream Lab",
name: "Neon Signs",
price: "N/A",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg",
},
{
id: "g3",
brand: "Dream Lab",
name: "Candlelit Seating",
price: "N/A",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dessert-with-drink_23-2148322830.jpg",
},
{
id: "g4",
brand: "Dream Lab",
name: "Local Art",
price: "N/A",
rating: 5,
reviewCount: "67",
imageSrc: "http://img.b2bpic.net/free-photo/coffee-pour-creates-liquid-crown-white-mug_91128-4689.jpg",
},
{
id: "g5",
brand: "Dream Lab",
name: "Music Evenings",
price: "N/A",
rating: 5,
reviewCount: "154",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg",
},
]}
title="A Place You Stay Longer Than Planned"
description="From neon signs to candlelight, every corner is designed for dreamers."
/>
</div>
<div id="events" data-section="events">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "e1",
title: "Open Mic Nights",
content: "Weekly showcases for local talent and performers.",
},
{
id: "e2",
title: "Creative Meetups",
content: "Connect with fellow creators, designers, and writers.",
},
{
id: "e3",
title: "Horror Movie Lounge",
content: "Curated scary movie screenings every Friday night.",
},
{
id: "e4",
title: "Local Artist Spotlights",
content: "Rotating gallery walls featuring Milwaukee's finest artists.",
},
{
id: "e5",
title: "Artistic Workshops",
content: "Hands-on creative sessions with local studio artists.",
},
]}
title="Milwaukee Nights Start Here"
description="Join us for community events and artistic gatherings."
faqsAnimation="blur-reveal"
imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699647.jpg?_wi=1"
imageAlt="Milwaukee Nightlife Scene"
mediaAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah J.",
role: "Creative",
testimonial: "Would be a really good place to chill and be creative.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-chair_23-2149652064.jpg",
},
{
id: "t2",
name: "Michael K.",
role: "Night Owl",
testimonial: "Friendly as hell and the coffee is top-tier.",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-dressed-formal-suit-having-coffee-dessert-cafe_273609-14858.jpg",
},
{
id: "t3",
name: "Emily R.",
role: "Student",
testimonial: "Amazing atmosphere for late night studying.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-wearing-leather-jacket-with-rucksack-holding-cups-with-takeaway-coffee-outside-near-cafe_613910-6249.jpg",
},
{
id: "t4",
name: "David L.",
role: "Musician",
testimonial: "Great spot for late-night coffee and community vibes.",
imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg",
},
{
id: "t5",
name: "Jessica M.",
role: "Artist",
testimonial: "The perfect hidden gem in Milwaukee.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg",
},
]}
title="Hidden Gem"
description="See why Milwaukee keeps talking about us."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "radial-gradient",
}}
tag="Visit Us"
title="Step Into The Dream"
description="Your next favorite coffee shop already exists. Come find us."
imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699647.jpg?_wi=2"
imageAlt="Dream Lab Entrance"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
columns={[
{
items: [
{
label: "Hours",
href: "#",
},
{
label: "Address",
href: "#",
},
{
label: "Milwaukee, WI",
href: "#",
},
],
},
{
items: [
{
label: "Instagram",
href: "#",
},
{
label: "Twitter",
href: "#",
},
{
label: "TikTok",
href: "#",
},
],
},
{
items: [
{
label: "Built for dreamers",
href: "#",
},
{
label: "Collaborations",
href: "#",
},
{
label: "Privacy Policy",
href: "#",
},
],
},
]}
logoText="DREAM LAB"
/>
</div>
</ReactLenis>
<ThemeProvider>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} brandName="DREAM LAB" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{ variant: "radial-gradient" }}
title="Milwaukees Creative Coffee Sanctuary"
description="Coffee. Tea. Art. Conversation. A late-night lounge built for dreamers, creators, and people who never fit into ordinary cafés."
buttons={[{ text: "Visit Dream Lab", href: "#contact" }, { text: "View Menu", href: "#menu" }]}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/girl-power-neon-sign-authentic-cafe_53876-111107.jpg", imageAlt: "Espresso Pouring" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-coffee-cup_23-2148773523.jpg", imageAlt: "People Laughing" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-girl-with-dark-hair-beret-classic-beige-trench-coat-sitting-table-city-cafe-terrace-smiling-having-cheesecake-tea-breakfast_197531-24446.jpg", imageAlt: "Tea Steam" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-pouring-milk-coffee_23-2148865576.jpg", imageAlt: "Moody Interior" },
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-adult-enjoying-warm-drink_23-2149134379.jpg", imageAlt: "Cafe Art" }
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="social-proof" data-section="social-proof">
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={["Milwaukee Creatives", "Local Night Owls", "Art Community", "Coffee Connoisseurs", "Late Night Thinkers", "Gallery Patrons", "Jazz Lovers"]}
title="Loved by Milwaukee"
description="The hidden gem local creatives keep talking about."
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
useInvertedBackground={false}
title="More Than A Coffee Shop"
description="Dream Lab blends coffee culture, music, art, and late-night conversation into one unforgettable Milwaukee experience."
metrics={[{ value: "24/7", title: "Creative Energy" }, { value: "Local", title: "Artistic Roots" }, { value: "Unique", title: "Atmosphere" }]}
imageSrc="http://img.b2bpic.net/free-photo/abstract-daytime-shadows-from-outdoors_23-2149080214.jpg"
imageAlt="Creative Studio Space"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
<div id="menu" data-section="menu">
<FeatureCardNineteen
textboxLayout="default"
useInvertedBackground={false}
title="Signature Menu"
description="Small-batch craft, specialty tea, and late-night vibes."
features={[
{ tag: "Coffee", title: "Espresso Bar", subtitle: "Crafted Perfection", description: "Vanilla Breve, Honey Cinnamon Latte, and Midnight Mocha.", imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-wooden-table-with-flower-milk-decoration-top-coffee-surface_1150-6269.jpg" },
{ tag: "Tea", title: "Tea Collection", subtitle: "Soothe Your Soul", description: "Lavender Chai, Dream Mint Tea, and Hibiscus Citrus.", imageSrc: "http://img.b2bpic.net/free-photo/cup-butterfly-pea-flower-tea-with-honey-table_1150-28265.jpg" },
{ tag: "Events", title: "Experiences", subtitle: "Beyond The Ordinary", description: "Hookah Nights, Horror Movie Events, and Local Art Showcases.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-vintage-items-second-hand-market_23-2149338427.jpg" }
]}
/>
</div>
<div id="gallery" data-section="gallery">
<ProductCardTwo
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
title="A Place You Stay Longer Than Planned"
description="From neon signs to candlelight, every corner is designed for dreamers."
products={[
{ id: "g1", brand: "Dream Lab", name: "The Lounge", price: "N/A", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/photo-concentrated-readhead-bearded-businessman-reading-contract-sitting-cafeteria_171337-9893.jpg" },
{ id: "g2", brand: "Dream Lab", name: "Neon Signs", price: "N/A", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-young-woman-sitting-modern-cafe_171337-17123.jpg" },
{ id: "g3", brand: "Dream Lab", name: "Candlelit Seating", price: "N/A", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-dessert-with-drink_23-2148322830.jpg" },
{ id: "g4", brand: "Dream Lab", name: "Local Art", price: "N/A", rating: 5, reviewCount: "67", imageSrc: "http://img.b2bpic.net/free-photo/coffee-pour-creates-liquid-crown-white-mug_91128-4689.jpg" },
{ id: "g5", brand: "Dream Lab", name: "Music Evenings", price: "N/A", rating: 5, reviewCount: "154", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-tying-her-hair_23-2148773526.jpg" }
]}
/>
</div>
<div id="events" data-section="events">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
title="Milwaukee Nights Start Here"
description="Join us for community events and artistic gatherings."
faqsAnimation="blur-reveal"
faqs={[
{ id: "e1", title: "Open Mic Nights", content: "Weekly showcases for local talent and performers." },
{ id: "e2", title: "Creative Meetups", content: "Connect with fellow creators, designers, and writers." },
{ id: "e3", title: "Horror Movie Lounge", content: "Curated scary movie screenings every Friday night." },
{ id: "e4", title: "Local Artist Spotlights", content: "Rotating gallery walls featuring Milwaukee's finest artists." },
{ id: "e5", title: "Artistic Workshops", content: "Hands-on creative sessions with local studio artists." }
]}
imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699647.jpg"
imageAlt="Milwaukee Nightlife Scene"
mediaAnimation="blur-reveal"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Hidden Gem"
description="See why Milwaukee keeps talking about us."
testimonials={[
{ id: "t1", name: "Sarah J.", role: "Creative", testimonial: "Would be a really good place to chill and be creative.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-chair_23-2149652064.jpg" },
{ id: "t2", name: "Michael K.", role: "Night Owl", testimonial: "Friendly as hell and the coffee is top-tier.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-dressed-formal-suit-having-coffee-dessert-cafe_273609-14858.jpg" },
{ id: "t3", name: "Emily R.", role: "Student", testimonial: "Amazing atmosphere for late night studying.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-wearing-leather-jacket-with-rucksack-holding-cups-with-takeaway-coffee-outside-near-cafe_613910-6249.jpg" },
{ id: "t4", name: "David L.", role: "Musician", testimonial: "Great spot for late-night coffee and community vibes.", imageSrc: "http://img.b2bpic.net/free-photo/security-guard-workspace_23-2150321692.jpg" },
{ id: "t5", name: "Jessica M.", role: "Artist", testimonial: "The perfect hidden gem in Milwaukee.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-olives-beer_23-2147680964.jpg" }
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{ variant: "radial-gradient" }}
tag="Visit Us"
title="Step Into The Dream"
description="Your next favorite coffee shop already exists. Come find us."
imageSrc="http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699647.jpg"
imageAlt="Dream Lab Entrance"
mediaAnimation="blur-reveal"
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoEmphasis
logoText="DREAM LAB"
columns={[
{ items: [{ label: "Hours", href: "#" }, { label: "Address", href: "#" }, { label: "Milwaukee, WI", href: "#" }] },
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "TikTok", href: "#" }] },
{ items: [{ label: "Built for dreamers", href: "#" }, { label: "Collaborations", href: "#" }, { label: "Privacy Policy", href: "#" }] }
]}
/>
</div>
</ThemeProvider>
);
}