556 lines
21 KiB
TypeScript
556 lines
21 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
|
|
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MediaAbout from '@/components/sections/about/MediaAbout';
|
|
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
import { Award, Home, LifeBuoy, Smile } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="expand-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="compact"
|
|
sizing="mediumSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "Home",
|
|
id: "#home",
|
|
},
|
|
{
|
|
name: "About",
|
|
id: "#about",
|
|
},
|
|
{
|
|
name: "Amenities",
|
|
id: "#features",
|
|
},
|
|
{
|
|
name: "Rooms",
|
|
id: "#products",
|
|
},
|
|
{
|
|
name: "Testimonials",
|
|
id: "#testimonials",
|
|
},
|
|
{
|
|
name: "FAQ",
|
|
id: "#faq",
|
|
},
|
|
{
|
|
name: "Contact",
|
|
id: "#contact",
|
|
},
|
|
]}
|
|
button={{
|
|
text: "Book Now",
|
|
href: "#contact",
|
|
}}
|
|
brandName="Hospitality Hub"
|
|
/>
|
|
</div>
|
|
|
|
<div id="home" data-section="home">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "radial-gradient",
|
|
}}
|
|
title="Experience Unrivaled Luxury at Hospitality Hub"
|
|
description="Discover exceptional comfort, personalized service, and state-of-the-art amenities designed for your perfect stay. Welcome to a world where every detail is crafted for your delight."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blurry-close-up-reception-desk_482257-79692.jpg?_wi=1",
|
|
imageAlt: "Luxurious Hotel Lobby",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2667.jpg?_wi=1",
|
|
imageAlt: "Elegant Hotel Room",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sauce-with-honey-table_140725-5449.jpg?_wi=1",
|
|
imageAlt: "Fine Dining Restaurant",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/back-view-girl-posing-bathing-suit_23-2148345663.jpg",
|
|
imageAlt: "Relaxing Hotel Spa",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/room-used-official-event_23-2151054276.jpg",
|
|
imageAlt: "Modern Conference Room",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/wooden-table-background-cityscape_1153-3807.jpg",
|
|
imageAlt: "Hotel Rooftop Bar",
|
|
},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/male-guest-waiting-check_482257-79729.jpg",
|
|
imageAlt: "Happy Guests Checking In",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-globe-camera-sits-bed-meditating-has-packed-suitcase-standing-near-him-going-vacation-praying-good-weather-holiday-making-wish-with-fingers-crossed_1258-314231.jpg",
|
|
imageAlt: "Guest Enjoying Room Service",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-couple-handsome-stylish-male-charming-brunette-woman-dating-luxury-restaurant_613910-4373.jpg",
|
|
imageAlt: "Chef Preparing Gourmet Dish",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-leisure-around-outdoor-swimming-pool_74190-11158.jpg",
|
|
imageAlt: "Guest Receiving Spa Treatment",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-female-business-colleagues-having-fun-while-talking-hallway_637285-13071.jpg",
|
|
imageAlt: "Business Meeting in Hotel",
|
|
},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-using-laptop-cafe_1296-706.jpg",
|
|
imageAlt: "Friends at Hotel Bar",
|
|
},
|
|
]}
|
|
tag="Your Perfect Getaway"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{
|
|
text: "Book Your Stay",
|
|
href: "#contact",
|
|
},
|
|
{
|
|
text: "Explore Rooms",
|
|
href: "#products",
|
|
},
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
carouselPosition="right"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661548.jpg",
|
|
alt: "Hotel receptionist at work",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/female-receptionist-elegant-suit-work-hours_23-2149714382.jpg",
|
|
alt: "Female receptionist in elegant suit during work hours",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg",
|
|
alt: "Hotel guest having fun with tablet",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/elderly-guest-arrives-hotel-lobby_482257-81592.jpg",
|
|
alt: "Elderly guest arrives in hotel lobby",
|
|
},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relaxes-leisure-around-swimming-pool_74190-11522.jpg",
|
|
alt: "Portrait beautiful young asian woman relaxes leisure around swimming pool",
|
|
},
|
|
]}
|
|
avatarText="Join our community of over 100K happy guests!"
|
|
marqueeItems={[
|
|
{
|
|
type: "text",
|
|
text: "Exceptional Service",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Modern Amenities",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Unforgettable Experiences",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Personalized Comfort",
|
|
},
|
|
{
|
|
type: "text",
|
|
text: "Luxury Stays",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<MediaAbout
|
|
useInvertedBackground={true}
|
|
title="A Legacy of Impeccable Hospitality"
|
|
description="At Hospitality Hub, we blend timeless elegance with modern convenience to create unforgettable experiences. Our commitment to exceptional service and meticulous attention to detail ensures every guest feels valued and pampered. From luxurious accommodations to world-class dining, we are dedicated to crafting your perfect stay."
|
|
tag="Our Story"
|
|
imageSrc="http://img.b2bpic.net/free-photo/full-view-modern-white-building-with-columns-engravings-them-with-windows-lights_181624-8096.jpg"
|
|
imageAlt="Boutique hotel exterior with modern architecture and lush landscaping"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardNine
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Smart Online Booking",
|
|
description: "Intuitive platform for instant reservations, personalized preferences, and real-time availability updates.",
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-displaying-valid-digital-vaccination-certificate-covid19-male-s-hand-public-area-background-vaccination-disease-immunity-passport-health-safty-travel-concepts_609648-964.jpg",
|
|
imageAlt: "Hotel booking app UI on a mobile phone",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-blogger-recording-herself-while-preparing-food-reading-book_23-2148771551.jpg",
|
|
imageAlt: "Hotel management dashboard on a tablet",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blurry-close-up-reception-desk_482257-79692.jpg?_wi=2",
|
|
imageAlt: "hotel booking app UI mobile",
|
|
},
|
|
{
|
|
title: "AI-Powered Guest Services",
|
|
description: "Personalized recommendations for activities and dining, with an AI chat assistant for 24/7 support.",
|
|
buttons: [
|
|
{
|
|
text: "Learn More",
|
|
},
|
|
],
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-female-using-smartphone_1301-112.jpg",
|
|
imageAlt: "Hotel room service app on a smartphone",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-app-phone_23-2149036822.jpg",
|
|
imageAlt: "AI chat assistant UI for guest support",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-swimming-pool_1203-2667.jpg?_wi=2",
|
|
imageAlt: "hotel booking app UI mobile",
|
|
},
|
|
{
|
|
title: "Optimized Revenue & Operations",
|
|
description: "Dynamic pricing, predictive analytics, and efficient staff coordination tools ensure maximum profitability and smooth operations.",
|
|
buttons: [
|
|
{
|
|
text: "Discover Insights",
|
|
},
|
|
],
|
|
phoneOne: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/business-data-analytics_23-2151957121.jpg",
|
|
imageAlt: "Hotel revenue management dashboard",
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "http://img.b2bpic.net/free-photo/hotel-booking-reservation-form-concept_53876-122737.jpg",
|
|
imageAlt: "Multi-hotel management console",
|
|
},
|
|
imageSrc: "http://img.b2bpic.net/free-photo/sauce-with-honey-table_140725-5449.jpg?_wi=2",
|
|
imageAlt: "hotel booking app UI mobile",
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
title="Innovating Your Hotel Experience"
|
|
description="Our AI-powered hotel management system streamlines operations and enhances guest satisfaction, making every stay seamless and personalized."
|
|
tag="Key Innovations"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "room-standard",
|
|
brand: "Classic Collection",
|
|
name: "Standard King Room",
|
|
price: "$199/night",
|
|
rating: 4.5,
|
|
reviewCount: "120 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pillow-bed_74190-4497.jpg",
|
|
imageAlt: "Cozy standard hotel room with a king-sized bed",
|
|
},
|
|
{
|
|
id: "room-deluxe",
|
|
brand: "Premium Collection",
|
|
name: "Deluxe Queen Room",
|
|
price: "$249/night",
|
|
rating: 4.7,
|
|
reviewCount: "155 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blur-furniture-shop-store-interior_1203-8583.jpg",
|
|
imageAlt: "Spacious deluxe hotel room with elegant decor",
|
|
},
|
|
{
|
|
id: "room-suite",
|
|
brand: "Executive Collection",
|
|
name: "Executive Suite",
|
|
price: "$399/night",
|
|
rating: 4.9,
|
|
reviewCount: "88 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg",
|
|
imageAlt: "Luxurious executive suite with separate living area",
|
|
},
|
|
{
|
|
id: "room-family",
|
|
brand: "Family Stays",
|
|
name: "Family Double Room",
|
|
price: "$279/night",
|
|
rating: 4.6,
|
|
reviewCount: "110 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-carrying-their-baby-sitting-bedroom_23-2147923004.jpg",
|
|
imageAlt: "Family-friendly hotel room with two double beds",
|
|
},
|
|
{
|
|
id: "room-oceanview",
|
|
brand: "Scenic Views",
|
|
name: "Ocean View Balcony",
|
|
price: "$349/night",
|
|
rating: 4.8,
|
|
reviewCount: "95 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/bed-with-sea-view_1137-127.jpg",
|
|
imageAlt: "Hotel room with a balcony offering an ocean view",
|
|
},
|
|
{
|
|
id: "room-penthouse",
|
|
brand: "Ultimate Luxury",
|
|
name: "Penthouse Residency",
|
|
price: "$899/night",
|
|
rating: 5,
|
|
reviewCount: "42 reviews",
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg",
|
|
imageAlt: "Opulent penthouse suite with panoramic city views",
|
|
},
|
|
]}
|
|
title="Our Luxurious Rooms & Suites"
|
|
description="Find your perfect sanctuary from our diverse range of accommodations, each designed for comfort and elegance."
|
|
tag="Accommodations"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardOne
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "m1",
|
|
value: "98%",
|
|
title: "Guest Satisfaction",
|
|
description: "Consistent high ratings from our valued guests worldwide.",
|
|
icon: Smile,
|
|
},
|
|
{
|
|
id: "m2",
|
|
value: "120+",
|
|
title: "Rooms & Suites",
|
|
description: "A diverse portfolio of luxurious accommodations to suit every need.",
|
|
icon: Home,
|
|
},
|
|
{
|
|
id: "m3",
|
|
value: "5-Star",
|
|
title: "Service Excellence",
|
|
description: "Recognized for our impeccable service and attention to every detail.",
|
|
icon: Award,
|
|
},
|
|
{
|
|
id: "m4",
|
|
value: "24/7",
|
|
title: "AI Concierge",
|
|
description: "Instant support and personalized assistance round the clock.",
|
|
icon: LifeBuoy,
|
|
},
|
|
]}
|
|
title="Our Achievements Speak for Themselves"
|
|
description="Dedicated to excellence, we continually strive to set new benchmarks in hospitality and guest satisfaction."
|
|
tag="By The Numbers"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
role: "Business Traveler",
|
|
company: "Global Corp",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe_1157-32343.jpg",
|
|
imageAlt: "Sarah Johnson, a business traveler",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
role: "Tourist",
|
|
company: "Wanderlust Adventures",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/blissful-woman-with-wavy-hairs-summer-outfit-sitting-near-pool-vacation-travel-mood-bright-colors-trendy-accesorises_273443-5106.jpg",
|
|
imageAlt: "Michael Chen, a tourist",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
role: "Couple on Getaway",
|
|
company: "Sweet Escape",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-making-home-comfortable_23-2149092051.jpg",
|
|
imageAlt: "Emily Rodriguez, on a romantic getaway",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "Family Vacationer",
|
|
company: "Family Fun Inc.",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/cute-family-playing-autumn-park_1157-26498.jpg",
|
|
imageAlt: "David Kim, a family vacationer",
|
|
},
|
|
{
|
|
id: "5",
|
|
name: "Jessica Lee",
|
|
role: "Event Organizer",
|
|
company: "Premier Events",
|
|
rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-wedding-planner-working-ceremony_23-2150167222.jpg",
|
|
imageAlt: "Jessica Lee, an event organizer",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "5 Stars",
|
|
label: "Average Rating",
|
|
},
|
|
{
|
|
value: "98%",
|
|
label: "Would Recommend",
|
|
},
|
|
{
|
|
value: "100K+",
|
|
label: "Happy Guests",
|
|
},
|
|
]}
|
|
title="What Our Guests Say"
|
|
description="Hear directly from those who have experienced the Hospitality Hub difference. Their words reflect our commitment to excellence."
|
|
tag="Guest Feedback"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"Travel Nexus",
|
|
"Global Ventures",
|
|
"Elite Experiences",
|
|
"Corporate Suites",
|
|
"Gourmet Guild",
|
|
"Wellness Retreats",
|
|
"City Tourism",
|
|
]}
|
|
title="Trusted by Industry Leaders & Partners"
|
|
description="Our collaborations with leading travel agencies, corporations, and culinary experts reflect our commitment to excellence and expansive network."
|
|
tag="Our Partners"
|
|
tagAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqSplitMedia
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
faqs={[
|
|
{
|
|
id: "q1",
|
|
title: "How do I make a reservation?",
|
|
content: "You can easily make a reservation through our online booking system directly on our website, or by contacting our front desk via phone or email.",
|
|
},
|
|
{
|
|
id: "q2",
|
|
title: "What amenities are included with my stay?",
|
|
content: "Our hotel offers a range of amenities including complimentary Wi-Fi, fitness center access, swimming pool, daily breakfast, and 24/7 concierge service. Specific amenities may vary by room type.",
|
|
},
|
|
{
|
|
id: "q3",
|
|
title: "Do you offer airport shuttle service?",
|
|
content: "Yes, we provide airport shuttle service for an additional fee. Please arrange your pick-up or drop-off time with our concierge team at least 24 hours in advance.",
|
|
},
|
|
{
|
|
id: "q4",
|
|
title: "What is your cancellation policy?",
|
|
content: "Our standard cancellation policy allows for free cancellation up to 48 hours prior to your check-in date. Cancellations made within 48 hours may incur a penalty fee equal to one night's stay. Please refer to your booking confirmation for specific terms.",
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/hotel-receptionist-work_23-2149661554.jpg"
|
|
imageAlt="Hotel concierge helping a guest with inquiries"
|
|
mediaAnimation="slide-up"
|
|
title="Frequently Asked Questions"
|
|
description="Find quick answers to common inquiries about booking, amenities, services, and more at Hospitality Hub."
|
|
tag="Need Help?"
|
|
tagAnimation="slide-up"
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactSplit
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "downward-rays-static",
|
|
}}
|
|
tag="Connect With Us"
|
|
title="Your Next Memorable Stay Awaits"
|
|
description="Have questions or ready to book your dream vacation? Reach out to our dedicated team, and we'll ensure every detail of your visit is perfect."
|
|
imageSrc="http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg"
|
|
imageAlt="Luxury hotel conference room interior, inviting and modern"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Enter your email for inquiries"
|
|
buttonText="Send Inquiry"
|
|
termsText="By sending an inquiry, you agree to our Privacy Policy and Terms of Service."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Hospitality Hub"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|