"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Building2, Sparkles, Heart, Award, Users, Trophy, MapPin, Star } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="elevated"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" }
          ]}
          brandName="Luxe Haven"
          bottomLeftText="Premium Hospitality"
          bottomRightText="hello@luxehaven.com"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Building2}
          title="Discover a sanctuary of sophistication and comfort where every detail is crafted for your unforgettable stay."
          description="Established in 2015"
          subdescription="Premier Luxury Hospitality"
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/panoramic-sauna-view-organic-wooden-columns-resort-style-wellness_169016-68883.jpg"
          imageAlt="Luxe Haven Hotel Exterior"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree 
          title="Our Journey"
          description="From a boutique concept to an award-winning destination, discover the milestones that define our legacy."
          tag="Our Heritage"
          tagIcon={Award}
          metrics={[
            { id: "1", icon: Users, title: "Happy Guests", value: "50,000+" },
            { id: "2", icon: Trophy, title: "Industry Awards", value: "27" },
            { id: "3", icon: MapPin, title: "Years of Service", value: "9" },
            { id: "4", icon: Star, title: "Guest Satisfaction", value: "4.9/5" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="Stories from Our Guests"
          description="Every review tells a story of exceptional experiences and cherished memories created at Luxe Haven."
          tag="Guest Stories"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              title: "A Place That Feels Like Home",
              quote: "The attention to detail and personalized service made this more than just a hotel stay. It felt like being welcomed into a sophisticated home where every comfort was anticipated.",
              name: "Emma Thompson",
              role: "Travel Writer",
              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "2",
              title: "Exceptional Business Hospitality",
              quote: "As someone who travels frequently for business, Luxe Haven stands out for its seamless service, reliable amenities, and the way staff remember your preferences from previous stays.",
              name: "James Rodriguez",
              role: "Investment Banker",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",
              imageAlt: "James Rodriguez"
            },
            {
              id: "3",
              title: "Romance and Elegance Combined",
              quote: "Our anniversary celebration at Luxe Haven was perfect. From the champagne welcome to the spa treatments, every moment was designed to create lasting romantic memories.",
              name: "Sofia Martinez",
              role: "Interior Designer",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",
              imageAlt: "Sofia Martinez"
            },
            {
              id: "4",
              title: "Family Luxury at Its Finest",
              quote: "Even with our children, we felt completely at ease. The staff was wonderful with the kids, and the connecting suites provided the perfect blend of togetherness and privacy.",
              name: "Robert Chen",
              role: "Family Physician",
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",
              imageAlt: "Robert Chen"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterBaseCard 
        logoText="Luxe Haven"
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Deluxe Rooms", href: "/rooms" },
              { label: "Executive Suites", href: "/rooms" },
              { label: "Penthouse", href: "/rooms" },
              { label: "Special Offers", href: "/" }
            ]
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
              { label: "Business Services", href: "/amenities" }
            ]
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Awards", href: "/" },
              { label: "Careers", href: "/" },
              { label: "Contact Us", href: "/contact" }
            ]
          },
          {
            title: "Policies",
            items: [
              { label: "Cancellation", href: "/contact" },
              { label: "Privacy Policy", href: "/" },
              { label: "Terms & Conditions", href: "/" },
              { label: "Accessibility", href: "/" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Instagram", href: "https://instagram.com" },
              { label: "Facebook", href: "https://facebook.com" },
              { label: "Twitter", href: "https://twitter.com" },
              { label: "LinkedIn", href: "https://linkedin.com" }
            ]
          }
        ]}
        copyrightText="© 2025 Luxe Haven Hotels. All rights reserved."
      />
    </ThemeProvider>
  );
}