Merge version_1 into main #5
@@ -11,8 +11,8 @@ import { Cormorant_Garamond, Inter } from "next/font/google";
|
||||
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: 'Dream Lab | Milwaukee\'s Creative Coffee Sanctuary',
|
||||
description: 'Dream Lab is Milwaukee\'s premier late-night creative coffee lounge. Experience craft coffee, art, and community in a moody, luxurious underground setting.',
|
||||
title: 'Webild Platform',
|
||||
description: 'Your professional web solution.',
|
||||
openGraph: {
|
||||
"title": "Dream Lab | Milwaukee Coffee & Art",
|
||||
"description": "The creative sanctuary for Milwaukee's night owls and artists.",
|
||||
|
||||
152
src/app/page.tsx
152
src/app/page.tsx
@@ -1,161 +1,53 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
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";
|
||||
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';
|
||||
|
||||
const navItems = [
|
||||
{ name: "Home", id: "/" }
|
||||
];
|
||||
|
||||
export default function Page() {
|
||||
export default function Home() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ThemeProvider>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple navItems={navItems} brandName="DREAM LAB" />
|
||||
<NavbarStyleApple navItems={navItems} brandName="Webild" />
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Milwaukee’s 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"
|
||||
/>
|
||||
<HeroBillboardGallery title="Welcome" description="Description" background={{ variant: "plain" }} mediaItems={[{ imageSrc: "https://example.com/a.jpg" }, { imageSrc: "https://example.com/b.jpg" }, { imageSrc: "https://example.com/c.jpg" }]} />
|
||||
</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."
|
||||
/>
|
||||
<SocialProofOne names={["Partner A", "Partner B"]} title="Trusted By" textboxLayout="default" />
|
||||
</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"
|
||||
/>
|
||||
<MetricSplitMediaAbout title="About" description="Desc" metrics={[{ value: "100", title: "Metric" }]} useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
/>
|
||||
<FeatureCardNineteen features={[{ tag: "tag", title: "Title", subtitle: "Sub", description: "Desc" }]} title="Menu" textboxLayout="default" useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
/>
|
||||
<ProductCardTwo title="Products" description="Desc" gridVariant="uniform-all-items-equal" animationType="none" textboxLayout="default" products={[{ id: "1", brand: "B", name: "N", price: "$1", rating: 5, reviewCount: "1", imageSrc: "i" }, { id: "2", brand: "B", name: "N", price: "$2", rating: 5, reviewCount: "1", imageSrc: "i" }, { id: "3", brand: "B", name: "N", price: "$3", rating: 5, reviewCount: "1", imageSrc: "i" }]} />
|
||||
</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"
|
||||
/>
|
||||
<FaqSplitMedia faqs={[{ id: "1", title: "Q", content: "A" }]} title="FAQ" faqsAnimation="none" textboxLayout="default" useInvertedBackground={false} />
|
||||
</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" }
|
||||
]}
|
||||
/>
|
||||
<TestimonialCardTwo testimonials={[{ id: "1", name: "N", role: "R", testimonial: "T" }]} title="Testimonials" animationType="none" textboxLayout="default" useInvertedBackground={false} />
|
||||
</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"
|
||||
/>
|
||||
<ContactSplit tag="Tag" title="Contact" description="Desc" background={{ variant: "plain" }} />
|
||||
</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: "#" }] }
|
||||
]}
|
||||
/>
|
||||
<FooterLogoEmphasis logoText="Footer" columns={[{ items: [{ label: "Link" }] }]} />
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user