Initial commit
This commit is contained in:
210
src/app/amenities/page.tsx
Normal file
210
src/app/amenities/page.tsx
Normal file
@@ -0,0 +1,210 @@
|
||||
"use client";
|
||||
import Link from "next/link";
|
||||
import { Star, MessageCircle, Mail } from "lucide-react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
|
||||
import FooterSimple from '@/components/sections/footer/FooterSimple';
|
||||
|
||||
export default function AmenitiesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="rounded"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
background="aurora"
|
||||
cardStyle="gradient-bordered"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
brandName="Luxe Haven"
|
||||
navItems={[
|
||||
{ name: "Rooms", id: "/rooms" },
|
||||
{ name: "Amenities", id: "/amenities" },
|
||||
{ name: "Reviews", id: "/reviews" },
|
||||
{ name: "Offers", id: "/offers" },
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#booking",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="amenities" data-section="amenities">
|
||||
<FeatureCardTwentyThree
|
||||
title="World-Class Amenities & Services"
|
||||
description="Everything you need for an unforgettable stay"
|
||||
tag="Premium Experience"
|
||||
tagIcon={Star}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: "spa",
|
||||
title: "Rejuvenating Spa & Wellness",
|
||||
tags: ["Wellness", "Relaxation", "Therapy"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/hotel-concierge-carrying-baggage_482257-78621.jpg",
|
||||
imageAlt: "Luxury spa facilities with therapeutic treatments",
|
||||
},
|
||||
{
|
||||
id: "dining",
|
||||
title: "Fine Dining Restaurant",
|
||||
tags: ["Cuisine", "Gourmet", "Experience"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",
|
||||
imageAlt: "Elegant fine dining restaurant with world-class cuisine",
|
||||
},
|
||||
{
|
||||
id: "pool",
|
||||
title: "Olympic-Size Swimming Pool",
|
||||
tags: ["Recreation", "Leisure", "Family"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-sauna-sunlit-wellness-wooden-waves_169016-68878.jpg",
|
||||
imageAlt: "Beautiful outdoor pool surrounded by tropical gardens",
|
||||
},
|
||||
{
|
||||
id: "fitness",
|
||||
title: "State-of-the-Art Fitness Center",
|
||||
tags: ["Health", "Wellness", "Training"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",
|
||||
imageAlt: "Modern fitness center equipped with premium equipment",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="wellness-programs" data-section="wellness-programs">
|
||||
<PricingCardFive
|
||||
title="Wellness Experiences"
|
||||
description="Personalized programs designed for your wellbeing"
|
||||
tag="Spa Packages"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="invertDefault"
|
||||
plans={[
|
||||
{
|
||||
id: "relaxation",
|
||||
tag: "Relaxation Package",
|
||||
price: "$150",
|
||||
period: "/session",
|
||||
description: "Complete relaxation with therapeutic massage and wellness treatments",
|
||||
button: {
|
||||
text: "Book Session",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Package Includes:",
|
||||
features: [
|
||||
"60-minute therapeutic massage",
|
||||
"Access to sauna facilities",
|
||||
"Herbal tea service",
|
||||
"Relaxation room access",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "rejuvenation",
|
||||
tag: "Rejuvenation Retreat",
|
||||
price: "$300",
|
||||
period: "/day",
|
||||
description: "Full-day wellness experience with multiple treatments and amenities",
|
||||
button: {
|
||||
text: "Book Retreat",
|
||||
href: "#booking",
|
||||
},
|
||||
featuresTitle: "Full Day Includes:",
|
||||
features: [
|
||||
"Multiple spa treatments",
|
||||
"Healthy gourmet lunch",
|
||||
"Fitness class access",
|
||||
"Personal wellness consultation",
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="guest-concierge" data-section="guest-concierge">
|
||||
<FeatureCardTwentyThree
|
||||
title="Personalized Guest Services"
|
||||
description="Our dedicated concierge team is here to make your stay exceptional"
|
||||
tag="24/7 Service"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
features={[
|
||||
{
|
||||
id: "concierge",
|
||||
title: "Personal Concierge Service",
|
||||
tags: ["24/7", "Personal", "Assistance"],
|
||||
imageSrc: "/placeholders/placeholder1.webp",
|
||||
imageAlt: "Dedicated concierge providing personalized service",
|
||||
},
|
||||
{
|
||||
id: "transportation",
|
||||
title: "Premium Transportation",
|
||||
tags: ["Luxury", "Convenient", "Safe"],
|
||||
imageSrc: "/placeholders/placeholder1.webp",
|
||||
imageAlt: "Luxury transportation services for guests",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Rooms & Rates",
|
||||
items: [
|
||||
{ label: "Room Types", href: "/rooms" },
|
||||
{ label: "Current Offers", href: "/offers" },
|
||||
{ label: "Group Bookings", href: "/contact" },
|
||||
{ label: "Corporate Rates", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Amenities",
|
||||
items: [
|
||||
{ label: "Spa & Wellness", href: "/amenities" },
|
||||
{ label: "Fine Dining", href: "/amenities" },
|
||||
{ label: "Swimming Pool", href: "/amenities" },
|
||||
{ label: "Fitness Center", href: "/amenities" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Guest Services",
|
||||
items: [
|
||||
{ label: "Concierge", href: "/contact" },
|
||||
{ label: "Room Service", href: "/contact" },
|
||||
{ label: "Housekeeping", href: "/contact" },
|
||||
{ label: "Guest Support", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About",
|
||||
items: [
|
||||
{ label: "Our Story", href: "/about" },
|
||||
{ label: "Careers", href: "/about" },
|
||||
{ label: "Sustainability", href: "/about" },
|
||||
{ label: "Media", href: "/about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{ label: "Privacy Policy", href: "/legal" },
|
||||
{ label: "Terms of Service", href: "/legal" },
|
||||
{ label: "Cookie Policy", href: "/legal" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
|
||||
bottomRightText="Crafted with elegance for travelers worldwide"
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user