203 lines
8.2 KiB
TypeScript
203 lines
8.2 KiB
TypeScript
"use client"
|
|
import { Heart } from "lucide-react";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import HeroBillboardMetrics from '@/components/sections/hero/HeroBillboardMetrics';
|
|
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
|
import ProductCardSix from '@/components/sections/product/ProductCardSix';
|
|
import MetricCardEight from '@/components/sections/metrics/MetricCardEight';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import ContactInline from '@/components/sections/contact/ContactInline';
|
|
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="sharp"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="floatingGradient"
|
|
cardStyle="elevated-accent"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="Dmitry"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Community", id: "community" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve Table",
|
|
href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardMetrics
|
|
title="Welcome to Dmitry Coffeeshop"
|
|
description="Your safe space for exceptional coffee, vibrant community, and unforgettable moments. Proudly serving the LGBTQ+ community."
|
|
tag="A Welcoming Haven"
|
|
tagIcon={Heart}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766478629120-iqvbvy87.jpg"
|
|
imageAlt="Premium coffee preparation"
|
|
frameStyle="card"
|
|
metricsLabel="Trusted by our community"
|
|
metrics={[
|
|
{ id: "1", value: "500+", label: "Happy Guests Monthly" },
|
|
{ id: "2", value: "25+", label: "Specialty Drinks" },
|
|
{ id: "3", value: "7", label: "Years of Service" }
|
|
]}
|
|
buttons={[
|
|
{ text: "Explore Menu", href: "menu" },
|
|
{ text: "Visit Us", href: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaSplitTabsAbout
|
|
title="Our Story"
|
|
description="Dmitry Coffeeshop was created to provide more than just coffee—it's a sanctuary for authentic connection."
|
|
tabs={[
|
|
{
|
|
id: "mission",
|
|
label: "Our Mission",
|
|
description: "We believe in creating a safe, inclusive space where everyone feels celebrated. Every cup of coffee comes with warmth and acceptance."
|
|
},
|
|
{
|
|
id: "atmosphere",
|
|
label: "Atmosphere",
|
|
description: "Modern design meets cozy comfort. Our space reflects diversity, creativity, and joy. A place where you can be yourself."
|
|
},
|
|
{
|
|
id: "community",
|
|
label: "Community First",
|
|
description: "We host events, support local artists, and celebrate our community. Dmitry is more than a coffeeshop—it's a movement."
|
|
}
|
|
]}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183585667-fud4izge.jpg"
|
|
imageAlt="Modern coffeeshop interior with welcoming atmosphere"
|
|
imagePosition="right"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardSix
|
|
title="Signature Menu"
|
|
description="Carefully crafted drinks made with love and the finest beans from around the world."
|
|
products={[
|
|
{
|
|
id: "1",
|
|
name: "The Dmitry Special",
|
|
price: "$6.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058107-8ucn41gk.jpg",
|
|
imageAlt: "Signature espresso blend"
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Pride Latte",
|
|
price: "$5.75",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058107-8ucn41gk.jpg",
|
|
imageAlt: "Colorful layered latte"
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Rainbow Cold Brew",
|
|
price: "$5.50",
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140058107-8ucn41gk.jpg",
|
|
imageAlt: "Refreshing cold brew"
|
|
}
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
animationType="slide-up"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "View Full Menu", href: "#" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="community" data-section="community">
|
|
<MetricCardEight
|
|
title="A space where every voice matters, every story is celebrated, and every cup connects us together."
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762567572-p6r8ae50.jpg"
|
|
imageAlt="Community gathering at Dmitry Coffeeshop"
|
|
metrics={[
|
|
{ id: "1", value: "100%", title: "LGBTQ+ Owned" },
|
|
{ id: "2", value: "365", title: "Days Open for You" },
|
|
{ id: "3", value: "∞", title: "Love & Support" },
|
|
{ id: "4", value: "1st", title: "Safe Space in City" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="Dmitry Coffeeshop is my sanctuary. The coffee is exceptional, but more importantly, the people and energy here feel like home. I've made lifelong friends and found community."
|
|
rating={5}
|
|
author="Marcus, Community Member"
|
|
avatars={[
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762569539-fkkhcfmv.jpg", alt: "Marcus" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762570336-kn9ayj5s.jpg", alt: "Sarah" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762571266-yhxdzsjr.jpg", alt: "Jordan" },
|
|
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766762572125-5sb4lt1x.jpg", alt: "Alex" }
|
|
]}
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactInline
|
|
text="Ready to join our community?"
|
|
animationType="entrance-slide"
|
|
inputPlaceholder="Enter your email for updates"
|
|
buttonText="Subscribe"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBaseCard
|
|
logoText="Dmitry"
|
|
columns={[
|
|
{
|
|
title: "Location",
|
|
items: [
|
|
{ label: "123 Pride Avenue", href: "#" },
|
|
{ label: "Open Daily 7am-8pm", href: "#" }
|
|
]
|
|
},
|
|
{
|
|
title: "Connect",
|
|
items: [
|
|
{ label: "Instagram", href: "https://instagram.com" },
|
|
{ label: "Twitter", href: "https://twitter.com" }
|
|
]
|
|
},
|
|
{
|
|
title: "Support",
|
|
items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Menu", href: "menu" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
copyrightText="© 2025 Dmitry Coffeeshop. A safe space for everyone."
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|