"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLarge"
      background="plain"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          brandName="Luxe Hotels"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Contact", id: "/contact" }
          ]}
          bottomLeftText="Premium Hospitality"
          bottomRightText="reservations@luxehotels.com"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText 
          text="Ready to book your luxury retreat? Contact us today and let our hospitality team craft your perfect stay with personalized service and attention to every detail." 
          animationType="entrance-slide" 
          buttons={[
            { text: 'Book Now', href: 'mailto:reservations@luxehotels.com' }, 
            { text: 'Call Us', href: 'tel:+1-555-0123' }
          ]}
          useInvertedBackground="invertDefault" 
        />
      </div>

      <FooterCard 
        logoText="Luxe Hotels" 
        copyrightText="© 2025 Luxe Hotels. All rights reserved. | Luxury Hospitality Excellence" 
        socialLinks={[
          { icon: Facebook, href: 'https://facebook.com/luxehotels', ariaLabel: 'Facebook' },
          { icon: Twitter, href: 'https://twitter.com/luxehotels', ariaLabel: 'Twitter' },
          { icon: Instagram, href: 'https://instagram.com/luxehotels', ariaLabel: 'Instagram' },
          { icon: Linkedin, href: 'https://linkedin.com/company/luxehotels', ariaLabel: 'LinkedIn' }
        ]}
      />
    </ThemeProvider>
  );
}