227 lines
13 KiB
TypeScript
227 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import Link from "next/link";
|
||
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
|
||
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
|
||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||
import { Sparkles, Home, Star, Gift, Quote } from "lucide-react";
|
||
|
||
export default function HomePage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="expand-hover"
|
||
defaultTextAnimation="background-highlight"
|
||
borderRadius="sharp"
|
||
contentWidth="medium"
|
||
sizing="mediumLargeSizeMediumTitles"
|
||
background="floatingGradient"
|
||
cardStyle="glass-depth"
|
||
primaryButtonStyle="diagonal-gradient"
|
||
secondaryButtonStyle="layered"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleMinimal
|
||
brandName="Serenity Hotel"
|
||
button={{
|
||
text: "Book Now", href: "/booking"
|
||
}}
|
||
/>
|
||
<div className="hidden">
|
||
<Link href="/">Home</Link>
|
||
<Link href="/about">About</Link>
|
||
<Link href="/contact">Contact</Link>
|
||
<Link href="/blog">Blog</Link>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroSplitKpi
|
||
title="Experience Luxury & Comfort"
|
||
description="Discover our world-class amenities, exquisite dining, and personalized service designed to create unforgettable memories during your stay."
|
||
tag="5-Star Hospitality"
|
||
tagIcon={Sparkles}
|
||
background={{ variant: "glowing-orb" }}
|
||
kpis={[
|
||
{ value: "500+", label: "Rooms Available" },
|
||
{ value: "98%", label: "Guest Satisfaction" },
|
||
{ value: "25+", label: "Years of Excellence" }
|
||
]}
|
||
enableKpiAnimation={true}
|
||
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 elegant interior"
|
||
imagePosition="right"
|
||
buttons={[
|
||
{ text: "Book Your Room", href: "/rooms" },
|
||
{ text: "Explore Amenities", href: "/amenities" }
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<MediaSplitTabsAbout
|
||
title="Welcome to Serenity Hotel"
|
||
description="A sanctuary of elegance and comfort in the heart of the city"
|
||
tabs={[
|
||
{
|
||
id: "heritage", label: "Our Heritage", description: "For over two decades, Serenity Hotel has been a beacon of hospitality, welcoming guests from around the world. Our commitment to excellence and attention to detail has made us one of the region's most prestigious destinations for business and leisure travelers."
|
||
},
|
||
{
|
||
id: "mission", label: "Our Mission", description: "We believe hospitality is about creating connections and memories. Our mission is to provide exceptional service, comfortable accommodations, and memorable experiences that exceed expectations and become stories guests share for years to come."
|
||
},
|
||
{
|
||
id: "values", label: "Our Values", description: "Integrity, excellence, and guest satisfaction are at the core of everything we do. We are committed to sustainable practices, community engagement, and creating an inclusive environment where every guest feels valued and welcomed."
|
||
}
|
||
]}
|
||
imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
|
||
imageAlt="Serenity Hotel exterior with beautiful architecture"
|
||
imagePosition="right"
|
||
useInvertedBackground="invertDefault"
|
||
/>
|
||
</div>
|
||
|
||
<div id="products" data-section="products">
|
||
<ProductCardTwo
|
||
title="Our Room Collections"
|
||
description="Choose from our carefully designed rooms, each offering unique comfort and modern amenities tailored to your needs."
|
||
tag="Premium Rooms"
|
||
tagIcon={Home}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
gridVariant="three-columns-all-equal-width"
|
||
products={[
|
||
{
|
||
id: "1", brand: "Serenity Hotel", name: "Standard Room", price: "$120/night", rating: 4,
|
||
reviewCount: "486", imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg", imageAlt: "Standard hotel room with modern amenities"
|
||
},
|
||
{
|
||
id: "2", brand: "Serenity Hotel", name: "Deluxe Room", price: "$185/night", rating: 5,
|
||
reviewCount: "612", imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg", imageAlt: "Deluxe room with premium furnishings"
|
||
},
|
||
{
|
||
id: "3", brand: "Serenity Hotel", name: "Executive Suite", price: "$280/night", rating: 5,
|
||
reviewCount: "324", imageSrc: "https://img.b2bpic.net/free-photo/luxury-architecture-exterior-design_23-2151920954.jpg", imageAlt: "Executive suite with living area and bedroom"
|
||
},
|
||
{
|
||
id: "4", brand: "Serenity Hotel", name: "Penthouse Suite", price: "$450/night", rating: 5,
|
||
reviewCount: "156", imageSrc: "https://img.b2bpic.net/free-photo/white-pillow-bed_74190-4628.jpg", imageAlt: "Luxurious penthouse with panoramic views"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardSix
|
||
title="What Our Guests Say"
|
||
description="Hear from travelers who have experienced the warmth and excellence of Serenity Hotel."
|
||
tag="Guest Reviews"
|
||
tagIcon={Quote}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="invertDefault"
|
||
speed={40}
|
||
topMarqueeDirection="left"
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Sarah Johnson", handle: "@traveler_sarah", testimonial: "Absolutely stunning hotel! The staff went above and beyond to make our honeymoon special. Every detail was perfection.", imageSrc: "https://img.b2bpic.net/free-photo/teen-age-youth-style-self-expression-concept-portrait-positive-happy-teenage-girl-with-bob-pinkish-hairstyle-facial-piercing-relaxing-indoors_343059-3781.jpg", imageAlt: "Sarah Johnson, happy guest"
|
||
},
|
||
{
|
||
id: "2", name: "Michael Chen", handle: "@businesstraveler_mic", testimonial: "Best business hotel I've stayed at. Perfect location, exceptional service, and the meeting facilities are top-notch.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", imageAlt: "Michael Chen, business traveler"
|
||
},
|
||
{
|
||
id: "3", name: "Emma Rodriguez", handle: "@familytravel_emma", testimonial: "Our family had the most wonderful time here. Kids loved the pool, and the restaurant had something for everyone. Highly recommend!", imageSrc: "https://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg", imageAlt: "Emma Rodriguez, family traveler"
|
||
},
|
||
{
|
||
id: "4", name: "David Kim", handle: "@luxury_explorer", testimonial: "The penthouse suite exceeded all expectations. The views, the amenities, the service – truly a five-star experience worth every penny.", imageSrc: "https://img.b2bpic.net/free-photo/girl-takes-off-her-protective-medical-face-mask_1153-8487.jpg", imageAlt: "David Kim, luxury traveler"
|
||
},
|
||
{
|
||
id: "5", name: "Laura Martinez", handle: "@wellness_retreats", testimonial: "The spa treatments were transformative. I felt completely rejuvenated after my stay. Can't wait to return!", imageSrc: "https://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", imageAlt: "Laura Martinez, wellness enthusiast"
|
||
},
|
||
{
|
||
id: "6", name: "James Wilson", handle: "@foodie_adventures", testimonial: "The restaurant here is incredible. Chef's tasting menu was a culinary masterpiece. Worth staying just for the food!", imageSrc: "https://img.b2bpic.net/free-photo/new-year-spend-with-friends-celebrating_23-2149196973.jpg", imageAlt: "James Wilson, food enthusiast"
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<div id="pricing" data-section="pricing">
|
||
<PricingCardTwo
|
||
title="Flexible Booking Plans"
|
||
description="Choose the perfect booking plan that suits your travel needs and budget. All plans include complimentary breakfast and Wi-Fi."
|
||
tag="Special Offers"
|
||
tagIcon={Gift}
|
||
textboxLayout="default"
|
||
animationType="slide-up"
|
||
useInvertedBackground="noInvert"
|
||
plans={[
|
||
{
|
||
id: "1", badge: "Weekend Getaway", price: "$89/night", subtitle: "Perfect for short weekend breaks", buttons: [
|
||
{ text: "Book Now", href: "/booking" },
|
||
{ text: "Learn More", href: "/details" }
|
||
],
|
||
features: [
|
||
"2-night minimum stay", "Complimentary breakfast", "Free Wi-Fi", "Room service", "Airport pickup (on request)"
|
||
]
|
||
},
|
||
{
|
||
id: "2", badge: "Extended Stay", price: "$79/night", subtitle: "Best value for longer stays (7+ nights)", buttons: [
|
||
{ text: "Book Now", href: "/booking" },
|
||
{ text: "Learn More", href: "/details" }
|
||
],
|
||
features: [
|
||
"7-night minimum stay", "Complimentary breakfast", "Free Wi-Fi & parking", "Daily housekeeping", "Laundry service included"
|
||
]
|
||
},
|
||
{
|
||
id: "3", badge: "Premium Experience", price: "$199/night", subtitle: "Luxury accommodations with exclusive perks", buttons: [
|
||
{ text: "Book Now", href: "/booking" },
|
||
{ text: "Learn More", href: "/details" }
|
||
],
|
||
features: [
|
||
"Suite upgrade included", "Premium breakfast", "Free Wi-Fi & parking", "24/7 concierge service", "Spa credits & amenities"
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</div>
|
||
|
||
<FooterBase
|
||
logoText="Serenity Hotel"
|
||
copyrightText="© 2024 Serenity Hotel. All rights reserved."
|
||
columns={[
|
||
{
|
||
title: "Hotel", items: [
|
||
{ label: "About Us", href: "/about" },
|
||
{ label: "Our Rooms", href: "/rooms" },
|
||
{ label: "Amenities", href: "/amenities" },
|
||
{ label: "Events & Meetings", href: "/events" }
|
||
]
|
||
},
|
||
{
|
||
title: "Guest Services", items: [
|
||
{ label: "Booking Policies", href: "/policies" },
|
||
{ label: "Cancellation", href: "/cancellation" },
|
||
{ label: "Contact Concierge", href: "/contact" },
|
||
{ label: "Group Bookings", href: "/groups" }
|
||
]
|
||
},
|
||
{
|
||
title: "Connect", items: [
|
||
{ label: "Facebook", href: "https://facebook.com" },
|
||
{ label: "Instagram", href: "https://instagram.com" },
|
||
{ label: "Twitter", href: "https://twitter.com" },
|
||
{ label: "Newsletter", href: "/newsletter" }
|
||
]
|
||
}
|
||
]}
|
||
/>
|
||
</ThemeProvider>
|
||
);
|
||
}
|