162 lines
7.4 KiB
TypeScript
162 lines
7.4 KiB
TypeScript
"use client"
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
|
|
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import { Wine } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumLarge"
|
|
sizing="medium"
|
|
background="aurora"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
brandName="The Vault"
|
|
navItems={[
|
|
{ name: "About", id: "about" },
|
|
{ name: "Cocktails", id: "features" },
|
|
{ name: "Reviews", id: "testimonials" },
|
|
{ name: "Events", id: "contact" }
|
|
]}
|
|
button={{
|
|
text: "Reserve", href: "contact"
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplit
|
|
title="Step Inside The Vault"
|
|
description="A speakeasy born from nostalgia. Craft cocktails, timeless vibes, and stories waiting to be poured."
|
|
tag="Est. 2024"
|
|
imageSrc="https://img.b2bpic.net/free-photo/retro-theatre-scene-celebrate-world-theatre-day_23-2151211472.jpg"
|
|
imageAlt="The Vault bar interior with vintage ambiance"
|
|
imagePosition="right"
|
|
buttons={[
|
|
{ text: "Make a Reservation", href: "contact" },
|
|
{ text: "See Cocktails", href: "features" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="Our Story"
|
|
title="Where vintage elegance meets modern craft. Every pour tells a story of tradition and passion."
|
|
description="The Vault Collective"
|
|
subdescription="New York's Premier Speakeasy"
|
|
icon={Wine}
|
|
imageSrc="https://img.b2bpic.net/free-photo/beautiful-woman-black-dress-sits-before-wall-books-christmas-decor_8353-8828.jpg"
|
|
imageAlt="Vintage bar bottles and heritage display"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardFourteen
|
|
title="Signature Cocktails"
|
|
description="Each drink is a journey through time, crafted with precision and presented with ceremony."
|
|
tag="Craft Selection"
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
features={[
|
|
{
|
|
id: "1", title: "The Bootlegger", description: "Aged bourbon, secret spice blend, smoked cherry. A prohibition-era classic reimagined.", imageSrc: "https://img.b2bpic.net/free-photo/brandy-alexander-cocktail_123827-22064.jpg", imageAlt: "The Bootlegger cocktail"
|
|
},
|
|
{
|
|
id: "2", title: "Midnight Velvet", description: "Dark rum, espresso, vanilla cream. Smooth as the night, bold as midnight.", imageSrc: "https://img.b2bpic.net/free-photo/fresh-detox-with-vegetables-herbs-wooden-desk_141793-17457.jpg", imageAlt: "Midnight Velvet cocktail"
|
|
},
|
|
{
|
|
id: "3", title: "Copper Kings", description: "Rye whiskey, ginger, house-made bitters. A taste of old New York in a glass.", imageSrc: "https://img.b2bpic.net/free-photo/close-up-delicious-drinks_23-2149132206.jpg", imageAlt: "Copper Kings cocktail"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardOne
|
|
title="What Our Guests Say"
|
|
description="Real stories from real people who've walked through our doors."
|
|
tag="Reviews"
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertCard"
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "James Mitchell", role: "Cocktail Enthusiast", company: "Manhattan", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businesswoman-smiling_23-2148452708.jpg", imageAlt: "James Mitchell portrait"
|
|
},
|
|
{
|
|
id: "2", name: "Sarah Chen", role: "Event Planner", company: "New York Events", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-woman-radio-studio-with-microphone_23-2148808787.jpg", imageAlt: "Sarah Chen portrait"
|
|
},
|
|
{
|
|
id: "3", name: "Marcus Rodriguez", role: "Regular Guest", company: "The Vault Community", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", imageAlt: "Marcus Rodriguez portrait"
|
|
},
|
|
{
|
|
id: "4", name: "Emma Thompson", role: "Night Life Writer", company: "NYC Magazine", rating: 5,
|
|
imageSrc: "https://img.b2bpic.net/free-photo/smiling-woman-sitting-cafe-with-closed-laptop_1262-1151.jpg", imageAlt: "Emma Thompson portrait"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready for an unforgettable evening? Reserve your table at The Vault and experience vintage sophistication."
|
|
animationType="reveal-blur"
|
|
useInvertedBackground="noInvert"
|
|
buttons={[
|
|
{ text: "Reserve Now", href: "https://example.com/reserve" },
|
|
{ text: "Call: (212) 555-VAULT", href: "tel:+12125555828" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoText="The Vault"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{ label: "Home", href: "hero" },
|
|
{ label: "About", href: "about" },
|
|
{ label: "Cocktails", href: "features" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Reviews", href: "testimonials" },
|
|
{ label: "Reservations", href: "contact" },
|
|
{ label: "Contact", href: "contact" }
|
|
]
|
|
},
|
|
{
|
|
items: [
|
|
{ label: "Events", href: "contact" },
|
|
{ label: "Private Parties", href: "contact" },
|
|
{ label: "Gift Cards", href: "#" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |