|
|
|
@@ -14,20 +14,100 @@ import { Coffee, Sparkles, Camera, Heart, MapPin, ArrowRight } from 'lucide-reac
|
|
|
|
export default function LandingPage() {
|
|
|
|
export default function LandingPage() {
|
|
|
|
return (
|
|
|
|
return (
|
|
|
|
<ThemeProvider
|
|
|
|
<ThemeProvider
|
|
|
|
defaultButtonVariant="directional-hover"
|
|
|
|
defaultButtonVariant="hover-magnetic"
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
defaultTextAnimation="entrance-slide"
|
|
|
|
borderRadius="soft"
|
|
|
|
borderRadius="rounded"
|
|
|
|
contentWidth="small"
|
|
|
|
contentWidth="medium"
|
|
|
|
sizing="largeSmall"
|
|
|
|
sizing="large"
|
|
|
|
background="blurBottom"
|
|
|
|
background="none"
|
|
|
|
cardStyle="solid"
|
|
|
|
cardStyle="glass-elevated"
|
|
|
|
primaryButtonStyle="shadow"
|
|
|
|
primaryButtonStyle="radial-glow"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
secondaryButtonStyle="glass"
|
|
|
|
headingFontWeight="semibold"
|
|
|
|
headingFontWeight="bold"
|
|
|
|
>
|
|
|
|
>
|
|
|
|
|
|
|
|
<style jsx global>{`
|
|
|
|
|
|
|
|
:root {
|
|
|
|
|
|
|
|
--background: #2a1810;
|
|
|
|
|
|
|
|
--card: #3d2817;
|
|
|
|
|
|
|
|
--foreground: #f5e6d3;
|
|
|
|
|
|
|
|
--primary-cta: #d68a3c;
|
|
|
|
|
|
|
|
--secondary-cta: #3d2817;
|
|
|
|
|
|
|
|
--accent: #ffb84d;
|
|
|
|
|
|
|
|
--background-accent: #cc6b2f;
|
|
|
|
|
|
|
|
--primary-cta-text: #1a0f09;
|
|
|
|
|
|
|
|
--secondary-cta-text: #f5e6d3;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
|
|
|
background: linear-gradient(135deg, #1a0f09 0%, #2a1810 50%, #3d2817 100%);
|
|
|
|
|
|
|
|
position: relative;
|
|
|
|
|
|
|
|
overflow-x: hidden;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
body::before {
|
|
|
|
|
|
|
|
content: '';
|
|
|
|
|
|
|
|
position: fixed;
|
|
|
|
|
|
|
|
top: 0;
|
|
|
|
|
|
|
|
left: 0;
|
|
|
|
|
|
|
|
right: 0;
|
|
|
|
|
|
|
|
bottom: 0;
|
|
|
|
|
|
|
|
background-image:
|
|
|
|
|
|
|
|
radial-gradient(circle at 20% 50%, rgba(255, 184, 77, 0.03) 0%, transparent 50%),
|
|
|
|
|
|
|
|
radial-gradient(circle at 80% 80%, rgba(214, 138, 60, 0.02) 0%, transparent 50%),
|
|
|
|
|
|
|
|
url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100"><filter id="noise"><feTurbulence type="fractalNoise" baseFrequency="0.9" numOctaves="4" seed="1"/></filter><rect width="100" height="100" fill="rgba(255,255,255,0.02)" filter="url(%23noise)"/></svg>');
|
|
|
|
|
|
|
|
background-size: 100% 100%, 100% 100%, 100px 100px;
|
|
|
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
|
|
|
z-index: 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
html {
|
|
|
|
|
|
|
|
scroll-behavior: smooth;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@keyframes steam-rise {
|
|
|
|
|
|
|
|
0% {
|
|
|
|
|
|
|
|
transform: translateY(0px) translateX(0px);
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
50% {
|
|
|
|
|
|
|
|
opacity: 0.4;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
100% {
|
|
|
|
|
|
|
|
transform: translateY(-100px) translateX(10px);
|
|
|
|
|
|
|
|
opacity: 0;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.steam {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
border-radius: 50%;
|
|
|
|
|
|
|
|
animation: steam-rise 4s ease-in infinite;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
`}</style>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{/* Animated steam effects */}
|
|
|
|
|
|
|
|
<div className="fixed inset-0 pointer-events-none overflow-hidden" style={{ zIndex: 1 }}>
|
|
|
|
|
|
|
|
{Array.from({ length: 5 }).map((_, i) => (
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
|
|
|
key={i}
|
|
|
|
|
|
|
|
className="steam"
|
|
|
|
|
|
|
|
style={{
|
|
|
|
|
|
|
|
width: `${30 + i * 20}px`,
|
|
|
|
|
|
|
|
height: `${30 + i * 20}px`,
|
|
|
|
|
|
|
|
left: `${20 + i * 15}%`,
|
|
|
|
|
|
|
|
bottom: '10%',
|
|
|
|
|
|
|
|
backgroundColor: `rgba(255, 184, 77, ${0.1 - i * 0.02})`,
|
|
|
|
|
|
|
|
animationDelay: `${i * 0.6}s`,
|
|
|
|
|
|
|
|
animationDuration: `${3 + i * 0.5}s`,
|
|
|
|
|
|
|
|
}}
|
|
|
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
))}
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className="relative z-10">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<div id="nav" data-section="nav">
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
<NavbarLayoutFloatingInline
|
|
|
|
brandName="Brew Theory"
|
|
|
|
brandName="Midnight Brew"
|
|
|
|
navItems={[
|
|
|
|
navItems={[
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
{ name: "Menu", id: "menu" },
|
|
|
|
{ name: "Story", id: "about" },
|
|
|
|
{ name: "Story", id: "about" },
|
|
|
|
@@ -43,36 +123,36 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
<HeroSplitDualMedia
|
|
|
|
tag="Premium Urban Café"
|
|
|
|
tag="Late-Night Coffee Culture"
|
|
|
|
tagIcon={Coffee}
|
|
|
|
tagIcon={Coffee}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
title="Where Ideas Brew."
|
|
|
|
title="Brewed After Dark"
|
|
|
|
description="Discover exceptional specialty coffee crafted with precision. A sanctuary for young professionals, creators, and coffee enthusiasts seeking Instagram-worthy moments and meaningful conversations."
|
|
|
|
description="Immerse yourself in a bold, artistic café experience designed for night owls and creative souls. Watch coffee transform in slow motion as steam dances through our carefully curated space. Soft neon amber glows meet deep espresso browns in this scroll-worthy sanctuary for young creatives."
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Explore Menu", href: "#menu" },
|
|
|
|
{ text: "Explore the Experience", href: "#menu" },
|
|
|
|
{ text: "Reserve a Table", href: "#reservation" }
|
|
|
|
{ text: "Reserve Your Moment", href: "#reservation" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
mediaItems={[
|
|
|
|
mediaItems={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
videoSrc: "http://img.b2bpic.net/free-photo/coffee-maker-coffee-shop_23-2148366609.jpg", imageAlt: "Coffee brewing process"
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-espresso-cups-coffee-engine_140725-5567.jpg?id=7219622", imageAlt: "Coffee brewing in slow motion with visible steam"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/artsy-girl-having-cup-coffee_53876-99962.jpg", imageAlt: "Premium café coffee cup"
|
|
|
|
imageSrc: "http://img.b2bpic.net/free-photo/closeup-waitress-serving-coffee-couple-cafe_637285-9104.jpg?id=26607507", imageAlt: "Artistic coffee presentation with warm amber lighting"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
mediaAnimation="slide-up"
|
|
|
|
rating={5}
|
|
|
|
rating={5}
|
|
|
|
ratingText="Trusted by local creatives & professionals"
|
|
|
|
ratingText="Loved by creative night owls worldwide"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<div id="about" data-section="about">
|
|
|
|
<TextSplitAbout
|
|
|
|
<TextSplitAbout
|
|
|
|
title="Crafted for Community."
|
|
|
|
title="The Philosophy of Midnight Brew"
|
|
|
|
description={[
|
|
|
|
description={[
|
|
|
|
"Brew Theory is more than coffee—it's a philosophy. We source ethically-harvested beans from sustainable farms across the globe, ensuring every cup tells a story of quality and integrity.", "Our minimalist yet inviting space is designed for creators, freelancers, and professionals who seek inspiration in exceptional coffee and thoughtful design. Every detail, from the carefully curated ambiance to the precision-crafted beverages, reflects our commitment to excellence.", "We believe coffee is a catalyst for ideas, conversations, and meaningful connections. Welcome to your creative sanctuary."
|
|
|
|
"Midnight Brew is a celebration of late-night coffee culture—where artistry meets craft, and darkness becomes a canvas for creative expression. We believe that the best ideas happen after sunset, fueled by exceptional coffee and an atmosphere that inspires.", "Our space is deliberately designed with deep espresso brown walls, soft neon amber accents, and subtle textured grain that creates depth and emotional resonance. Every element—from the slow-motion coffee brewing displays to the minimalist design—is crafted to create an immersive, scroll-worthy experience that speaks to young creatives and night owls.", "Here, coffee isn't just a beverage. It's a ritual, an art form, and a gateway to inspiration. Welcome to your after-dark creative sanctuary."
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
|
|
buttons={[{ text: "Our Story", href: "#" }]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
@@ -83,26 +163,26 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
<div id="menu" data-section="menu">
|
|
|
|
<FeatureCardTwentySix
|
|
|
|
<FeatureCardTwentySix
|
|
|
|
title="Signature Menu"
|
|
|
|
title="Signature After-Dark Collection"
|
|
|
|
description="Hand-crafted specialty beverages designed to elevate your coffee experience. Each drink is a masterpiece of flavor, precision, and artistry."
|
|
|
|
description="A carefully curated selection of specialty beverages designed for late-night inspiration. Each drink is a masterpiece of flavor, precision, and artistic presentation."
|
|
|
|
tag="Curated Selection"
|
|
|
|
tag="Exclusively Midnight"
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagIcon={Sparkles}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
features={[
|
|
|
|
features={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "The Golden Pour", description: "Single-origin Ethiopian pour-over with subtle floral notes and caramel sweetness. A meditation in a cup.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=1", imageAlt: "The Golden Pour specialty coffee", buttonIcon: ArrowRight,
|
|
|
|
title: "Midnight Eclipse", description: "Cold-brew concentrate infused with dark chocolate and espresso. A bold statement of sophistication and creative energy.", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=600&q=80", imageAlt: "Midnight Eclipse specialty cold brew", buttonIcon: ArrowRight,
|
|
|
|
buttonHref: "#"
|
|
|
|
buttonHref: "#"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Velvet Noir", description: "Cold-brew espresso blend with oat milk microfoam and a hint of vanilla. Smooth, creamy, unforgettable.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-frappe-assortment-white-table_23-2148623244.jpg", imageAlt: "Velvet Noir cold brew espresso", buttonIcon: ArrowRight,
|
|
|
|
title: "Amber Dream", description: "Single-origin pour-over with caramel and vanilla notes. Soft neon glow meets exceptional craft in every sip.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=600&q=80&_wi=1", imageAlt: "Amber Dream pour-over coffee", buttonIcon: ArrowRight,
|
|
|
|
buttonHref: "#"
|
|
|
|
buttonHref: "#"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Theory Latte", description: "Perfectly balanced espresso and steamed milk with our signature cinnamon dust. The cornerstone of our craft.", imageSrc: "http://img.b2bpic.net/free-photo/espresso-details-close-up-pouring-coffee-into-white-cup-from-coffee-pot-selective-focus-concept-making-coffee-bar-pub-restaurant-brewing-coffee-cezve_166373-2016.jpg", imageAlt: "Theory Latte signature drink", buttonIcon: ArrowRight,
|
|
|
|
title: "Espresso Noir", description: "Double-shot espresso with oat milk microfoam and cocoa dust. Intense, dramatic, unforgettable—pure creative fuel.", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=600&q=80&_wi=2", imageAlt: "Espresso Noir premium espresso", buttonIcon: ArrowRight,
|
|
|
|
buttonHref: "#"
|
|
|
|
buttonHref: "#"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Clarity Macchiato", description: "Bold espresso shots topped with a cloud of velvety milk foam. Pure coffee clarity with subtle sweetness.", imageSrc: "http://img.b2bpic.net/free-photo/2-latte-wooden-table_501050-1095.jpg?_wi=2", imageAlt: "Clarity Macchiato premium espresso", buttonIcon: ArrowRight,
|
|
|
|
title: "Steam & Ink", description: "Artistic latte with signature layered foam art. Where coffee meets visual storytelling and pure caffeine inspiration.", imageSrc: "https://images.unsplash.com/photo-1447933601403-0c6688de566e?w=600&q=80", imageAlt: "Steam & Ink artisan latte", buttonIcon: ArrowRight,
|
|
|
|
buttonHref: "#"
|
|
|
|
buttonHref: "#"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
@@ -115,23 +195,23 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
|
|
<TeamCardSix
|
|
|
|
<TeamCardSix
|
|
|
|
title="Our Space"
|
|
|
|
title="Instagram-Worthy Moments"
|
|
|
|
description="Step into Brew Theory. A meticulously designed sanctuary where minimalism meets warmth, and every corner inspires creativity."
|
|
|
|
description="Every corner of Midnight Brew is designed for the perfect photograph. Bold artistic aesthetics meet functional beauty in spaces that inspire creativity and connection."
|
|
|
|
tag="Instagram-Worthy"
|
|
|
|
tag="Visual Experience"
|
|
|
|
tagIcon={Camera}
|
|
|
|
tagIcon={Camera}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
members={[
|
|
|
|
members={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Main Bar", role: "Precision Craft Zone", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=1", imageAlt: "Brew Theory main bar and espresso station"
|
|
|
|
id: "1", name: "The Bar", role: "Espresso Theater", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=600&q=80", imageAlt: "Midnight Brew bar with soft neon amber lighting"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Seating Nook", role: "Creative Corner", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=1", imageAlt: "Cozy seating area at Brew Theory café"
|
|
|
|
id: "2", name: "Creative Corner", role: "Inspiration Hub", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-eating-croissants-cafe_1303-20409.jpg?id=7200240", imageAlt: "Artistic seating area with moody aesthetic"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Brew Station", role: "Coffee Theater", imageSrc: "http://img.b2bpic.net/free-photo/smart-young-asian-man-photographer-working-with-tablet-sitting-cafe_627829-1241.jpg?_wi=1", imageAlt: "Behind-the-scenes coffee preparation area"
|
|
|
|
id: "3", name: "Brewing Station", role: "Coffee Art", imageSrc: "http://img.b2bpic.net/premium-photo/close-up-photo-barista39s-hand-making-coffee-with-coffee-machine-cafe-coffee-shop-barista39s-hands-operating-coffee-machine-preparing-coffee-cafe-barista-focused-coffee-preparation_53876-1091307.jpg?id=418302500", imageAlt: "Behind-the-scenes coffee preparation artistry"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Ambient Lighting", role: "Mood & Atmosphere", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg?_wi=1", imageAlt: "Warm lighting and ambiance at Brew Theory"
|
|
|
|
id: "4", name: "Ambient Glow", role: "Atmospheric Design", imageSrc: "http://img.b2bpic.net/premium-photo/cozy-coffee-cafe-with-warm-ambient-glow-soft-lights-creating-beautiful-bokeh-backgroun_818261-10028.jpg?id=54406275", imageAlt: "Warm neon amber lighting creating immersive mood"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
gridVariant="bento-grid"
|
|
|
|
@@ -145,29 +225,29 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
<TestimonialCardFive
|
|
|
|
<TestimonialCardFive
|
|
|
|
title="Loved by Our Community"
|
|
|
|
title="Stories from Night Owls"
|
|
|
|
description="Hear from the young professionals, creators, and coffee enthusiasts who've made Brew Theory their creative sanctuary."
|
|
|
|
description="Hear from the young creatives, designers, and innovative thinkers who've found their sanctuary in Midnight Brew's bold, artistic space."
|
|
|
|
tag="Customer Stories"
|
|
|
|
tag="Creative Community"
|
|
|
|
tagIcon={Heart}
|
|
|
|
tagIcon={Heart}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
testimonials={[
|
|
|
|
testimonials={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1", name: "Maya Chen, Product Designer", date: "Date: 15 November 2024", title: "My creative space", quote: "Brew Theory isn't just a café—it's where my best design ideas come to life. The perfect coffee paired with the perfect ambiance makes all the difference.", tag: "Designer", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", avatarAlt: "Maya Chen headshot", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=2", imageAlt: "Brew Theory work space"
|
|
|
|
id: "1", name: "Alex, Digital Artist", date: "Date: 18 December 2024", title: "Where creativity flows freely", quote: "Midnight Brew's moody aesthetic and ambient glow create the perfect environment for late-night creative sessions. The coffee is exceptional, but it's the atmosphere that keeps me coming back.", tag: "Artist", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", avatarAlt: "Alex headshot", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=400&q=80&_wi=1", imageAlt: "Midnight Brew ambient design"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2", name: "Jasper Rodriguez, Freelance Developer", date: "Date: 12 November 2024", title: "Where productivity meets perfection", quote: "I've tried countless cafés, but Brew Theory stands out. The Wi-Fi is solid, the coffee is exceptional, and the atmosphere keeps me focused for hours.", tag: "Developer", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-bald-man-with-glasses_641386-645.jpg", avatarAlt: "Jasper Rodriguez headshot", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=2", imageAlt: "Brew Theory seating area"
|
|
|
|
id: "2", name: "Jordan, Creative Director", date: "Date: 15 December 2024", title: "A masterclass in artistic branding", quote: "Every detail at Midnight Brew speaks to intentional design. From the espresso brown palette to the soft amber glow, it's clear this space was created by people who understand creative culture.", tag: "Director", avatarSrc: "https://images.unsplash.com/photo-1503454537688-e6629bc26067?w=150&q=80", avatarAlt: "Jordan headshot", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=400&q=80&_wi=1", imageAlt: "Specialty coffee craftsmanship"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3", name: "Sophia Williams, Marketing Strategist", date: "Date: 8 November 2024", title: "Coffee that inspires connection", quote: "The specialty drinks are incredible, but what really sets Brew Theory apart is the community. I've met some amazing collaborators here. It's a vibe.", tag: "Strategist", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-millennial-man-looking-camera-cafe-headshot-portrait_1163-5163.jpg", avatarAlt: "Sophia Williams headshot", imageSrc: "http://img.b2bpic.net/free-photo/smart-young-asian-man-photographer-working-with-tablet-sitting-cafe_627829-1241.jpg?_wi=2", imageAlt: "Brew Theory coffee preparation"
|
|
|
|
id: "3", name: "Sam, Graphic Designer", date: "Date: 12 December 2024", title: "Inspiration in every sip", quote: "The slow-motion coffee brewing displays are hypnotic. The whole space feels like a living art installation—a sanctuary for anyone who creates after dark.", tag: "Designer", avatarSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=150&q=80", avatarAlt: "Sam headshot", imageSrc: "https://images.unsplash.com/photo-1514432324607-2e467f4af445?w=400&q=80", imageAlt: "Creative workspace"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4", name: "Marcus Lee, Graduate Student", date: "Date: 5 November 2024", title: "The perfect study sanctuary", quote: "Brew Theory has become my go-to study spot. The thoughtful design, the quality coffee, and the genuine vibe make long study sessions feel effortless.", tag: "Student", avatarSrc: "http://img.b2bpic.net/free-photo/serious-pensive-young-student-looking-directly-camera_176532-8154.jpg", avatarAlt: "Marcus Lee headshot", imageSrc: "http://img.b2bpic.net/free-photo/confident-young-indian-man-black-shirt-standing-cafe_627829-5462.jpg?_wi=2", imageAlt: "Brew Theory ambiance and lighting"
|
|
|
|
id: "4", name: "Taylor, Photographer", date: "Date: 10 December 2024", title: "Every frame is perfect", quote: "As a photographer, I'm obsessed with lighting and composition. Midnight Brew nails both. This place is an Instagram goldmine and a genuine creative sanctuary.", tag: "Photographer", avatarSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=150&q=80", avatarAlt: "Taylor headshot", imageSrc: "https://images.unsplash.com/photo-1461023058943-07fcbe16d735?w=400&q=80", imageAlt: "Artistic coffee presentation"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5", name: "Elena Moretti, Creative Director", date: "Date: 1 November 2024", title: "Craftsmanship in every sip", quote: "You can taste the care in every cup. From bean to barista, Brew Theory's commitment to excellence is evident. This is coffee as it should be.", tag: "Creative", avatarSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", avatarAlt: "Elena Moretti headshot", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair_1339-6716.jpg?_wi=3", imageAlt: "Brew Theory bar setup"
|
|
|
|
id: "5", name: "Casey, Creative Writer", date: "Date: 8 December 2024", title: "The muse of late-night inspiration", quote: "There's something magical about writing in Midnight Brew after hours. The ambiance, the exceptional coffee, the vibe—it all comes together to unlock creative flow.", tag: "Writer", avatarSrc: "https://images.unsplash.com/photo-1516307365033-622198c86281?w=150&q=80", avatarAlt: "Casey headshot", imageSrc: "https://images.unsplash.com/photo-1495521821757-a1efb6729352?w=400&q=80&_wi=2", imageAlt: "Midnight Brew creative space"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "6", name: "Noah Patel, UX Researcher", date: "Date: 28 October 2024", title: "An experience, not just coffee", quote: "Every detail at Brew Theory is thoughtfully designed. It's clear they understand their audience. It's become my favorite place to work and think.", tag: "Researcher", avatarSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg", avatarAlt: "Noah Patel headshot", imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-restaurant_1339-5949.jpg?_wi=3", imageAlt: "Brew Theory seating arrangement"
|
|
|
|
id: "6", name: "Morgan, Content Creator", date: "Date: 5 December 2024", title: "Content gold meets coffee excellence", quote: "The visual storytelling at Midnight Brew is unmatched. Bold colors, moody lighting, artistic presentation—it's a creator's paradise wrapped in exceptional specialty coffee.", tag: "Creator", avatarSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=150&q=80", avatarAlt: "Morgan headshot", imageSrc: "https://images.unsplash.com/photo-1509042239860-f550ce710b93?w=400&q=80&_wi=2", imageAlt: "Coffee artistry"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
@@ -179,14 +259,14 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
|
|
<div id="reservation" data-section="reservation">
|
|
|
|
<ContactCTA
|
|
|
|
<ContactCTA
|
|
|
|
tag="Ready to Visit?"
|
|
|
|
tag="Ready to Experience?"
|
|
|
|
tagIcon={MapPin}
|
|
|
|
tagIcon={MapPin}
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
tagAnimation="slide-up"
|
|
|
|
title="Reserve Your Spot"
|
|
|
|
title="Join the Night Shift"
|
|
|
|
description="Limited seating ensures an intimate experience. Book your table now and secure your perfect moment at Brew Theory. Whether you're here to work, create, or simply enjoy exceptional coffee—we're ready for you."
|
|
|
|
description="Reserve your spot in Midnight Brew's exclusive creative sanctuary. Whether you're here for inspiration, connection, or simply to experience exceptional coffee in a bold artistic space—we're ready for you after dark."
|
|
|
|
buttons={[
|
|
|
|
buttons={[
|
|
|
|
{ text: "Reserve Now", href: "https://reservations.brewtheory.local" },
|
|
|
|
{ text: "Reserve Now", href: "https://reservations.midnightbrew.local" },
|
|
|
|
{ text: "Contact Us", href: "mailto:hello@brewtheory.local" }
|
|
|
|
{ text: "Get in Touch", href: "mailto:hello@midnightbrew.local" }
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
buttonAnimation="slide-up"
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
background={{ variant: "plain" }}
|
|
|
|
@@ -196,20 +276,20 @@ export default function LandingPage() {
|
|
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
<FooterBase
|
|
|
|
<FooterBase
|
|
|
|
logoText="Brew Theory"
|
|
|
|
logoText="Midnight Brew"
|
|
|
|
copyrightText="© 2025 Brew Theory. Crafted with intention."
|
|
|
|
copyrightText="© 2025 Midnight Brew. Brewed After Dark."
|
|
|
|
columns={[
|
|
|
|
columns={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Visit", items: [
|
|
|
|
title: "Experience", items: [
|
|
|
|
{ label: "Hours", href: "#" },
|
|
|
|
{ label: "Hours (After Dark)", href: "#" },
|
|
|
|
{ label: "Location", href: "#" },
|
|
|
|
{ label: "Location", href: "#" },
|
|
|
|
{ label: "Parking", href: "#" }
|
|
|
|
{ label: "Book a Table", href: "#" }
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
title: "Connect", items: [
|
|
|
|
title: "Creative", items: [
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
|
|
{ label: "Twitter", href: "https://twitter.com" },
|
|
|
|
{ label: "Follow Us", href: "https://twitter.com" },
|
|
|
|
{ label: "Newsletter", href: "#" }
|
|
|
|
{ label: "Newsletter", href: "#" }
|
|
|
|
]
|
|
|
|
]
|
|
|
|
},
|
|
|
|
},
|
|
|
|
@@ -217,12 +297,13 @@ export default function LandingPage() {
|
|
|
|
title: "Legal", items: [
|
|
|
|
title: "Legal", items: [
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
{ label: "Privacy Policy", href: "#" },
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
{ label: "Terms of Service", href: "#" },
|
|
|
|
{ label: "Contact", href: "mailto:hello@brewtheory.local" }
|
|
|
|
{ label: "Contact", href: "mailto:hello@midnightbrew.local" }
|
|
|
|
]
|
|
|
|
]
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
