319 lines
18 KiB
TypeScript
319 lines
18 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="grid"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="light"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingInline
|
|
navItems={[
|
|
{
|
|
name: "Home", id: "#hero"},
|
|
{
|
|
name: "Rooms", id: "#rooms"},
|
|
{
|
|
name: "Gallery", id: "#gallery"},
|
|
{
|
|
name: "Services", id: "#services"},
|
|
{
|
|
name: "Location", id: "#location"},
|
|
{
|
|
name: "FAQ", id: "#faq"},
|
|
{
|
|
name: "Contact", id: "#contact"},
|
|
]}
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149486416.jpg"
|
|
logoAlt="Bebi Hotel & Apartments logo"
|
|
brandName="Bebi Hotel & Apartments"
|
|
button={{
|
|
text: "Book Now", href: "#contact"}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Welcome to Bebi Hotel & Apartments"
|
|
description="Experience warm Albanian hospitality in beautiful Sarandë. Comfortable rooms and spacious apartments await you, perfect for a relaxing stay near the sea."
|
|
tag="Your Perfect Getaway"
|
|
tagAnimation="blur-reveal"
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay Now", href: "#contact"},
|
|
{
|
|
text: "WhatsApp Us", href: "https://wa.me/YOURPHONENUMBER", onClick: () => console.log('WhatsApp clicked'),
|
|
},
|
|
]}
|
|
buttonAnimation="blur-reveal"
|
|
imageSrc="http://img.b2bpic.net/free-photo/sunbeds-with-coconuts-tree-by-sea_23-2148249118.jpg"
|
|
imageAlt="Bebi Hotel & Apartments with a beautiful sea view in Sarandë, Albania"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="right"
|
|
title="Your Home Away From Home in Sarandë"
|
|
description="At Bebi Hotel & Apartments, we pride ourselves on offering a friendly and comfortable experience for every guest. Our dedication to warm hospitality ensures you feel welcome from the moment you arrive, making your visit to Sarandë truly unforgettable."
|
|
bulletPoints={[
|
|
{
|
|
title: "Warm Albanian Hospitality", description: "Our friendly staff are always ready to assist you with a smile, making your stay a pleasant experience."},
|
|
{
|
|
title: "Comfort & Cleanliness", description: "Enjoy impeccably clean rooms and comfortable beds, ensuring a restful night's sleep."},
|
|
{
|
|
title: "Stunning Views", description: "Wake up to breathtaking sea or vibrant city views from your private balcony."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/smiling-man-proposing-her-girlfriend-by-giving-engagement-ring_23-2147891246.jpg"
|
|
imageAlt="Hotel reception with friendly staff"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "standard-room", name: "Standard Double Room", price: "€50/night", variant: "Cozy & Comfortable", imageSrc: "http://img.b2bpic.net/free-photo/close-up-romantic-breakfast-bed-arrangement_23-2150956570.jpg", imageAlt: "Comfortable standard double room"},
|
|
{
|
|
id: "deluxe-room", name: "Deluxe Sea View Room", price: "€75/night", variant: "Stunning Ocean Views", imageSrc: "http://img.b2bpic.net/free-photo/young-asian-female-woman-stand-open-white-curtains-sheer-window-morning-after-waking-up-bedroom-hotel-woman-wake-up-with-fresh-open-curtains-windows_609648-2641.jpg", imageAlt: "Deluxe room with sea view"},
|
|
{
|
|
id: "family-room", name: "Family Room", price: "€90/night", variant: "Spacious for Families", imageSrc: "http://img.b2bpic.net/free-photo/old-woman-filling-registration-forms-front-desk-passing-room-check-preparing-start-retirement-vacation-trip-traveller-asking-receptionist-about-all-inclusive-service-handheld-shot_482257-70827.jpg", imageAlt: "Spacious family room"},
|
|
{
|
|
id: "apartment-kitchen", name: "Apartment with Kitchen", price: "€120/night", variant: "Long-Stay Comfort", imageSrc: "http://img.b2bpic.net/free-photo/food-blooms-breakfast-table-bed_23-2148007250.jpg", imageAlt: "Apartment with private kitchen"},
|
|
{
|
|
id: "apartment-sea", name: "Luxury Apartment (Sea View)", price: "€150/night", variant: "Panoramic Sea Views", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-reading-magazine-near-panoramic-window_7502-9287.jpg", imageAlt: "Luxury apartment with panoramic sea view"},
|
|
{
|
|
id: "apartment-city", name: "City View Apartment", price: "€100/night", variant: "Vibrant Cityscape", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-brunette-woman-speaking-phone-terrace-city-view-sunny-morning-success-luxury-lifestyle-chilling-relaxing-joyful-businesswoman-smiling-side_197531-1898.jpg", imageAlt: "Apartment with city view"},
|
|
]}
|
|
title="Rooms & Apartments"
|
|
description="Choose from our range of comfortable hotel rooms and spacious apartments, designed for every traveler."
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Modern Air Conditioning", description: "All rooms and apartments are equipped with efficient air conditioning for your comfort.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-taking-notes-from-her-friend-s-doctor_23-2148944853.jpg", imageAlt: "Modern air conditioning unit"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-drinking-coffee-morning-restaurant_1157-36672.jpg", imageAlt: "Temperature control"}
|
|
},
|
|
{
|
|
title: "Private Balconies & Views", description: "Enjoy fresh air and stunning views from your private balcony, available in most units.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-standing-from-back-looking-sea_1303-14409.jpg", imageAlt: "Private balcony with sea view"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/relax-bedroom_1150-17980.jpg", imageAlt: "Balcony with outdoor seating"}
|
|
},
|
|
{
|
|
title: "Fully Equipped Kitchens", description: "Select apartments feature a private kitchen with a washing machine for longer stays.", phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-spending-time-home_23-2150170883.jpg", imageAlt: "Modern kitchen in apartment"},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/family-is-resting-windowsill-bed_651396-2780.jpg", imageAlt: "Washing machine in apartment"}
|
|
},
|
|
]}
|
|
showStepNumbers={false}
|
|
title="Exceptional Guest Services"
|
|
description="We offer a range of amenities to ensure your stay is as comfortable and convenient as possible."
|
|
/>
|
|
</div>
|
|
|
|
<div id="gallery" data-section="gallery">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "gallery-item-1", name: "Hotel Exterior", price: "", variant: "Modern Design", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-spa-hotel_23-2149037089.jpg", imageAlt: "Bebi Hotel exterior with modern design"},
|
|
{
|
|
id: "gallery-item-2", name: "Comfortable Bedroom", price: "", variant: "Clean & Cozy", imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-yoga-roof-skyscraper-big-city_1153-4507.jpg", imageAlt: "Comfortable and clean hotel bedroom"},
|
|
{
|
|
id: "gallery-item-3", name: "Sarandë Beach", price: "", variant: "Crystal Waters", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-tropical-beach-sea-ocean-with-palm-tree-blue-sky_74190-14491.jpg", imageAlt: "Beautiful beach in Sarandë, Albania"},
|
|
{
|
|
id: "gallery-item-4", name: "Private Balcony View", price: "", variant: "Breathtaking Scenery", imageSrc: "http://img.b2bpic.net/free-photo/rear-view-mother-her-daughter-herding-sheeps-field_23-2147907347.jpg", imageAlt: "View from a private balcony overlooking the sea"},
|
|
{
|
|
id: "gallery-item-5", name: "Modern Bathroom", price: "", variant: "Sleek & Functional", imageSrc: "http://img.b2bpic.net/free-photo/empty-bench-restaurant_23-2147871253.jpg", imageAlt: "Modern and clean hotel bathroom"},
|
|
{
|
|
id: "gallery-item-6", name: "Living Area", price: "", variant: "Spacious Apartment", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-island-armchair-stylish-open-space-home-design_169016-72732.jpg", imageAlt: "Spacious living area in an apartment"},
|
|
]}
|
|
title="Photo Gallery"
|
|
description="A visual tour of Bebi Hotel & Apartments and the beautiful surroundings of Sarandë."
|
|
/>
|
|
</div>
|
|
|
|
<div id="location" data-section="location">
|
|
<SplitAbout
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
imagePosition="left"
|
|
title="Discover Beautiful Sarandë"
|
|
description="Bebi Hotel & Apartments is ideally located to explore the best of Sarandë and its stunning surroundings. From pristine beaches to historic castles, there's something for everyone."
|
|
buttons={[
|
|
{
|
|
text: "View on Google Maps", href: "https://www.google.com/maps/place/Sarandë", onClick: () => window.open('https://www.google.com/maps/place/Sarandë', '_blank'),
|
|
},
|
|
]}
|
|
bulletPoints={[
|
|
{
|
|
title: "Nearby Beaches", description: "Just a short walk to the vibrant Sarandë beach, perfect for sunbathing and swimming."},
|
|
{
|
|
title: "Sarandë Promenade", description: "Enjoy evening strolls along the lively promenade with shops, cafes, and restaurants."},
|
|
{
|
|
title: "Ksamil Islands", description: "Visit the 'Pearl of the Ionian Sea' with its idyllic beaches and turquoise waters."},
|
|
{
|
|
title: "Blue Eye Spring", description: "A natural wonder with mesmerizing blue waters, perfect for a refreshing day trip."},
|
|
{
|
|
title: "Lekursi Castle", description: "Explore historical ruins offering panoramic views of Sarandë and Corfu."},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/lot-ship-boat-sea-ocean-pattaya-bay-city-thailand_74190-8678.jpg"
|
|
imageAlt="Google Maps view of Sarandë, Albania"
|
|
mediaAnimation="opacity"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitText
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "faq-1", title: "Is breakfast included in the room price?", content: "Breakfast is generally included in most room rates. Please check your specific booking details for confirmation or contact our reception for more information."},
|
|
{
|
|
id: "faq-2", title: "What are the breakfast serving hours?", content: "Our breakfast is served daily from 7:30 AM to 10:30 AM in our cozy dining area, offering a relaxed start to your day."},
|
|
{
|
|
id: "faq-3", title: "What kind of breakfast is served?", content: "We offer a rich buffet breakfast with a variety of local and international options, including fresh fruits, pastries, cereals, eggs, cheeses, cold cuts, and beverages."},
|
|
{
|
|
id: "faq-4", title: "Do you offer vegetarian or gluten-free options?", content: "Yes, we strive to accommodate all dietary needs. Please inform our staff in advance about any specific requirements, and we will do our best to provide suitable options."},
|
|
]}
|
|
sideTitle="Breakfast Information"
|
|
sideDescription="Start your day right with a delicious breakfast at Bebi Hotel & Apartments. Here are some common questions about our breakfast service."
|
|
faqsAnimation="slide-up"
|
|
textPosition="left"
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "t1", name: "Eleanor V.", role: "Tourist from UK", testimonial: "Amazing stay at Bebi Hotel! The staff were so welcoming, and the room was spotless with a fantastic sea view. Highly recommend for anyone visiting Sarandë.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-hat-holding-camera_23-2148597650.jpg"},
|
|
{
|
|
id: "t2", name: "Mark J.", role: "Traveler from Germany", testimonial: "The apartment was perfect for our family, spacious and had everything we needed. The location is excellent, close to the beach and promenade. We'll be back!", imageSrc: "http://img.b2bpic.net/free-photo/trekker-warm-clothing-gazes-panoramic-mountain-range_482257-120924.jpg"},
|
|
{
|
|
id: "t3", name: "Sofia R.", role: "Digital Nomad", testimonial: "Clean, comfortable, and great value! The private kitchen in the apartment was a huge plus for my longer stay. Staff went above and beyond.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-female-wears-straw-summer-hat-white-dress-poses-sandy-beach-has-broad-smile-face-enjoys-recreation-time-tropical-country-poses-outdoor-people-recreation-time_273609-3261.jpg"},
|
|
{
|
|
id: "t4", name: "David K.", role: "Couple from Italy", testimonial: "Bebi Hotel provided the relaxing getaway we needed. The beds were incredibly comfortable, and the air conditioning was a lifesaver. Beautiful balconies!", imageSrc: "http://img.b2bpic.net/free-photo/crazy-man-funny-expression_1194-3211.jpg"},
|
|
{
|
|
id: "t5", name: "Anya L.", role: "Group Traveler", testimonial: "Our group had a wonderful time. The hotel felt safe and friendly, and the apartments offered ample space for everyone. Easy access to all local attractions.", imageSrc: "http://img.b2bpic.net/free-photo/man-hugging-young-woman-from-balcony_23-2147992152.jpg"},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear from travelers who enjoyed their stay at Bebi Hotel & Apartments."
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static"}}
|
|
tag="Get in Touch"
|
|
title="Book Your Stay or Ask a Question"
|
|
description="Have inquiries about your booking, specific room availability, or local recommendations? Contact us directly or message us on WhatsApp for quick support."
|
|
inputPlaceholder="Your email for booking inquiries"
|
|
buttonText="Send Inquiry"
|
|
termsText="Alternatively, message us on WhatsApp for immediate assistance: +355 69 123 4567"
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149486416.jpg"
|
|
logoAlt="Bebi Hotel & Apartments logo"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Rooms & Apartments", href: "#rooms"},
|
|
{
|
|
label: "Guest Services", href: "#services"},
|
|
{
|
|
label: "Photo Gallery", href: "#gallery"},
|
|
{
|
|
label: "Breakfast Info", href: "#faq"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "About Us", href: "#about"},
|
|
{
|
|
label: "Our Location", href: "#location"},
|
|
{
|
|
label: "Guest Testimonials", href: "#testimonials"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Book Now", href: "#contact"},
|
|
{
|
|
label: "Contact Us", href: "#contact"},
|
|
{
|
|
label: "WhatsApp Support", href: "https://wa.me/YOURPHONENUMBER"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Bebi Hotel & Apartments"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|