Merge version_1 into main #1
284
src/app/page.tsx
284
src/app/page.tsx
@@ -25,209 +25,99 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="The Wreck"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="The Wreck"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Sophisticated Spirits at The Wreck"
|
||||
description="Experience the finest handcrafted cocktails and curated spirits in an intimate, upscale environment. Your local sanctuary for refined nightlife."
|
||||
tag="Est. 2024"
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg",
|
||||
imageAlt: "The Wreck Bar Interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg",
|
||||
imageAlt: "Handcrafted Cocktail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-lighting-device-with-futuristic-design_23-2151037506.jpg",
|
||||
imageAlt: "Futuristic bar lighting",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/layered-glasses-with-shampagne_8353-9952.jpg",
|
||||
imageAlt: "Layered glasses with champagne",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-luxury-interior-design-dark-lightning_114579-2492.jpg",
|
||||
imageAlt: "Luxury restaurant interior",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by local connoisseurs"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{ variant: "plain" }}
|
||||
title="Sophisticated Spirits at The Wreck"
|
||||
description="Experience the finest handcrafted cocktails and curated spirits in an intimate, upscale environment. Your local sanctuary for refined nightlife."
|
||||
tag="Est. 2024"
|
||||
buttons={[{ text: "Reserve Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-girl-uses-smartphone-street-surfing-internet_1296-770.jpg", imageAlt: "The Wreck Bar Interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-squeezing-lemon-his-whisky-bar_181624-57821.jpg", imageAlt: "Handcrafted Cocktail" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
ratingText="Rated 5 stars by local connoisseurs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Stories Anchor"
|
||||
description="Named after the historic shipwrecks of our coast, The Wreck is more than a bar; it's a retreat from the everyday. We focus on premium ingredients, exceptional service, and an atmosphere that feels both timeless and modern."
|
||||
tag="Our Philosophy"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg"
|
||||
imageAlt="The Wreck Bar Lounge"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="Where Stories Anchor"
|
||||
description="Named after the historic shipwrecks of our coast, The Wreck is more than a bar; it's a retreat from the everyday. We focus on premium ingredients, exceptional service, and an atmosphere that feels both timeless and modern."
|
||||
tag="Our Philosophy"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/shop-sign-neon-lights-with-mannequin_23-2148283878.jpg"
|
||||
imageAlt="The Wreck Bar Lounge"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Artisanal Cocktails",
|
||||
description: "Small-batch spirits blended with house-made bitters and fresh ingredients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-cold-refreshment-drink-with-berries-ice-cubes_114579-3137.jpg",
|
||||
imageAlt: "Cocktails",
|
||||
},
|
||||
{
|
||||
title: "Premium Whiskey Selection",
|
||||
description: "A deep cellar of rare and local whiskies for the discerning palate.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176826.jpg",
|
||||
imageAlt: "Whiskey",
|
||||
},
|
||||
{
|
||||
title: "Chef-Inspired Bites",
|
||||
description: "Seasonal plates designed to pair perfectly with every pour.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-sandwiches-with-cream-cheese-microgreen-wooden-table-canape-with-salmon_2829-11187.jpg",
|
||||
imageAlt: "Bites",
|
||||
},
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in our carefully crafted menu featuring local favorites and innovative creations."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ title: "Artisanal Cocktails", description: "Small-batch spirits blended with house-made bitters and fresh ingredients.", imageSrc: "http://img.b2bpic.net/free-photo/yellow-cold-refreshment-drink-with-berries-ice-cubes_114579-3137.jpg", imageAlt: "Cocktails" },
|
||||
{ title: "Premium Whiskey Selection", description: "A deep cellar of rare and local whiskies for the discerning palate.", imageSrc: "http://img.b2bpic.net/free-photo/bartender-preparing-refreshing-cocktail_23-2148176826.jpg", imageAlt: "Whiskey" },
|
||||
{ title: "Chef-Inspired Bites", description: "Seasonal plates designed to pair perfectly with every pour.", imageSrc: "http://img.b2bpic.net/free-photo/salmon-sandwiches-with-cream-cheese-microgreen-wooden-table-canape-with-salmon_2829-11187.jpg", imageAlt: "Bites" },
|
||||
]}
|
||||
title="Curated Experiences"
|
||||
description="Indulge in our carefully crafted menu featuring local favorites and innovative creations."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere at The Wreck is simply unmatched. It's the perfect blend of classy and relaxed, with cocktails that blow everything else in town out of the water."
|
||||
rating={5}
|
||||
author="Mark Sterling"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-bar_107420-65877.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-table_23-2149850863.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-with-glass-drink-laptop-table_107420-65884.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={false}
|
||||
testimonial="The atmosphere at The Wreck is simply unmatched. It's the perfect blend of classy and relaxed, with cocktails that blow everything else in town out of the water."
|
||||
rating={5}
|
||||
author="Mark Sterling"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-using-mobile-phone-bar_107420-65877.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/side-view-smiley-people-table_23-2149850863.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/businessman-eating-lemon-tart-with-raspberry-sorbet-dessert-cafe_637285-8905.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-with-glass-drink-laptop-table_107420-65884.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/handsome-tattooed-man-summer-terrace-city-cafe-is-drinking-wine-street-cafe_1321-20.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
text="Join us for an unforgettable evening. Reservations recommended for larger parties."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@thewreckbar.com",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
text="Join us for an unforgettable evening. Reservations recommended for larger parties."
|
||||
buttons={[{ text: "Contact Us", href: "mailto:hello@thewreckbar.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Wreck"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="The Wreck"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "Home", href: "#hero" }, { label: "Our Story", href: "#about" }] },
|
||||
{ title: "Social", items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user