"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>
  );
}