"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FooterBase from '@/components/sections/footer/FooterBase';
import Link from 'next/link';
import { Star, TrendingUp, Heart, ThumbsUp } from 'lucide-react';

export default function ReviewsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="soft-shadow"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Serenity Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Reviews", id: "/reviews" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{ text: "Book Now", href: "/booking" }}
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardTwo 
          title="Guest Testimonials"
          description="Hear from our valued guests about their unforgettable experiences at Serenity Hotels."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Margaret Johnson",              role: "Business Executive",              testimonial: "An absolutely magnificent hotel. The attention to detail, impeccable service, and stunning views made our anniversary stay truly unforgettable. We'll definitely be back!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-business-office-business-center_1303-20365.jpg",              imageAlt: "Margaret Johnson"
            },
            {
              id: "2",              name: "David Chen",              role: "Travel Blogger",              testimonial: "Serenity Hotels exceeded all expectations. The spa treatments were transformative, the food was exquisite, and the staff anticipated every need. Pure luxury!",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "David Chen"
            },
            {
              id: "3",              name: "Elizabeth Rodriguez",              role: "Corporate Manager",              testimonial: "The perfect destination for our corporate retreat. Professional amenities, luxurious accommodations, and seamless event coordination made everything exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg",              imageAlt: "Elizabeth Rodriguez"
            },
            {
              id: "4",              name: "James Mitchell",              role: "Hospitality Consultant",              testimonial: "As someone who travels constantly, I can confidently say Serenity Hotels sets the gold standard for luxury hospitality. Every detail is perfection.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",              imageAlt: "James Mitchell"
            },
            {
              id: "5",              name: "Sophia Williams",              role: "Adventure Enthusiast",              testimonial: "A dream come true! The perfect blend of relaxation and adventure. The concierge arranged the most amazing local experiences. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Sophia Williams"
            },
            {
              id: "6",              name: "Christopher Brown",              role: "Luxury Travel Expert",              testimonial: "Outstanding in every way. The ocean views, world-class dining, and genuine hospitality make Serenity Hotels my top recommendation for discerning travelers.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Christopher Brown"
            }
          ]}
          carouselMode="buttons"
        />
      </div>

      <div id="review-metrics" data-section="review-metrics">
        <AboutMetric 
          title="Our Guests Consistently Rate Us Among the World's Finest Hotels"
          useInvertedBackground="invertDefault"
          metrics={[
            { icon: Star, label: "Overall Rating", value: "4.9/5" },
            { icon: TrendingUp, label: "Satisfaction Rate", value: "98%" },
            { icon: Heart, label: "Return Guests", value: "85%" },
            { icon: ThumbsUp, label: "Recommendations", value: "96%" }
          ]}
        />
      </div>

      <FooterBase 
        logoText="Serenity Hotels"
        copyrightText="© 2025 Serenity Hotels Group. All rights reserved."
        columns={[
          {
            title: "Accommodations",            items: [
              { label: "Luxury Suites", href: "/rooms" },
              { label: "Ocean View Rooms", href: "/rooms" },
              { label: "Standard Rooms", href: "/rooms" },
              { label: "Group Bookings", href: "/contact" }
            ]
          },
          {
            title: "Amenities",            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Swimming Pool", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" }
            ]
          },
          {
            title: "Company",            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Careers", href: "#" },
              { label: "Blog", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}