Files
b12d6fcf-e968-4636-8a1f-704…/src/app/amenities/page.tsx
2026-01-29 23:13:02 +02:00

200 lines
10 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, TrendingUp, Star, Facebook, Instagram, Twitter, Linkedin } from "lucide-react";
export default function AmenitiesPage() {
return (
<ThemeProvider
defaultButtonVariant="expand-hover"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="circleGradient"
cardStyle="glass-depth"
primaryButtonStyle="gradient"
secondaryButtonStyle="layered"
headingFontWeight="normal"
>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
brandName="Serenity Suites"
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Gallery", id: "/gallery" },
{ name: "Contact", id: "/contact" }
]}
button={{
text: "Book Now",
href: "#booking"
}}
/>
</div>
<div id="amenities" data-section="amenities">
<FeatureCardTwentyFour
title="Exceptional Amenities & Services"
description="Discover our comprehensive collection of premium facilities and personalized services designed to create an unparalleled luxury experience."
tag="Premium Facilities"
tagIcon={Zap}
features={[
{
id: "1",
title: "Tranquility Spa & Wellness Center",
author: "Award-Winning Service",
description: "Experience total rejuvenation with our full-service spa featuring expert therapists, state-of-the-art facilities, sauna, steam rooms, and holistic wellness treatments tailored to your needs.",
tags: ["Spa", "Wellness", "Relaxation", "Massage"],
imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
imageAlt: "Serene spa treatment area with professional therapist"
},
{
id: "2",
title: "Michelin-Star Fine Dining Restaurant",
author: "Culinary Excellence",
description: "Savor exquisite cuisine prepared by internationally acclaimed chefs using the finest locally-sourced ingredients in our elegant dining hall with breathtaking views.",
tags: ["Restaurant", "Fine Dining", "Gourmet", "Chef"],
imageSrc: "https://img.b2bpic.net/free-photo/peaceful-body-lying-person-relax_1301-3277.jpg",
imageAlt: "Upscale restaurant interior with elegant table settings"
},
{
id: "3",
title: "Infinity Pool & Resort Recreation",
author: "Leisure Paradise",
description: "Relax by our stunning resort-style infinity pool with heated waters, private cabanas, poolside service, and panoramic views perfect for unwinding and socializing.",
tags: ["Pool", "Recreation", "Luxury", "Views"],
imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-spa_329181-13186.jpg",
imageAlt: "Resort infinity pool with lounge chairs and cabanas"
},
{
id: "4",
title: "State-of-the-Art Fitness & Wellness",
author: "Health & Vitality",
description: "Stay active with our fully equipped fitness center featuring the latest equipment, personal trainers, yoga studio, and comprehensive wellness programs available 24/7.",
tags: ["Fitness", "Health", "Training", "Yoga"],
imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-with-incense-sticks-soap-blurred-background_169016-26255.jpg",
imageAlt: "Modern fitness center with premium equipment"
},
{
id: "5",
title: "Concierge & Butler Services",
author: "Personalized Care",
description: "Our dedicated concierge team and personal butler services ensure every aspect of your stay is perfectly tailored to your preferences and desires.",
tags: ["Concierge", "Butler", "Service", "Personal"],
imageSrc: "https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg",
imageAlt: "Professional concierge providing personalized service"
},
{
id: "6",
title: "Business Center & Event Spaces",
author: "Professional Excellence",
description: "Conduct business seamlessly with our fully equipped business center, meeting rooms, and elegant event spaces for conferences, weddings, and special occasions.",
tags: ["Business", "Events", "Meetings", "Conferences"],
imageSrc: "https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",
imageAlt: "Professional business center and meeting facilities"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardEleven
title="Excellence in Every Detail"
description="Our commitment to providing exceptional amenities and services is reflected in the satisfaction and loyalty of our distinguished guests."
tag="Service Excellence"
tagIcon={TrendingUp}
metrics={[
{
id: "1",
value: "15,000+",
title: "Spa Treatments",
description: "Blissful wellness experiences delivered annually",
imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
imageAlt: "Spa treatment session in progress"
},
{
id: "2",
value: "96%",
title: "Amenity Satisfaction",
description: "Guest approval rating for our premium facilities",
imageSrc: "https://img.b2bpic.net/free-photo/elderly-people-arriving-hotel-lobby_482257-81619.jpg",
imageAlt: "Guests enjoying luxury hotel amenities"
},
{
id: "3",
value: "24/7",
title: "Concierge Availability",
description: "Round-the-clock personalized service commitment",
imageSrc: "https://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714434.jpg",
imageAlt: "Professional concierge providing 24-hour service"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="invertDefault"
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
title="Amenity Experiences"
description="Hear how our world-class facilities and personalized services have enhanced the stays of our valued guests."
tag="Guest Experiences"
tagIcon={Star}
testimonials={[
{
id: "1",
name: "Catherine Wells",
role: "Spa Enthusiast",
testimonial: "The spa experience at Serenity Suites was transformative. The skilled therapists and serene atmosphere created the perfect escape from everyday stress. I felt completely renewed.",
imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
imageAlt: "Guest Catherine Wells"
},
{
id: "2",
name: "Michael Thompson",
role: "Fine Dining Connoisseur",
testimonial: "The restaurant exceeded all expectations. Each dish was a masterpiece, and the service was impeccable. The combination of exceptional cuisine and elegant ambiance was unforgettable.",
imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg",
imageAlt: "Guest Michael Thompson"
},
{
id: "3",
name: "Jennifer Park",
role: "Fitness & Wellness Advocate",
testimonial: "The fitness facilities are top-notch, and the personal trainers are incredibly knowledgeable. I maintained my wellness routine effortlessly while experiencing luxury at its finest.",
imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
imageAlt: "Guest Jennifer Park"
}
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground="noInvert"
carouselMode="buttons"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Serenity Suites"
copyrightText="© 2025 Serenity Suites. All rights reserved. | Crafted for wanderers and dreamers."
socialLinks={[
{ icon: Facebook, href: "https://facebook.com/serenitysuiteshotel", ariaLabel: "Facebook" },
{ icon: Instagram, href: "https://instagram.com/serenitysuiteshotel", ariaLabel: "Instagram" },
{ icon: Twitter, href: "https://twitter.com/serenitysuiteshotel", ariaLabel: "Twitter" },
{ icon: Linkedin, href: "https://linkedin.com/company/serenitysuiteshotel", ariaLabel: "LinkedIn" }
]}
/>
</div>
</ThemeProvider>
);
}