153 lines
8.4 KiB
TypeScript
153 lines
8.4 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FooterCard from '@/components/sections/footer/FooterCard';
|
|
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
|
|
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="hover-bubble"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="glass-depth"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
navItems={[
|
|
{ name: "Home", id: "hero" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Menu", id: "menu" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="Palm Beach Bar"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardRotatedCarousel
|
|
background={{ variant: "sparkles-gradient" }}
|
|
title="Unwind in Paradise"
|
|
description="Experience the perfect blend of luxury and relaxation at Palm Beach Bar. Where golden sunsets meet expertly crafted cocktails."
|
|
buttons={[{ text: "Book Your Spot", href: "#contact" }]}
|
|
carouselItems={[
|
|
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/still-life-cocktail-tablecloth_23-2151318400.jpg", imageAlt: "Luxurious beach bar lounge at dusk" },
|
|
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/covered-road-night_1162-2.jpg", imageAlt: "Expertly crafted cocktails at the bar" },
|
|
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-sitting-chair-night-beach-looking-camera_1153-6692.jpg", imageAlt: "Cozy seaside bar atmosphere" },
|
|
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-fun-white-party_23-2149429902.jpg", imageAlt: "Premium bar counter and seating" },
|
|
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/chair-table-terrace-restaurant-with-sea-view_1339-7117.jpg", imageAlt: "Vibrant beach club nightlife" },
|
|
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/cocktails-sunset-beach_23-2151974575.jpg", imageAlt: "Tropical sunset at the beach bar" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="A Coastal Sanctuary"
|
|
description="Palm Beach Bar offers an unparalleled escape in the heart of Velipojë. Our commitment to high-quality ingredients, serene seaside views, and genuine hospitality ensures every visit is memorable."
|
|
buttons={[{ text: "View Our Menu", href: "#menu" }]}
|
|
bulletPoints={[
|
|
{ title: "Great Cocktails", description: "Expertly prepared recipes featuring premium spirits and fresh local ingredients." },
|
|
{ title: "Outdoor Seating", description: "Enjoy the refreshing sea breeze in our comfortable, stylish open-air lounge." },
|
|
{ title: "Open 24/7", description: "Whether it's sunrise coffee or moonlit drinks, we are always ready for you." },
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/wonderful-polynesian-landscape_23-2151913458.jpg"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="menu" data-section="menu">
|
|
<ProductCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="two-columns-alternating-heights"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{ id: "p1", name: "Island Mojito", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/fruit-compote-mixed-fruit-compote-with-ice_140725-1140.jpg" },
|
|
{ id: "p2", name: "Beachside Colada", price: "$14", imageSrc: "http://img.b2bpic.net/free-photo/fresh-summer-cocktail-pina-colada-fresh-summer-drink-concept_185193-109332.jpg" },
|
|
{ id: "p3", name: "Sunset Daiquiri", price: "$13", imageSrc: "http://img.b2bpic.net/free-photo/fruit-juice-with-orange-slice_140725-2765.jpg" },
|
|
{ id: "p4", name: "Velipojë Spritz", price: "$11", imageSrc: "http://img.b2bpic.net/free-photo/tropical-cocktail-served-beach_23-2147656895.jpg" },
|
|
{ id: "p5", name: "Midnight Espresso", price: "$15", imageSrc: "http://img.b2bpic.net/free-photo/customer-enjoying-alcoholic-drink_23-2148176793.jpg" },
|
|
{ id: "p6", name: "Ocean Margarita", price: "$12", imageSrc: "http://img.b2bpic.net/free-photo/glass-cooling-blue-drink-cracked-coconuts_23-2148145373.jpg" },
|
|
]}
|
|
title="Signature Cocktails"
|
|
description="Curated flavors that capture the essence of a perfect beach vacation."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonial" data-section="testimonial">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Elena M.", role: "Traveler", testimonial: "The best spot in Velipojë! Exceptional cocktails and a truly relaxing view.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-tann-woman-with-curly-hairs-posing-swimming-pool-summer-vacation-concept_273443-5337.jpg"},
|
|
{
|
|
id: "t2", name: "Marko R.", role: "Local", testimonial: "Open 24/7, great service, and always the perfect vibe. My go-to bar.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-beach_23-2147645504.jpg"},
|
|
{
|
|
id: "t3", name: "Sophie K.", role: "Tourist", testimonial: "Loved the outdoor seating. The staff makes you feel right at home.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-cocktails-beach-arrangement_23-2150251375.jpg"},
|
|
{
|
|
id: "t4", name: "David L.", role: "Regular", testimonial: "Consistently high quality. The music and sea breeze are unbeatable.", imageSrc: "http://img.b2bpic.net/free-photo/senior-man-working-his-laptop-restaurant_23-2149316781.jpg"},
|
|
{
|
|
id: "t5", name: "Anna P.", role: "Guest", testimonial: "Absolute paradise. Can't wait to return to this lovely place.", imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-sitting-cafe_273609-5102.jpg"},
|
|
]}
|
|
title="Guest Reviews"
|
|
description="What our guests love most about their Palm Beach Bar experience."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Are you open all day?", content: "Yes, we are open 24 hours a day, 7 days a week." },
|
|
{ id: "f2", title: "Do you have outdoor seating?", content: "Absolutely! Our lounge is fully outdoor right by the seaside." },
|
|
{ id: "f3", title: "Can we reserve tables?", content: "We operate as a walk-in friendly lounge, but you can always reach out to us." },
|
|
]}
|
|
sideTitle="Common Questions"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplitForm
|
|
useInvertedBackground={false}
|
|
title="Connect with Us"
|
|
description="Have questions or planning a visit? Send us a message and we'll be happy to assist."
|
|
inputs={[
|
|
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
|
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
|
]}
|
|
textarea={{ name: "message", placeholder: "Tell us about your visit", rows: 4 }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837588.jpg"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterCard
|
|
logoText="Palm Beach Bar"
|
|
copyrightText="© 2025 Palm Beach Bar, Velipojë."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|