205 lines
14 KiB
TypeScript
205 lines
14 KiB
TypeScript
"use client";
|
||
|
||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||
import ProductCardOne from "@/components/sections/product/ProductCardOne";
|
||
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
|
||
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
|
||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||
import FooterSimple from "@/components/sections/footer/FooterSimple";
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import { Award, Crown, Phone } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="bounce-effect"
|
||
defaultTextAnimation="reveal-blur"
|
||
borderRadius="pill"
|
||
contentWidth="small"
|
||
sizing="largeSizeMediumTitles"
|
||
background="grid"
|
||
cardStyle="layered-gradient"
|
||
primaryButtonStyle="gradient"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="normal"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
brandName="Royal Grand Palace"
|
||
navItems={[
|
||
{ name: "Rooms", id: "rooms" },
|
||
{ name: "Amenities", id: "amenities" },
|
||
{ name: "Gallery", id: "gallery" },
|
||
{ name: "Contact", id: "contact" },
|
||
{ name: "Book Now", id: "booking" },
|
||
]}
|
||
bottomLeftText="Premium Luxury Experience"
|
||
bottomRightText="hello@royalgrandpalace.com"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroBillboard
|
||
title="Welcome to Royal Grand Palace Hotel"
|
||
description="Experience 5-Star Luxury and Comfort in the Heart of the City"
|
||
background={{ variant: "sparkles-gradient" }}
|
||
imageSrc="http://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg"
|
||
imageAlt="Royal Grand Palace Hotel luxury lobby"
|
||
buttons={[
|
||
{ text: "Book Now", href: "#booking" },
|
||
{ text: "Explore Rooms", href: "#rooms" },
|
||
]}
|
||
mediaAnimation="blur-reveal"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="About Royal Grand Palace"
|
||
tagIcon={Award}
|
||
title="World-Class Hospitality in Prime City Location"
|
||
description="Located in the heart of the bustling city center, Royal Grand Palace Hotel stands as a beacon of luxury and elegance. Our property seamlessly blends modern architectural excellence with timeless elegance, offering guests an unforgettable escape from the ordinary."
|
||
subdescription="Perfect for discerning travelers seeking premium hospitality"
|
||
icon={Crown}
|
||
imageSrc="http://img.b2bpic.net/free-photo/doors-building-door-european-style_1417-1307.jpg"
|
||
imageAlt="Royal Grand Palace Hotel grand entrance"
|
||
mediaAnimation="slide-up"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="rooms" data-section="rooms">
|
||
<ProductCardOne
|
||
products={[
|
||
{
|
||
id: "1", name: "Deluxe Room", price: "$299/night", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1", imageAlt: "Deluxe Room with king bed and city view"},
|
||
{
|
||
id: "2", name: "Executive Suite", price: "$499/night", imageSrc: "http://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg", imageAlt: "Executive Suite with separate living area"},
|
||
{
|
||
id: "3", name: "Presidential Suite", price: "$799/night", imageSrc: "http://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2", imageAlt: "Presidential Suite with panoramic city views"},
|
||
]}
|
||
title="Luxury Rooms & Suites"
|
||
description="Choose from our collection of elegantly appointed rooms and suites, each designed with meticulous attention to detail and comfort"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
animationType="slide-up"
|
||
gridVariant="three-columns-all-equal-width"
|
||
/>
|
||
</div>
|
||
|
||
<div id="amenities" data-section="amenities">
|
||
<FeatureCardTwentyFour
|
||
features={[
|
||
{
|
||
id: "1", title: "Olympic-Sized Swimming Pool", author: "Recreation", description: "Indulge in our heated indoor and outdoor pools with premium water features and cabana service.", tags: ["Swimming", "Relaxation"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-poolside-experience-where-guests-bask-opulence-cabanas_1268-31113.jpg", imageAlt: "Olympic-sized luxury swimming pool"},
|
||
{
|
||
id: "2", title: "Spa & Wellness Center", author: "Wellness", description: "Rejuvenate your mind and body with our world-renowned spa treatments and holistic wellness programs.", tags: ["Spa", "Wellness"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg", imageAlt: "Premium spa and wellness treatment area"},
|
||
{
|
||
id: "3", title: "5-Star Restaurant & Lounge", author: "Dining", description: "Experience culinary excellence with Michelin-starred cuisine and an extensive wine selection.", tags: ["Dining", "Fine Cuisine"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081849.jpg", imageAlt: "Elegant fine dining restaurant"},
|
||
{
|
||
id: "4", title: "State-of-the-Art Fitness Center", author: "Fitness", description: "Stay active with our fully equipped gym, personal training services, and modern fitness technology.", tags: ["Fitness", "Wellness"],
|
||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-couple-gym_23-2148503022.jpg", imageAlt: "Modern luxury fitness center with equipment"},
|
||
]}
|
||
animationType="slide-up"
|
||
title="World-Class Amenities"
|
||
description="Discover our comprehensive range of premium facilities designed to enhance your stay and provide the ultimate luxury experience"
|
||
textboxLayout="default"
|
||
useInvertedBackground={true}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardTen
|
||
testimonials={[
|
||
{
|
||
id: "1", title: "An Unforgettable Luxury Experience", quote: "From the moment we arrived, we were treated like royalty. Every detail exceeded our expectations. The staff's attention to detail and warm hospitality made our stay truly memorable.", name: "Sarah Mitchell", role: "Chief Executive Officer, Horizon Ventures", imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", imageAlt: "Sarah Mitchell"},
|
||
{
|
||
id: "2", title: "Perfect for Business & Leisure", quote: "The perfect blend of elegance and functionality. The conference facilities are world-class, and the accommodations are incredibly comfortable. I've recommended this hotel to all my colleagues.", name: "Michael Chen", role: "Director, Global Technology Solutions", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1", imageAlt: "Michael Chen"},
|
||
{
|
||
id: "3", title: "Culinary Excellence at Its Finest", quote: "The dining experience was absolutely exceptional. The chefs created personalized menus that catered to our every preference. This is fine dining at its absolute best.", name: "Emily Rodriguez", role: "Travel Journalist, Luxury World Magazine", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "Emily Rodriguez"},
|
||
{
|
||
id: "4", title: "A Home Away from Home", quote: "Stayed here multiple times and it just keeps getting better. The spa, the pool, the restaurants – everything is impeccably maintained and staffed with the most courteous professionals.", name: "David Kim", role: "Founder & CEO, Innovation Labs", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3", imageAlt: "David Kim"},
|
||
{
|
||
id: "5", title: "Exceptional Service & Comfort", quote: "I've stayed in luxury hotels worldwide, and Royal Grand Palace stands at the top. The personalized service and attention to every detail make this an unparalleled destination.", name: "Alexandra Pierce", role: "Vice President, Elite Travel Consulting", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=4", imageAlt: "Alexandra Pierce"},
|
||
{
|
||
id: "6", title: "Where Luxury Meets Sophistication", quote: "Every moment spent at this hotel was pure bliss. From the moment of check-in to departure, we were enveloped in luxury and warmth. Absolutely worth every penny.", name: "James Wellington", role: "Owner, Wellington Heritage Properties", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=5", imageAlt: "James Wellington"},
|
||
]}
|
||
title="Loved by Our Guests"
|
||
description="Discover what our satisfied guests have to say about their unforgettable experiences at Royal Grand Palace Hotel"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
faqs={[
|
||
{
|
||
id: "1", title: "What are your check-in and check-out times?", content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out are available upon request based on availability. We offer complimentary luggage storage for guests departing later."},
|
||
{
|
||
id: "2", title: "Do you offer airport transportation?", content: "Yes, we provide complimentary airport transfer for all guests. Simply provide your flight details at the time of booking, and our concierge will arrange seamless transportation to and from the airport."},
|
||
{
|
||
id: "3", title: "What dining options are available?", content: "Royal Grand Palace features multiple fine dining establishments including our signature Michelin-starred restaurant, a casual café, premium bar, and in-room dining service available 24/7 with extensive menu options."},
|
||
{
|
||
id: "4", title: "Are pets allowed at the hotel?", content: "We welcome well-behaved pets in select rooms for a nominal fee. Please contact our reservations team in advance to make appropriate arrangements and ensure your pet's comfort."},
|
||
{
|
||
id: "5", title: "What wellness facilities do you offer?", content: "Our comprehensive wellness center includes a luxury spa offering treatments, yoga and meditation classes, state-of-the-art fitness facilities, heated pools, and personalized wellness consultations with our expert team."},
|
||
]}
|
||
ctaTitle="Book Your Luxury Escape"
|
||
ctaDescription="Contact our concierge team to reserve your perfect room and create an unforgettable experience."
|
||
ctaButton={{ text: "Contact Concierge", href: "mailto:reservations@royalgrandpalace.com" }}
|
||
ctaIcon={Phone}
|
||
useInvertedBackground={true}
|
||
animationType="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterSimple
|
||
columns={[
|
||
{
|
||
title: "Navigation", items: [
|
||
{ label: "Home", href: "#hero" },
|
||
{ label: "Rooms", href: "#rooms" },
|
||
{ label: "Amenities", href: "#amenities" },
|
||
{ label: "Contact", href: "#contact" },
|
||
],
|
||
},
|
||
{
|
||
title: "Services", items: [
|
||
{ label: "Room Service", href: "#" },
|
||
{ label: "Spa & Wellness", href: "#" },
|
||
{ label: "Fine Dining", href: "#" },
|
||
{ label: "Conference Rooms", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Company", items: [
|
||
{ label: "About Us", href: "#about" },
|
||
{ label: "Careers", href: "#" },
|
||
{ label: "Press", href: "#" },
|
||
{ label: "Sustainability", href: "#" },
|
||
],
|
||
},
|
||
{
|
||
title: "Legal", items: [
|
||
{ label: "Privacy Policy", href: "#" },
|
||
{ label: "Terms of Service", href: "#" },
|
||
{ label: "Cookie Policy", href: "#" },
|
||
{ label: "Contact", href: "#contact" },
|
||
],
|
||
},
|
||
]}
|
||
bottomLeftText="© 2025 Royal Grand Palace Hotel. All rights reserved."
|
||
bottomRightText="Made with elegance and luxury"
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|