"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import Link from "next/link";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Corido Madrid"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" }
          ]}
          button={{
            text: "Book Now",            href: "/booking"
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story & Heritage"
          description={[
            "Founded in 1998, Corido Madrid emerged from a vision to create an intimate luxury hotel that celebrates both Spanish tradition and contemporary sophistication. Our founder, Elena Corido, transformed a historic 19th-century palace into a boutique sanctuary that has become Madrid's most coveted address.",            "Over more than two decades, we have cultivated relationships with local artisans, chefs, and cultural institutions to offer guests authentic Madrid experiences. Our commitment to personalized service means that no two stays are alike—each guest's preferences are carefully noted and anticipated.",            "Today, Corido Madrid stands as a testament to refined hospitality, having earned numerous international accolades while maintaining the warmth and attention to detail that made us a beloved destination for discerning travelers from around the world."
          ]}
          buttons={[
            { text: "Explore Our Services", href: "/services" }
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Guests Say"
          description="Discover why travelers choose Corido Madrid for their most important journeys and celebrations."
          tag="Guest Stories"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Carlos Mendez",              handle: "@carlostravels",              testimonial: "Outstanding location, beautiful rooms, and phenomenal service. The breakfast is impressive and the staff speaks multiple languages. This is luxury done right in Madrid.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-company-employee-smiling_23-2149145122.jpg",              imageAlt: "man portrait professional smile business guest"
            },
            {
              id: "2",              name: "Sophie & Michel Dubois",              handle: "@sophiemichel",              testimonial: "We chose Corido Madrid for our anniversary trip and couldn't have been happier. The entire experience was elegant and memorable. Highly recommended for couples!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg",              imageAlt: "couple portrait happy vacation travel guests"
            },
            {
              id: "3",              name: "Isabelle Martinez",              handle: "@isabelle_madrid",              testimonial: "Perfect hotel for exploring Madrid. Central location, beautiful surroundings, and impeccable service. The spa treatment was incredibly relaxing. Will definitely return!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "woman smiling portrait satisfied customer guest"
            }
          ]}
        />
      </div>

      <div id="heritage" data-section="heritage">
        <MetricCardSeven
          title="Our Legacy in Numbers"
          description="A quarter-century of exceptional hospitality and memorable experiences in the heart of Madrid."
          tag="Heritage & Excellence"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "25+",              title: "Years of Distinguished Service",              items: [
                "Founded in 1998 by Elena Corido",                "Over two decades of refined hospitality",                "Continuous commitment to excellence"
              ]
            },
            {
              id: "2",              value: "50k+",              title: "Satisfied Guests Worldwide",              items: [
                "Travelers from 80+ countries",                "98% guest satisfaction rating",                "Award-winning customer service"
              ]
            },
            {
              id: "3",              value: "15+",              title: "International Awards",              items: [
                "Best Boutique Hotel Madrid 2023",                "Excellence in Service Award",                "Sustainable Tourism Recognition"
              ]
            }
          ]}
        />
      </div>

      <FooterBaseReveal
        copyrightText="© 2025 Corido Madrid. All rights reserved."
        columns={[
          {
            title: "Hotel",            items: [
              { label: "Rooms & Suites", href: "/rooms" },
              { label: "Amenities", href: "/services" },
              { label: "Dining", href: "/services" },
              { label: "Spa & Wellness", href: "/services" }
            ]
          },
          {
            title: "Explore",            items: [
              { label: "About Us", href: "/about" },
              { label: "Location", href: "/location" },
              { label: "Guest Reviews", href: "/" },
              { label: "Book Direct", href: "/booking" }
            ]
          },
          {
            title: "Contact",            items: [
              { label: "Reservations", href: "https://www.example.com" },
              { label: "+34 91 555 0000", href: "tel:+34915550000" },
              { label: "info@coridomadrid.com", href: "mailto:info@coridomadrid.com" },
              { label: "Privacy Policy", href: "https://www.example.com" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}