"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Building2, Users, Star, Award, Heart, Shield } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/contact" }}
        />
      </div>

      <div id="about-story" data-section="about-story">
        <AboutMetric
          title="A Legacy of Excellence - Since 1998, Luxe Haven has redefined luxury hospitality with uncompromising attention to detail, personalized service, and a commitment to creating unforgettable experiences for discerning travelers worldwide."
          metrics={[
            { icon: Building2, label: "Years of Excellence", value: "25+" },
            { icon: Users, label: "Happy Guests", value: "50K+" },
            { icon: Star, label: "Guest Rating", value: "4.9/5" },
            { icon: Award, label: "Awards Won", value: "18" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="our-values" data-section="our-values">
        <FeatureCardTwentyOne
          title="Our Core Values"
          description="At Luxe Haven, our values guide every interaction and shape every experience we create for our guests."
          tag="What We Stand For"
          imageSrc="https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
          imageAlt="Hotel staff providing exceptional guest service"
          accordionItems={[
            {
              id: "1",
              title: "Exceptional Service Excellence",
              content: "We believe that true luxury lies in anticipating needs before they arise and exceeding expectations at every touchpoint of the guest journey."
            },
            {
              id: "2",
              title: "Authentic Cultural Experiences",
              content: "We curate genuine local experiences that connect our guests with the culture, history, and natural beauty of our destination."
            },
            {
              id: "3",
              title: "Sustainable Luxury Practices",
              content: "Our commitment to environmental stewardship ensures that luxury and sustainability coexist harmoniously for future generations."
            }
          ]}
          buttons={[{ text: "Learn More", href: "/amenities" }]}
          useInvertedBackground="invertDefault"
          mediaPosition="right"
        />
      </div>

      <div id="guest-testimonials" data-section="guest-testimonials">
        <TestimonialCardFifteen
          testimonial="From the moment we arrived, the attention to detail was extraordinary. The staff remembered our preferences, the room was perfect, and every amenity exceeded our expectations. Luxe Haven truly understands luxury hospitality."
          rating={5}
          author="Victoria Sterling, Executive"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg", alt: "Victoria Sterling" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg", alt: "James Mitchell" },
            { src: "https://img.b2bpic.net/free-photo/stylish-smiling-young-woman-coming-out-from-elevator-with-her-suitcase_23-2148033340.jpg", alt: "Sarah Chen" },
            { src: "https://img.b2bpic.net/free-photo/businesswoman-handing-his-boarding-pass-counter_107420-63586.jpg", alt: "Michael Torres" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal logoText="Luxe Haven" />
    </ThemeProvider>
  );
}