"use client";

import { Heart } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      {/* Navigation */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Book Now", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxehaven.com"
        />
      </div>

      {/* Our Story */}
      <div id="our-story" data-section="our-story">
        <MediaSplitTabsAbout
          title="The Luxe Haven Story"
          description="Founded with a vision to redefine luxury hospitality, Luxe Haven has been creating unforgettable experiences for discerning travelers for over two decades."
          tabs={[
            {
              id: "heritage",
              label: "Our Heritage",
              description: "Established in 2003, Luxe Haven began as a boutique property with a simple mission: to provide unparalleled luxury and personalized service. Our founders believed that true hospitality comes from anticipating guests' needs and exceeding their expectations at every turn."
            },
            {
              id: "philosophy",
              label: "Philosophy",
              description: "We believe that luxury is not just about opulent surroundings, but about creating meaningful connections and lasting memories. Every detail, from the thread count of our linens to the temperature of our welcome towels, is carefully considered to ensure your comfort."
            },
            {
              id: "commitment",
              label: "Our Commitment",
              description: "We are committed to sustainable luxury, combining environmental responsibility with five-star service. Our green initiatives and community partnerships reflect our dedication to preserving the beauty of our destination for future generations."
            },
            {
              id: "team",
              label: "Our Team",
              description: "Our passionate team of hospitality professionals brings together decades of experience from around the world. From our concierge team to our executive chefs, every member is dedicated to making your stay extraordinary."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Elegant hotel lobby showcasing Luxe Haven's sophisticated design"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      {/* Guest Testimonials */}
      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardTen
          title="What Our Guests Say About Us"
          description="The true measure of our success lies in the experiences of our cherished guests. Here are some stories that capture the essence of Luxe Haven."
          tag="Guest Stories"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              title: "A Home Away From Home",
              quote: "What sets Luxe Haven apart is the genuine care and attention from every staff member. They remembered my preferences from my previous stay and went above and beyond to make me feel welcome. It's this personal touch that keeps me coming back year after year.",
              name: "Robert Williams",
              role: "Frequent Guest & Business Traveler",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67131.jpg",
              imageAlt: "Robert Williams"
            },
            {
              id: "2",
              title: "Exceptional Standards Throughout",
              quote: "Every aspect of our stay exceeded expectations. From the impeccable room service to the knowledgeable concierge recommendations, Luxe Haven demonstrates a level of excellence that is rare in today's hospitality industry. Truly world-class.",
              name: "Margaret Johnson",
              role: "Luxury Travel Enthusiast",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Margaret Johnson"
            },
            {
              id: "3",
              title: "Perfect for Special Occasions",
              quote: "We chose Luxe Haven for our wedding anniversary, and it was absolutely perfect. The staff helped us plan a surprise dinner that was magical. The attention to detail and the romantic ambiance made our celebration truly unforgettable.",
              name: "Emily Rodriguez",
              role: "Anniversary Celebrant",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg",
              imageAlt: "Emily Rodriguez"
            }
          ]}
        />
      </div>

      {/* Contact Us */}
      <div id="about-contact" data-section="about-contact">
        <ContactCenter
          tag="Connect With Us"
          title="Discover the Luxe Haven Difference"
          description="Experience firsthand what makes Luxe Haven the preferred choice for discerning travelers. Let us create an unforgettable stay tailored to your preferences."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Plan Your Stay"
          termsText="Join our exclusive guest community for personalized offers and experiences."
        />
      </div>

      {/* Footer */}
      <FooterSimple
        columns={[
          {
            title: "Hotel",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Rooms", href: "/rooms" },
              { label: "Amenities", href: "/amenities" },
              { label: "Book Now", href: "/contact" }
            ]
          },
          {
            title: "Guest Services",
            items: [
              { label: "Concierge", href: "#" },
              { label: "Room Service", href: "#" },
              { label: "Spa & Wellness", href: "#" },
              { label: "Restaurant", href: "#" }
            ]
          },
          {
            title: "Information",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Location", href: "#" },
              { label: "Careers", href: "#" },
              { label: "Group Bookings", href: "#" }
            ]
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "#" },
              { label: "Terms & Conditions", href: "#" },
              { label: "Cookie Policy", href: "#" },
              { label: "Sitemap", href: "#" }
            ]
          }
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted for Luxury Hospitality"
      />
    </ThemeProvider>
  );
}