"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeLargeTitles"
      background="circleGradient"
      cardStyle="subtle-shadow"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxury Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "For over two decades, Luxury Hotels has been synonymous with exceptional hospitality and timeless elegance. Founded with a vision to redefine luxury accommodation, we have grown to become a preferred destination for discerning travelers worldwide.",            "Our journey began with a simple philosophy: to create spaces where every guest feels valued, comfortable, and inspired. Today, we continue to honor this commitment through personalized service, attention to detail, and an unwavering dedication to excellence.",            "From our award-winning architecture to our world-class amenities, every aspect of our hotel reflects our passion for creating unforgettable experiences that exceed expectations."
          ]}
          buttons={[
            { text: "Explore Amenities", href: "/about" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardMedia
          title="Exceptional Services"
          description="Discover the comprehensive range of amenities and services that make your stay extraordinary."
          features={[
            {
              id: "1",              title: "Fine Dining Restaurant",              description: "Our award-winning restaurant features internationally acclaimed chefs who create culinary masterpieces using the finest local and imported ingredients.",              tag: "Dining",              imageSrc: "https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
            },
            {
              id: "2",              title: "Luxury Spa & Wellness",              description: "Rejuvenate your mind, body, and spirit at our world-class spa featuring therapeutic treatments, state-of-the-art facilities, and expert wellness professionals.",              tag: "Wellness",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
            },
            {
              id: "3",              title: "Business & Event Center",              description: "Host successful meetings, conferences, and special events in our elegant venues equipped with cutting-edge technology and professional event coordination.",              tag: "Business",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"
            },
            {
              id: "4",              title: "Concierge Services",              description: "Our dedicated concierge team provides personalized assistance to enhance your stay, from restaurant reservations to local tour arrangements.",              tag: "Service",              imageSrc: "https://img.b2bpic.net/free-photo/bellhop-offering-services-woman-lounge-area-waiting-room-check-seaside-hotel-tourist-sitting-couch-talking-hotel-concierge-summer-clothes-handheld-shot_482257-67916.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Guest Experiences"
          description="Hear directly from our valued guests about their memorable stays with us."
          testimonials={[
            {
              id: "1",              name: "James Mitchell",              handle: "@jmitchell_exec",              testimonial: "Perfect for business trips with excellent facilities and attentive staff. The business center and meeting rooms are top-notch. Great location too!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/hopeful-young-manager-businesswoman-cross-arms-chest-smiling-looking-confident-like-real-professional-white-background_176420-47052.jpg"
            },
            {
              id: "2",              name: "Victoria Laurent",              handle: "@victorialife",              testimonial: "The spa and wellness facilities are exceptional. I've never felt more relaxed and rejuvenated. Combined with gourmet dining, it's a complete luxury experience.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
            },
            {
              id: "3",              name: "David Thompson",              handle: "@davidtravel2024",              testimonial: "Five-star service and five-star accommodations. Every moment of my stay was memorable. The attention to detail and guest care is unparalleled.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-business-woman-standing-outdoors_1262-20546.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
          imageAlt="hotel night luxury building exterior lights"
          logoText="Luxury Hotels"
          copyrightText="© 2025 Luxury Hotels. All rights reserved."
          columns={[
            {
              title: "Rooms",              items: [
                { label: "Deluxe Room", href: "/rooms" },
                { label: "Executive Suite", href: "/rooms" },
                { label: "Presidential Suite", href: "/rooms" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Restaurant & Dining", href: "/about" },
                { label: "Spa & Wellness", href: "/about" },
                { label: "Business Center", href: "/about" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Contact", href: "/contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}