Files
76c29143-b29d-4f6e-b112-6a5…/src/app/amenities/page.tsx
2026-01-26 15:58:08 +02:00

173 lines
7.4 KiB
TypeScript

"use client";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Droplet, Leaf, Wind, ChefHat, Wine, Flame, Waves, Umbrella, Sun, Dumbbell, Activity, Trophy, HelpCircle } from "lucide-react";
export default function AmenitiesPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="mediumLargeSizeMediumTitles"
background="aurora"
cardStyle="gradient-bordered"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="medium"
>
<div id="nav" data-section="nav">
<NavbarStyleApple
brandName="Luxe Haven"
navItems={[
{ name: "Home", id: "/" },
{ name: "Rooms", id: "/rooms" },
{ name: "Amenities", id: "/amenities" },
{ name: "Contact", id: "/contact" }
]}
/>
</div>
<div id="amenities-features" data-section="amenities-features">
<FeatureCardTen
title="World-Class Amenities"
description="From our award-winning spa to fine dining restaurants, discover the luxurious experiences that await you at Luxe Haven."
tag="Premium Services"
tagIcon={Zap}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="noInvert"
features={[
{
id: "1",
title: "Rejuvenate at Our Spa",
description: "Indulge in world-class wellness treatments, from traditional massages to cutting-edge therapies, in our serene sanctuary.",
media: { imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg" },
items: [
{ icon: Droplet, text: "Luxury spa treatments" },
{ icon: Leaf, text: "Natural wellness products" },
{ icon: Wind, text: "Steam room & sauna" }
],
reverse: false
},
{
id: "2",
title: "Gourmet Dining Experience",
description: "Savor exquisite cuisines crafted by Michelin-starred chefs using the finest ingredients sourced globally.",
media: { imageSrc: "https://img.b2bpic.net/free-photo/wellness-concept-with-woman-massage-salon_23-2147816982.jpg" },
items: [
{ icon: ChefHat, text: "Michelin-starred chefs" },
{ icon: Wine, text: "Premium wine collection" },
{ icon: Flame, text: "Contemporary cuisine" }
],
reverse: true
},
{
id: "3",
title: "Resort Infinity Pool",
description: "Dive into our stunning infinity pool overlooking the ocean, complete with cabanas and poolside dining.",
media: { imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7553.jpg" },
items: [
{ icon: Waves, text: "Infinity pool design" },
{ icon: Umbrella, text: "VIP cabanas" },
{ icon: Sun, text: "Oceanfront location" }
],
reverse: false
},
{
id: "4",
title: "State-of-the-Art Fitness",
description: "Train in our fully-equipped fitness center with personal trainers, yoga studios, and modern exercise equipment.",
media: { imageSrc: "https://img.b2bpic.net/free-photo/christmas-spa-composition-blurred-background-with-bokeh-lights_169016-43781.jpg" },
items: [
{ icon: Dumbbell, text: "Modern equipment" },
{ icon: Activity, text: "Personal training" },
{ icon: Zap, text: "Yoga classes" }
],
reverse: true
}
]}
/>
</div>
<div id="amenities-metrics" data-section="amenities-metrics">
<MetricCardEleven
title="Award-Winning Facilities"
description="Our amenities have been recognized globally for excellence, innovation, and exceptional guest satisfaction."
tag="Recognition"
tagIcon={Trophy}
textboxLayout="default"
animationType="slide-up"
useInvertedBackground="invertDefault"
metrics={[
{
id: "1",
value: "5-Star",
title: "Spa Rating",
description: "Internationally recognized wellness destination",
imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg",
imageAlt: "Award-winning spa facilities"
},
{
id: "2",
value: "Michelin",
title: "Starred Dining",
description: "Three restaurants with prestigious recognition",
imageSrc: "https://img.b2bpic.net/free-photo/wellness-concept-with-woman-massage-salon_23-2147816982.jpg",
imageAlt: "Michelin-starred dining experience"
},
{
id: "3",
value: "24/7",
title: "Amenity Access",
description: "Round-the-clock availability for all facilities",
imageSrc: "https://img.b2bpic.net/free-photo/young-woman-relaxing-spa-salon_176420-7553.jpg",
imageAlt: "24-hour amenity access"
}
]}
/>
</div>
<div id="amenities-faq" data-section="amenities-faq">
<FaqBase
title="Amenities Information"
description="Learn more about our facilities, operating hours, and booking requirements for various amenities."
tag="Facilities FAQs"
tagIcon={HelpCircle}
textboxLayout="default"
animationType="smooth"
useInvertedBackground="noInvert"
showCard={true}
faqs={[
{
id: "1",
title: "What are the spa operating hours?",
content: "Our spa is open daily from 6:00 AM to 10:00 PM. Advanced booking is recommended, especially during peak seasons. Same-day appointments may be available based on availability."
},
{
id: "2",
title: "Do I need reservations for restaurants?",
content: "Reservations are highly recommended for our fine dining restaurants, especially for dinner service. Our casual dining venues accept walk-ins, but availability may be limited during busy periods."
},
{
id: "3",
title: "Are there age restrictions for amenities?",
content: "The fitness center is available to guests 16 and older. Our adult-only spa areas are for guests 18+. The infinity pool and family pool welcome all ages, with designated quiet hours from 8 PM to 8 AM."
}
]}
/>
</div>
<FooterLogoReveal
logoText="Luxe Haven"
logoLineHeight={1.2}
/>
</ThemeProvider>
);
}