"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Award } from "lucide-react";

export default function AboutPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="medium"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={[
              { name: "Home", id: "/" },
              { name: "About", id: "about" },
              { name: "Rooms", id: "/#features" },
              { name: "Contact", id: "/#contact" },
            ]}
            brandName="Royal Inn"
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            useInvertedBackground={true}
            tag="About Us"
            title="Royal Inn Hotel Mughal Pura"
            description="Located at 25 griffin Canal Rd, scheme Mughalpura, Lahore, 54840, Pakistan. We pride ourselves on offering a blend of traditional hospitality and modern comfort."
            subdescription="Location Code: H96F+C3 | Phone: +92 300 1090201"
            icon={Award}
            imageSrc="http://img.b2bpic.net/free-photo/summer-white-sea-vintage-maldives_1203-4459.jpg"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterCard
            logoText="Royal Inn Hotel"
            copyrightText="© 2025 | Mughal Pura, Lahore, Pakistan"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}