"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Star } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="medium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Serenity Hotel"
          button={{
            text: "Book Now",            href: "/booking"
          }}
        />
        <div className="hidden">
          <Link href="/">Home</Link>
          <Link href="/about">About</Link>
          <Link href="/contact">Contact</Link>
          <Link href="/blog">Blog</Link>
        </div>
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Welcome to Serenity Hotel"
          description="A sanctuary of elegance and comfort in the heart of the city"
          tabs={[
            {
              id: "heritage",              label: "Our Heritage",              description: "For over two decades, Serenity Hotel has been a beacon of hospitality, welcoming guests from around the world. Our commitment to excellence and attention to detail has made us one of the region's most prestigious destinations for business and leisure travelers."
            },
            {
              id: "mission",              label: "Our Mission",              description: "We believe hospitality is about creating connections and memories. Our mission is to provide exceptional service, comfortable accommodations, and memorable experiences that exceed expectations and become stories guests share for years to come."
            },
            {
              id: "values",              label: "Our Values",              description: "Integrity, excellence, and guest satisfaction are at the core of everything we do. We are committed to sustainable practices, community engagement, and creating an inclusive environment where every guest feels valued and welcomed."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg"
          imageAlt="Serenity Hotel exterior with beautiful architecture"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="World-Class Amenities"
          description="Experience luxury at every corner with our comprehensive range of amenities designed for your comfort and convenience."
          tag="Premium Facilities"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="two-columns-alternating-heights"
          features={[
            {
              title: "Spa & Wellness Center",              description: "Rejuvenate your mind and body with our state-of-the-art spa facilities, professional therapists, and holistic wellness programs.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-drinking-coffee-bathrobe-by-window-home_1303-20243.jpg",              imageAlt: "Luxurious spa with massage treatment room"
            },
            {
              title: "Fine Dining Restaurant",              description: "Savor exquisite culinary creations from our award-winning chefs using locally sourced, premium ingredients.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-swimming-pool-spa_23-2148000355.jpg",              imageAlt: "Elegant restaurant with fine dining setup"
            },
            {
              title: "Olympic-Size Pool",              description: "Swim and relax in our pristine outdoor swimming pool surrounded by lush gardens and comfortable lounging areas.",              imageSrc: "https://img.b2bpic.net/free-photo/relaxed-couple-wearing-bathrobes-while-enjoying-health-spa-focus-is-man_637285-7504.jpg",              imageAlt: "Beautiful resort pool with surrounding landscape"
            },
            {
              title: "Fitness Center",              description: "Stay active during your stay with our fully equipped fitness center featuring modern equipment and personal training services.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-relaxing-bath-with-bubbles_1303-24667.jpg",              imageAlt: "Modern gym with cardio and strength training equipment"
            }
          ]}
        />
      </div>

      <FooterBase
        logoText="Serenity Hotel"
        copyrightText="© 2024 Serenity Hotel. All rights reserved."
        columns={[
          {
            title: "Hotel",            items: [
              { label: "About Us", href: "/about" },
              { label: "Our Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Events & Meetings", href: "/events" }
            ]
          },
          {
            title: "Guest Services",            items: [
              { label: "Booking Policies", href: "/policies" },
              { label: "Cancellation", href: "/cancellation" },
              { label: "Contact Concierge", href: "/contact" },
              { label: "Group Bookings", href: "/groups" }
            ]
          },
          {
            title: "Connect",            items: [
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "Newsletter", href: "/newsletter" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}