"use client";

import { Star } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmall"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxury Hotel"
          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: "/booking" }}
        />
      </div>

      <div id="heritage" data-section="heritage">
        <TestimonialAboutCard
          tag="Our Story"
          title="For nearly four decades, we have been the epitome of luxury hospitality, creating timeless memories through exceptional service, elegant accommodations, and unwavering attention to every detail that matters to our distinguished guests."
          description="Luxury Hotel Group"
          subdescription="Established 1985"
          icon={Star}
          imageSrc="https://img.b2bpic.net/free-photo/blue-sea-water-summer-silhouette_1203-3871.jpg"
          imageAlt="Historic hotel establishment"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="guest-stories" data-section="guest-stories">
        <TestimonialCardFive
          title="Stories from Our Guests"
          description="Experience the warmth of our hospitality through the voices of those who have made our hotel their home away from home"
          tag="Guest Stories"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",
              name: "Victoria Harper, Travel Writer",
              date: "Date: 2 May 2024",
              title: "A sanctuary of elegance and comfort",
              quote: "This hotel captures the essence of timeless luxury. From the moment you enter, you're enveloped in an atmosphere of refined elegance that makes every stay feel like a special occasion.",
              tag: "Frequent Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
            },
            {
              id: "2",
              name: "Robert Sterling, Ambassador",
              date: "Date: 15 April 2024",
              title: "Diplomatic hospitality at its best",
              quote: "Having stayed in luxury hotels worldwide, I can say this establishment sets the gold standard. The discretion, attention to protocol, and impeccable service make it perfect for diplomatic visits.",
              tag: "VIP Guest",
              avatarSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/blue-sea-water-summer-silhouette_1203-3871.jpg"
            },
            {
              id: "3",
              name: "Isabella Martinez, Event Planner",
              date: "Date: 28 March 2024",
              title: "Where special moments become unforgettable",
              quote: "We've hosted numerous high-profile events here, and each one exceeds expectations. The team's expertise in creating magical moments is unparalleled in the hospitality industry.",
              tag: "Corporate Partner",
              avatarSrc: "https://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
              imageSrc: "https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817020.jpg"
            }
          ]}
        />
      </div>

      <div id="about-contact" data-section="about-contact">
        <ContactSplit
          tag="Connect With Us"
          title="Learn More About Our Story"
          description="Discover the rich history and heritage behind our luxury hospitality. Connect with our team to learn about our journey, values, and commitment to excellence."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
          imageAlt="Hotel heritage and history"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Get Our Story"
          termsText="Receive exclusive insights into our heritage and upcoming milestone celebrations."
        />
      </div>

      <FooterBaseCard
        logoText="Luxury Hotel"
        copyrightText="© 2024 Luxury Hotel Group. All rights reserved."
        columns={[
          {
            title: "Guest Services",
            items: [
              { label: "Book a Room", href: "/booking" },
              { label: "Check-in/Check-out", href: "/check-in" },
              { label: "Housekeeping", href: "/services" },
              { label: "Room Service", href: "/room-service" }
            ]
          },
          {
            title: "Facilities",
            items: [
              { label: "Spa & Wellness", href: "/spa" },
              { label: "Dining", href: "/restaurants" },
              { label: "Swimming Pool", href: "/pool" },
              { label: "Fitness Center", href: "/fitness" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Careers", href: "/careers" },
              { label: "Press", href: "/press" },
              { label: "Sustainability", href: "/sustainability" }
            ]
          },
          {
            title: "Contact",
            items: [
              { label: "Contact Us", href: "/contact" },
              { label: "Reservations", href: "tel:+1-800-HOTEL-01" },
              { label: "Feedback", href: "/feedback" },
              { label: "Complaints", href: "/complaints" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}