development/514b76f6-9c63-4397-865b-ba14a74463a3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
development
2026-01-28 21:15:41 +00:00
parent 74af5649fa
commit 57a899eb5a
1 changed files with 58 additions and 163 deletions
Download Patch File Download Diff File Expand all files Collapse all files

221
src/app/page.tsx
View File

@@ -11,6 +11,7 @@ import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Award, Star, TrendingUp, HelpCircle, Wifi, Monitor, Users } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
return (
@@ -20,7 +21,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="flat"
secondaryButtonStyle="layered"
@@ -35,10 +36,14 @@ export default function HomePage() {
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Book Now",
href: "https://booking.serenityhotels.com"
text: "Book Now", href: "https://booking.serenityhotels.com"
}}
/>
<div style={{ display: "none" }}>
<Link href="/">Home</Link>
<Link href="/about">About</Link>
<Link href="/contact">Contact</Link>
</div>
</div>
<div id="hero" data-section="hero">
@@ -47,41 +52,33 @@ export default function HomePage() {
description="Discover our collection of exquisitely designed rooms and world-class amenities. Your perfect getaway awaits."
tag="Premium Hospitality"
tagIcon={Sparkles}
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
buttons={[
{
text: "Book Your Stay",
href: "https://booking.serenityhotels.com"
text: "Book Your Stay", href: "https://booking.serenityhotels.com"
},
{
text: "Explore Rooms",
href: "/rooms"
text: "Explore Rooms", href: "/rooms"
}
]}
mediaItems={[
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
imageAlt: "Luxury suite with elegant furnishings"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg", imageAlt: "Luxury suite with elegant furnishings"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
imageAlt: "Deluxe bedroom overlooking the city"
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Deluxe bedroom overlooking the city"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg",
imageAlt: "Serene spa and wellness center"
imageSrc: "https://img.b2bpic.net/free-photo/modern-luxury-bedroom-suite-bathroom_105762-1791.jpg", imageAlt: "Serene spa and wellness center"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg",
imageAlt: "Stunning resort pool with water features"
imageSrc: "https://img.b2bpic.net/free-photo/nice-lit-lamp-table_1203-546.jpg", imageAlt: "Stunning resort pool with water features"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg",
imageAlt: "Fine dining restaurant with ambiance"
imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-2819.jpg", imageAlt: "Fine dining restaurant with ambiance"
},
{
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
imageAlt: "Spacious penthouse suite"
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg", imageAlt: "Spacious penthouse suite"
}
]}
/>
@@ -100,40 +97,21 @@ export default function HomePage() {
carouselMode="buttons"
products={[
{
id: "1",
brand: "Serenity Hotels",
name: "Deluxe Room",
price: "$189/night",
rating: 5,
reviewCount: "842 reviews",
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",
imageAlt: "Deluxe room with king bed and city view"
id: "1", brand: "Serenity Hotels", name: "Deluxe Room", price: "$189/night", rating: 5,
reviewCount: "842 reviews", imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg", imageAlt: "Deluxe room with king bed and city view"
},
{
id: "2",
brand: "Serenity Hotels",
name: "Standard Room",
price: "$129/night",
rating: 5,
reviewCount: "1,203 reviews",
imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg",
imageAlt: "Comfortable standard room"
id: "2", brand: "Serenity Hotels", name: "Standard Room", price: "$129/night", rating: 5,
reviewCount: "1,203 reviews", imageSrc: "https://img.b2bpic.net/free-photo/modern-luxurious-bedroom-elegant-comfortable-design-generated-by-ai_188544-29281.jpg", imageAlt: "Comfortable standard room"
},
{
id: "3",
brand: "Serenity Hotels",
name: "Executive Suite",
price: "$299/night",
rating: 5,
reviewCount: "567 reviews",
imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg",
imageAlt: "Spacious executive suite with lounge"
id: "3", brand: "Serenity Hotels", name: "Executive Suite", price: "$299/night", rating: 5,
reviewCount: "567 reviews", imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-with-lit-lamp_1203-547.jpg", imageAlt: "Spacious executive suite with lounge"
}
]}
buttons={[
{
text: "View All Rooms",
href: "https://booking.serenityhotels.com"
text: "View All Rooms", href: "https://booking.serenityhotels.com"
}
]}
/>
@@ -143,16 +121,13 @@ export default function HomePage() {
<TextSplitAbout
title="About Serenity Hotels"
description={[
"For over 25 years, Serenity Hotels has been synonymous with exceptional hospitality and world-class service. Our commitment to excellence has earned us recognition as one of the finest luxury hotel chains globally.",
"Every detail is carefully curated to ensure your stay is nothing short of extraordinary. From our attentive staff to our pristine accommodations, we strive to exceed your expectations and create lasting memories.",
"Our hotels are designed to be sanctuaries of comfort, combining timeless elegance with modern conveniences. Whether you're traveling for business or leisure, we're dedicated to providing an unforgettable experience."
"For over 25 years, Serenity Hotels has been synonymous with exceptional hospitality and world-class service. Our commitment to excellence has earned us recognition as one of the finest luxury hotel chains globally.", "Every detail is carefully curated to ensure your stay is nothing short of extraordinary. From our attentive staff to our pristine accommodations, we strive to exceed your expectations and create lasting memories.", "Our hotels are designed to be sanctuaries of comfort, combining timeless elegance with modern conveniences. Whether you're traveling for business or leisure, we're dedicated to providing an unforgettable experience."
]}
useInvertedBackground="noInvert"
showBorder={true}
buttons={[
{
text: "Learn More",
href: "/about"
text: "Learn More", href: "/about"
}
]}
/>
@@ -170,52 +145,37 @@ export default function HomePage() {
carouselMode="buttons"
features={[
{
title: "Spa & Wellness",
description: "Indulge in our full-service spa with massages, facials, and wellness treatments",
bentoComponent: "globe"
title: "Spa & Wellness", description: "Indulge in our full-service spa with massages, facials, and wellness treatments", bentoComponent: "globe"
},
{
title: "Fine Dining",
description: "Experience culinary excellence at our Michelin-starred restaurant",
bentoComponent: "animated-bar-chart"
title: "Fine Dining", description: "Experience culinary excellence at our Michelin-starred restaurant", bentoComponent: "animated-bar-chart"
},
{
title: "Fitness Center",
description: "State-of-the-art equipment and personal training available",
bentoComponent: "line-chart"
title: "Fitness Center", description: "State-of-the-art equipment and personal training available", bentoComponent: "line-chart"
},
{
title: "Business Center",
description: "Fully equipped conference rooms and meeting spaces for corporate events",
bentoComponent: "icon-info-cards",
items: [
title: "Business Center", description: "Fully equipped conference rooms and meeting spaces for corporate events", bentoComponent: "icon-info-cards", items: [
{
icon: Wifi,
label: "High-Speed WiFi",
value: "Available 24/7"
label: "High-Speed WiFi", value: "Available 24/7"
},
{
icon: Monitor,
label: "Video Conferencing",
value: "Full HD Setup"
label: "Video Conferencing", value: "Full HD Setup"
},
{
icon: Users,
label: "Event Planning",
value: "Expert Support"
label: "Event Planning", value: "Expert Support"
}
]
},
{
title: "Luxury Pool",
description: "Olympic-sized heated pool with cabanas and poolside dining",
bentoComponent: "map"
title: "Luxury Pool", description: "Olympic-sized heated pool with cabanas and poolside dining", bentoComponent: "map"
}
]}
buttons={[
{
text: "View All Amenities",
href: "/amenities"
text: "View All Amenities", href: "/amenities"
}
]}
/>
@@ -234,52 +194,22 @@ export default function HomePage() {
topMarqueeDirection="left"
testimonials={[
{
id: "1",
name: "Margaret Chen",
handle: "CEO, Travel Insights",
testimonial: "Serenity Hotels exceeded every expectation. The attention to detail and warm hospitality made our anniversary stay truly unforgettable. We're already planning our next visit!",
imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
imageAlt: "Margaret Chen"
id: "1", name: "Margaret Chen", handle: "CEO, Travel Insights", testimonial: "Serenity Hotels exceeded every expectation. The attention to detail and warm hospitality made our anniversary stay truly unforgettable. We're already planning our next visit!", imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg", imageAlt: "Margaret Chen"
},
{
id: "2",
name: "James Mitchell",
handle: "Business Consultant",
testimonial: "Outstanding facilities and impeccable service. The conference rooms are world-class and the staff anticipates every need. This is my go-to hotel for business travel.",
imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
imageAlt: "James Mitchell"
id: "2", name: "James Mitchell", handle: "Business Consultant", testimonial: "Outstanding facilities and impeccable service. The conference rooms are world-class and the staff anticipates every need. This is my go-to hotel for business travel.", imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg", imageAlt: "James Mitchell"
},
{
id: "3",
name: "Sofia Rodriguez",
handle: "Travel Blogger",
testimonial: "The spa treatments are divine, and the food at their restaurant is simply exquisite. Every moment at Serenity Hotels feels like a luxury escape from everyday life.",
imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
imageAlt: "Sofia Rodriguez"
id: "3", name: "Sofia Rodriguez", handle: "Travel Blogger", testimonial: "The spa treatments are divine, and the food at their restaurant is simply exquisite. Every moment at Serenity Hotels feels like a luxury escape from everyday life.", imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Sofia Rodriguez"
},
{
id: "4",
name: "David Thompson",
handle: "Hospitality Director",
testimonial: "I've stayed at five-star hotels worldwide, and Serenity Hotels ranks among the finest. The combination of elegance, comfort, and service is simply exceptional.",
imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
imageAlt: "David Thompson"
id: "4", name: "David Thompson", handle: "Hospitality Director", testimonial: "I've stayed at five-star hotels worldwide, and Serenity Hotels ranks among the finest. The combination of elegance, comfort, and service is simply exceptional.", imageSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg", imageAlt: "David Thompson"
},
{
id: "5",
name: "Elena Vasquez",
handle: "Lifestyle Writer",
testimonial: "The rooms are beautifully appointed, the views are breathtaking, and the staff treats you like family. Truly a gem among luxury accommodations.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
imageAlt: "Elena Vasquez"
id: "5", name: "Elena Vasquez", handle: "Lifestyle Writer", testimonial: "The rooms are beautifully appointed, the views are breathtaking, and the staff treats you like family. Truly a gem among luxury accommodations.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg", imageAlt: "Elena Vasquez"
},
{
id: "6",
name: "Robert Kumar",
handle: "Industry Expert",
testimonial: "Impeccable service from check-in to checkout. Every detail reflects Serenity Hotels' commitment to excellence. A perfect destination for both leisure and business.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
imageAlt: "Robert Kumar"
id: "6", name: "Robert Kumar", handle: "Industry Expert", testimonial: "Impeccable service from check-in to checkout. Every detail reflects Serenity Hotels' commitment to excellence. A perfect destination for both leisure and business.", imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "Robert Kumar"
}
]}
/>
@@ -296,43 +226,23 @@ export default function HomePage() {
animationType="slide-up"
metrics={[
{
id: "1",
value: "25+",
title: "Years of Excellence",
items: [
"Trusted by millions of guests",
"Industry-leading service standards",
"Consistent quality across all properties"
id: "1", value: "25+", title: "Years of Excellence", items: [
"Trusted by millions of guests", "Industry-leading service standards", "Consistent quality across all properties"
]
},
{
id: "2",
value: "4.9/5",
title: "Guest Satisfaction Rating",
items: [
"Over 50,000 verified reviews",
"90% repeat booking rate",
"Award-winning hospitality"
id: "2", value: "4.9/5", title: "Guest Satisfaction Rating", items: [
"Over 50,000 verified reviews", "90% repeat booking rate", "Award-winning hospitality"
]
},
{
id: "3",
value: "45",
title: "Properties Worldwide",
items: [
"Across 6 continents",
"Premium locations",
"Growing our portfolio annually"
id: "3", value: "45", title: "Properties Worldwide", items: [
"Across 6 continents", "Premium locations", "Growing our portfolio annually"
]
},
{
id: "4",
value: "98%",
title: "Staff Satisfaction",
items: [
"Comprehensive training programs",
"Career development opportunities",
"Competitive benefits and support"
id: "4", value: "98%", title: "Staff Satisfaction", items: [
"Comprehensive training programs", "Career development opportunities", "Competitive benefits and support"
]
}
]}
@@ -353,34 +263,22 @@ export default function HomePage() {
animationType="smooth"
faqs={[
{
id: "1",
title: "What is your cancellation policy?",
content: "We offer flexible cancellation policies depending on your booking rate. Most reservations can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates are offered at discounted prices for early bookings."
id: "1", title: "What is your cancellation policy?", content: "We offer flexible cancellation policies depending on your booking rate. Most reservations can be cancelled up to 48 hours before arrival for a full refund. Non-refundable rates are offered at discounted prices for early bookings."
},
{
id: "2",
title: "Do you offer airport transfers?",
content: "Yes, we provide complimentary airport shuttle service for all guests. Transfers can be arranged 24 hours before arrival through our concierge desk or by contacting our reservations team."
id: "2", title: "Do you offer airport transfers?", content: "Yes, we provide complimentary airport shuttle service for all guests. Transfers can be arranged 24 hours before arrival through our concierge desk or by contacting our reservations team."
},
{
id: "3",
title: "Are pets allowed?",
content: "We welcome well-behaved pets at select properties. Pet-friendly rooms are available for an additional nightly fee. Please notify us of your pet when booking."
id: "3", title: "Are pets allowed?", content: "We welcome well-behaved pets at select properties. Pet-friendly rooms are available for an additional nightly fee. Please notify us of your pet when booking."
},
{
id: "4",
title: "What amenities are included in my room rate?",
content: "Our rooms include complimentary WiFi, premium bedding, flat-screen TV, fitness center access, and 24-hour room service. Suite guests also enjoy spa credits and exclusive lounge access."
id: "4", title: "What amenities are included in my room rate?", content: "Our rooms include complimentary WiFi, premium bedding, flat-screen TV, fitness center access, and 24-hour room service. Suite guests also enjoy spa credits and exclusive lounge access."
},
{
id: "5",
title: "Do you offer group discounts?",
content: "Yes, we provide special rates for groups of 10 or more. Please contact our group sales team for customized packages and event planning services."
id: "5", title: "Do you offer group discounts?", content: "Yes, we provide special rates for groups of 10 or more. Please contact our group sales team for customized packages and event planning services."
},
{
id: "6",
title: "What is your check-in and check-out time?",
content: "Standard check-in is at 3 PM and check-out is at 11 AM. Early check-in and late check-out are available upon request, subject to availability, often without additional charge."
id: "6", title: "What is your check-in and check-out time?", content: "Standard check-in is at 3 PM and check-out is at 11 AM. Early check-in and late check-out are available upon request, subject to availability, often without additional charge."
}
]}
/>
@@ -390,8 +288,7 @@ export default function HomePage() {
copyrightText="© 2025 Serenity Hotels. All rights reserved. | Luxury Hospitality"
columns={[
{
title: "About",
items: [
title: "About", items: [
{ label: "Our Story", href: "/about" },
{ label: "Careers", href: "https://careers.serenityhotels.com" },
{ label: "Sustainability", href: "https://sustainability.serenityhotels.com" },
@@ -399,8 +296,7 @@ export default function HomePage() {
]
},
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Rooms & Suites", href: "/" },
{ label: "Amenities", href: "/" },
{ label: "Events & Weddings", href: "https://events.serenityhotels.com" },
@@ -408,8 +304,7 @@ export default function HomePage() {
]
},
{
title: "Contact",
items: [
title: "Contact", items: [
{ label: "Book Now", href: "https://booking.serenityhotels.com" },
{ label: "Contact Us", href: "/contact" },
{ label: "Gift Certificates", href: "https://gifts.serenityhotels.com" },