267 lines
16 KiB
TypeScript
267 lines
16 KiB
TypeScript
"use client"
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import ContactFaq from '@/components/sections/contact/ContactFaq';
|
|
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
|
import { Sparkles, Award, Heart, Zap, DollarSign, Star, Phone } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="none"
|
|
cardStyle="subtle-shadow"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="Grandeur Hotel"
|
|
navItems={[
|
|
{ name: "Rooms", id: "rooms" },
|
|
{ name: "Amenities", id: "amenities" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Reviews", id: "reviews" },
|
|
{ name: "Contact", id: "contact" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Experience Luxury & Comfort"
|
|
description="Welcome to our five-star hotel, where elegance meets exceptional service. Discover the perfect retreat for your next getaway."
|
|
tag="Grandeur Hotel"
|
|
tagIcon={Sparkles}
|
|
background={{ variant: "sparkles-gradient" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury hotel suite with golden accents"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Premium bedroom with modern amenities"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg", imageAlt: "Resort-style accommodation"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg", imageAlt: "Penthouse suite with panoramic views"
|
|
},
|
|
{
|
|
imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683421.jpg", imageAlt: "Deluxe hotel room interior"
|
|
}
|
|
]}
|
|
buttons={[
|
|
{ text: "Book Now", href: "contact" },
|
|
{ text: "Explore Rooms", href: "rooms" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Our Hotel"
|
|
tagIcon={Award}
|
|
title="Your Luxury Home Away From Home"
|
|
description="Since 1995"
|
|
subdescription="Grandeur Hotel - Premier Destination"
|
|
icon={Heart}
|
|
imageSrc="https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg"
|
|
imageAlt="Grandeur Hotel exterior and entrance"
|
|
useInvertedBackground="invertDefault"
|
|
/>
|
|
</div>
|
|
|
|
<div id="rooms" data-section="rooms">
|
|
<FeatureCardNineteen
|
|
title="Our Room Collections"
|
|
description="Choose from our carefully curated selection of rooms, each designed for maximum comfort and style."
|
|
tag="Accommodation"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Classic", title: "Standard Room", subtitle: "Perfect for solo travelers and couples", description: "Spacious rooms with premium bedding, modern bathroom fixtures, and city views. Includes complimentary Wi-Fi, flat-screen TV, and luxury toiletries.", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-sitting-bed-stretching_23-2148033319.jpg", imageAlt: "Standard hotel room"
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Premium", title: "Deluxe Suite", subtitle: "Enhanced comfort for discerning guests", description: "Expansive suites with separate living areas, upgraded furnishings, and premium amenities. Enjoy panoramic views, premium minibar, and personalized concierge service.", imageSrc: "https://img.b2bpic.net/free-photo/set-champagne-glasses-tray_23-2148356436.jpg", imageAlt: "Deluxe hotel suite"
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Exclusive", title: "Presidential Suite", subtitle: "Ultimate luxury and exclusivity", description: "Our most prestigious accommodation featuring multiple bedrooms, full kitchen, spa bathroom, and 24-hour butler service. Unparalleled views and premium furnishings throughout.", imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118955.jpg", imageAlt: "Presidential luxury suite"
|
|
}
|
|
]}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
/>
|
|
</div>
|
|
|
|
<div id="amenities" data-section="amenities">
|
|
<ProductCardTwo
|
|
title="World-Class Amenities"
|
|
description="Indulge in our comprehensive range of facilities and services designed for your pleasure and well-being."
|
|
tag="Facilities"
|
|
tagIcon={Zap}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
gridVariant="uniform-all-items-equal"
|
|
products={[
|
|
{
|
|
id: "spa", brand: "Wellness & Spa", name: "Premium Spa Treatments", price: "Included", rating: 5,
|
|
reviewCount: "1.2k", imageSrc: "https://img.b2bpic.net/free-photo/relax-bedroom_1150-17980.jpg", imageAlt: "Luxury spa facilities"
|
|
},
|
|
{
|
|
id: "pool", brand: "Recreation", name: "Olympic Swimming Pool", price: "Included", rating: 5,
|
|
reviewCount: "980", imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bedroom-int_1203-2348.jpg", imageAlt: "Resort swimming pool"
|
|
},
|
|
{
|
|
id: "dining", brand: "Culinary", name: "Fine Dining Restaurant", price: "À la carte", rating: 5,
|
|
reviewCount: "2.1k", imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-communicating-mobile-phone-while-standing-with-travel-bag-hotel-room_637285-7626.jpg", imageAlt: "Hotel restaurant interior"
|
|
},
|
|
{
|
|
id: "gym", brand: "Fitness", name: "State-of-the-Art Gym", price: "Included", rating: 5,
|
|
reviewCount: "650", imageSrc: "https://img.b2bpic.net/free-photo/beautiful-luxury-hotel-bedroom_74190-3804.jpg", imageAlt: "Modern fitness center"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
<PricingCardNine
|
|
title="Room Rates & Special Offers"
|
|
description="Flexible pricing options to suit every budget. Book direct for exclusive rates and complimentary upgrades."
|
|
tag="Pricing"
|
|
tagIcon={DollarSign}
|
|
textboxLayout="default"
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
plans={[
|
|
{
|
|
id: "standard", title: "Standard Room", price: "$129", period: "/night", imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg", imageAlt: "Standard room rate", button: { text: "Book Room", href: "contact" },
|
|
features: [
|
|
"Queen or Twin beds", "Private bathroom with shower", "Complimentary Wi-Fi", "Flat-screen TV with premium channels", "Luxury toiletries"
|
|
]
|
|
},
|
|
{
|
|
id: "deluxe", title: "Deluxe Suite", price: "$249", period: "/night", imageSrc: "https://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-bed-with-light-lamp_74190-12074.jpg", imageAlt: "Deluxe suite rate", button: { text: "Book Suite", href: "contact" },
|
|
features: [
|
|
"Separate living area", "Premium bedding and furnishings", "Spa bathroom with jacuzzi", "Panoramic city views", "Personalized concierge service"
|
|
]
|
|
},
|
|
{
|
|
id: "presidential", title: "Presidential Suite", price: "$599", period: "/night", imageSrc: "https://img.b2bpic.net/free-photo/two-individual-beds_1203-18.jpg", imageAlt: "Presidential suite rate", button: { text: "Reserve Penthouse", href: "contact" },
|
|
features: [
|
|
"Multiple bedrooms and living spaces", "Full equipped kitchen", "Luxury spa bathroom", "24-hour butler service", "VIP airport transfer included"
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Guest Reviews & Testimonials"
|
|
description="Hear from our satisfied guests about their experiences at Grandeur Hotel."
|
|
tag="Reviews"
|
|
tagIcon={Star}
|
|
textboxLayout="default"
|
|
useInvertedBackground="invertDefault"
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sarah Mitchell", role: "Travel Enthusiast", testimonial: "An absolutely outstanding experience! The service was impeccable, the rooms were luxurious, and the attention to detail made our anniversary celebration truly memorable. We can't wait to return.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg", imageAlt: "Sarah Mitchell"
|
|
},
|
|
{
|
|
id: "2", name: "James Anderson", role: "Business Executive", testimonial: "The perfect blend of luxury and convenience. The concierge service is exceptional, the facilities are world-class, and the location is ideal for business meetings. Highly recommended.", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg", imageAlt: "James Anderson"
|
|
},
|
|
{
|
|
id: "3", name: "Elena Rodriguez", role: "Luxury Traveler", testimonial: "Grandeur Hotel exceeded all my expectations. The presidential suite is breathtaking, the spa treatments are divine, and the dining experience is extraordinary. Pure elegance and comfort.", imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg", imageAlt: "Elena Rodriguez"
|
|
},
|
|
{
|
|
id: "4", name: "Michael Chen", role: "Frequent Guest", testimonial: "I've stayed at many five-star hotels around the world, and this one stands out. The combination of luxury, service, and genuine hospitality is unmatched. It's my home away from home.", imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg", imageAlt: "Michael Chen"
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactFaq
|
|
ctaTitle="Ready to Book Your Stay?"
|
|
ctaDescription="Contact our reservations team for personalized assistance with your booking. Special packages and group rates available."
|
|
ctaButton={{ text: "Make a Reservation", href: "https://example.com/booking" }}
|
|
ctaIcon={Phone}
|
|
useInvertedBackground="noInvert"
|
|
animationType="slide-up"
|
|
faqs={[
|
|
{
|
|
id: "1", title: "What are your cancellation policies?", content: "We offer flexible cancellation policies. Free cancellation up to 7 days before arrival for standard rates. Early bird bookings qualify for additional discounts. For special events or groups, personalized terms are available."
|
|
},
|
|
{
|
|
id: "2", title: "Do you offer airport transportation?", content: "Yes, we provide complimentary airport shuttle service for all guests. VIP and suite guests enjoy priority transportation and private car service. Please inform us of your arrival time when booking."
|
|
},
|
|
{
|
|
id: "3", title: "Are pets allowed?", content: "Selected rooms are pet-friendly with an additional fee of $50 per night. Pets must be registered at check-in. We provide amenities including food bowls, beds, and designated relief areas."
|
|
},
|
|
{
|
|
id: "4", title: "What dining options are available?", content: "We offer multiple dining venues including our fine dining restaurant, casual café, rooftop bar, and 24-hour room service. Special dietary requirements can be accommodated with advance notice."
|
|
},
|
|
{
|
|
id: "5", title: "Is parking available?", content: "Complimentary self-parking is included for all guests. Valet parking is available for $15 per day. Reserved covered spaces are available in our modern garage facility."
|
|
},
|
|
{
|
|
id: "6", title: "Do you offer group bookings?", content: "Yes, we specialize in group accommodations for conferences, events, and retreats. Groups of 10+ receive special rates and dedicated event coordination. Contact our group sales team for custom packages."
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="https://img.b2bpic.net/free-photo/perfect-bed-with-black-cushion_1203-548.jpg"
|
|
imageAlt="Hotel exterior at night"
|
|
logoText="Grandeur Hotel"
|
|
copyrightText="© 2025 Grandeur Hotel. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Hotel Info", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Contact", href: "contact" },
|
|
{ label: "Careers", href: "https://example.com/careers" },
|
|
{ label: "Press", href: "https://example.com/press" }
|
|
]
|
|
},
|
|
{
|
|
title: "Rooms & Amenities", items: [
|
|
{ label: "Room Types", href: "rooms" },
|
|
{ label: "Amenities", href: "amenities" },
|
|
{ label: "Dining", href: "https://example.com/dining" },
|
|
{ label: "Events", href: "https://example.com/events" }
|
|
]
|
|
},
|
|
{
|
|
title: "Guest Services", items: [
|
|
{ label: "Book a Room", href: "contact" },
|
|
{ label: "Group Bookings", href: "https://example.com/groups" },
|
|
{ label: "Loyalty Program", href: "https://example.com/loyalty" },
|
|
{ label: "FAQ", href: "contact" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |