516 lines
20 KiB
TypeScript
516 lines
20 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?_wi=1"
|
|
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?_wi=1"
|
|
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",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-beach-club-logo-template_23-2149486416.jpg",
|
|
imageAlt: "modern air conditioning unit hotel room",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sunbeds-with-coconuts-tree-by-sea_23-2148249118.jpg?_wi=2",
|
|
imageAlt: "modern air conditioning unit hotel room",
|
|
},
|
|
{
|
|
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",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-proposing-her-girlfriend-by-giving-engagement-ring_23-2147891246.jpg?_wi=2",
|
|
imageAlt: "modern air conditioning unit hotel room",
|
|
},
|
|
]}
|
|
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>
|
|
);
|
|
}
|