"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Award, Star } from 'lucide-react';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Luxe Haven"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Luxury Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Our Legacy of Excellence"
          description="Founded in 1985, Luxe Haven has been the premier destination for discerning travelers seeking sophistication and comfort. Our commitment to excellence in hospitality has earned us numerous awards and the unwavering loyalty of guests from around the world. Every detail of our hotel reflects our dedication to creating unforgettable experiences."
          tag="Since 1985"
          tagIcon={Award}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Award-winning spa and wellness center"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Discover Our Story", href: "/story" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Guests Say"
          description="Hear from travelers who have experienced the magic and exceptional service of Luxe Haven."
          tag="Guest Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Business Executive",
              company: "Global Ventures Inc",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",
              imageAlt: "Sarah Mitchell, satisfied hotel guest"
            },
            {
              id: "2",
              name: "James Chen",
              role: "Travel Photographer",
              company: "Wanderlust Media",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-green-cozy-large-knitted-sweater-cute-smiling-with-crossed-hands_343596-7420.jpg",
              imageAlt: "James Chen, travel photographer"
            },
            {
              id: "3",
              name: "Emma Rodriguez",
              role: "Luxury Brand Director",
              company: "Elite Fashion Co",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-confident-corporate-woman-professional-entrepreneur-smiling-cross-arms-chest-smiling-enthusiastic-standing-white-background_1258-85600.jpg",
              imageAlt: "Emma Rodriguez, luxury brand professional"
            },
            {
              id: "4",
              name: "David Kim",
              role: "CEO",
              company: "Tech Innovations Ltd",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
              imageAlt: "David Kim, CEO and guest"
            },
            {
              id: "5",
              name: "Lisa Thompson",
              role: "Art Collector",
              company: "Heritage Galleries",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-woman-work-with-copy-space_23-2148826459.jpg",
              imageAlt: "Lisa Thompson, art collector"
            },
            {
              id: "6",
              name: "Michael Anderson",
              role: "Investment Manager",
              company: "Wealth Advisors Group",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",
              imageAlt: "Michael Anderson, investment professional"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Luxe Haven"
          columns={[
            {
              title: "Reservations",
              items: [
                { label: "Book a Room", href: "https://bookings.luxehaven.com" },
                { label: "Special Offers", href: "/offers" },
                { label: "Group Bookings", href: "/groups" },
                { label: "Loyalty Program", href: "/loyalty" }
              ]
            },
            {
              title: "Discover",
              items: [
                { label: "Rooms & Suites", href: "/rooms" },
                { label: "Amenities", href: "/amenities" },
                { label: "Dining", href: "/dining" },
                { label: "Events", href: "/events" }
              ]
            },
            {
              title: "Company",
              items: [
                { label: "About Us", href: "/about" },
                { label: "Our Story", href: "/story" },
                { label: "Careers", href: "/careers" },
                { label: "Sustainability", href: "/sustainability" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "/contact" },
                { label: "FAQ", href: "/faq" },
                { label: "Blog", href: "/blog" },
                { label: "Terms & Privacy", href: "/legal" }
              ]
            }
          ]}
          copyrightText="© 2025 Luxe Haven Hotels. All rights reserved. | Crafted with elegance."
        />
      </div>
    </ThemeProvider>
  );
}