130 lines
6.6 KiB
TypeScript
130 lines
6.6 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
|
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
import LegalSection from '@/components/legal/LegalSection';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import { Calendar } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLargeSizeMediumTitles"
|
|
background="fluid"
|
|
cardStyle="solid"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Menu", id: "/menu" },
|
|
{ name: "Our Story", id: "/about" },
|
|
{ name: "Gallery", id: "/gallery" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="The Watering Hole"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-hero" data-section="home-hero">
|
|
<HeroCarouselLogo
|
|
logoText="The Watering Hole"
|
|
description="A little slice of the real Keys. 10 minutes out of Key West, where the locals go for award-winning Bloody Marys and fresh local catch."
|
|
buttons={[{ text: "Call to Book", href: "tel:5551234567" }, { text: "See Menu", href: "/menu" }]}
|
|
slides={[
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/simple-wooden-wall-background_23-2148261975.jpg", imageAlt: "Sun-bleached waterfront deck" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/healthy-domestic-tomato-juice_93675-129819.jpg", imageAlt: "Famous Bloody Mary cocktail" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-dough-pastries-with-lemon-slices-white-surface_140725-115558.jpg", imageAlt: "Fresh local shrimp" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/cheese-balls-with-french-fries-table_140725-1310.jpg", imageAlt: "Crispy conch fritters" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-with-leather-sofa-paintings-wall_140725-9715.jpg", imageAlt: "Local island art" },
|
|
{ imageSrc: "http://img.b2bpic.net/free-photo/hotel-fisherman-s-bay-rural-flavor-thailand-services-housing_169016-3542.jpg", imageAlt: "Relaxed outdoor atmosphere" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features-intro" data-section="features-intro">
|
|
<FeatureCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{ title: "Award-Winning Bloody Marys", description: "Locally famous and crafted to perfection — they're the talk of the neighborhood.", imageSrc: "http://img.b2bpic.net/free-photo/healthy-domestic-tomato-juice_93675-129819.jpg", imageAlt: "Bloody Mary" },
|
|
{ title: "Fresh Caught Seafood", description: "From local shrimp to our daily catch, experience the true flavor of the Keys.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-yummy-dough-pastries-with-lemon-slices-white-surface_140725-115558.jpg", imageAlt: "Local Seafood" },
|
|
{ title: "Crowd-Favorite Eats", description: "Crispy conch fritters, chicken wings, and fried ravioli — classic comfort, Keys style.", imageSrc: "http://img.b2bpic.net/free-photo/cheese-balls-with-french-fries-table_140725-1310.jpg", imageAlt: "Conch Fritters" }
|
|
]}
|
|
title="A True Local Watering Hole"
|
|
description="Deeply rooted in our community, we serve as the neighborhood hub for casual lunches, friend gatherings, and holiday traditions."
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-testimonials" data-section="home-testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="The only spot I take my visitors to. Genuine local vibe, best Bloody Mary around, and the seafood is always spot on."
|
|
rating={5}
|
|
author="Jimmy B."
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/attractive-happy-young-bearded-man-trendy-hat-texting-messages-via-social-networks-browsing-internet-using-free-wifi-his-electronic-device-coffee-break-restaurant_273609-1934.jpg", alt: "Local regular" },
|
|
{ src: "http://img.b2bpic.net/free-photo/carefree-couple-enjoying-lunch-time-restaurant_637285-9035.jpg", alt: "Returning visitor" },
|
|
{ src: "http://img.b2bpic.net/free-photo/man-woman-with-beer-bar_23-2147680747.jpg", alt: "Bar patron" },
|
|
{ src: "http://img.b2bpic.net/free-photo/selfie-happy-friends_1098-14659.jpg", alt: "Happy dining guest" },
|
|
{ src: "http://img.b2bpic.net/free-photo/close-up-women-with-watermelon_23-2148947886.jpg", alt: "Local group" }
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="legal" data-section="legal">
|
|
<LegalSection
|
|
layout="section"
|
|
title="House Rules"
|
|
sections={[
|
|
{ heading: "Safety & Conduct", content: [{ text: "We pride ourselves on a safe, respectful environment for all locals and visitors." }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{ variant: "plain" }}
|
|
tag="Plan your visit"
|
|
tagIcon={Calendar}
|
|
title="Join Us By the Water"
|
|
description="Whether it's a casual lunch or a sunset dinner, we're ready to serve you with island warmth."
|
|
buttons={[{ text: "Make a Reservation", href: "/contact" }]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="home-footer" data-section="home-footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/hotel-fisherman-s-bay-rural-flavor-thailand-services-housing_169016-3542.jpg"
|
|
imageAlt="Waterfront bar view"
|
|
logoText="The Watering Hole"
|
|
columns={[
|
|
{ title: "Visit Us", items: [{ label: "Key West Road, Mile Marker 10", href: "#contact" }] },
|
|
{ title: "Hours", items: [{ label: "Mon-Sun: 11AM-10PM", href: "#" }] },
|
|
{ title: "Quick Links", items: [{ label: "Menu", href: "/menu" }, { label: "Book Now", href: "/contact" }] }
|
|
]}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|