"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Heart, Star, Facebook, Twitter, Instagram, Linkedin } from 'lucide-react';
import Link from 'next/link';

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroLogo 
          logoText="Luxe Hotels" 
          description="Experience unparalleled luxury and hospitality in our world-class accommodations" 
          buttons={[
            { text: 'Book Your Stay', href: '/contact' }, 
            { text: 'Explore Rooms', href: '/rooms' }
          ]} 
          imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg" 
          imageAlt="Luxury hotel lobby with elegant architecture"
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story" 
          tagIcon={Sparkles}
          title="Discover the art of refined hospitality and timeless elegance" 
          description="Est. 2010" 
          subdescription="Luxury Hospitality Pioneer" 
          icon={Heart} 
          imageSrc="https://img.b2bpic.net/free-photo/spa-massage-concept-with-woman_23-2147817018.jpg" 
          imageAlt="Fine dining restaurant at our hotel"
          useInvertedBackground="noInvert" 
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve 
          cardTitle="Trusted by thousands of satisfied guests worldwide for unforgettable experiences" 
          cardTag="Guest Reviews" 
          cardTagIcon={Star}
          testimonials={[
            { id: '1', name: 'Sarah Mitchell', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-smiling-successful-businesswoman-looking-into-camera-sitting-restaurant-business-lady-with-stylish-hairstyle-wears-elegant-suit-business-meeting-attractive-appearance_8353-12611.jpg', imageAlt: 'Sarah Mitchell' },
            { id: '2', name: 'James Richardson', imageSrc: 'https://img.b2bpic.net/free-photo/portrait-woman-wearing-formal-suit_23-2148937763.jpg', imageAlt: 'James Richardson' },
            { id: '3', name: 'Emma Thompson', imageSrc: 'https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg', imageAlt: 'Emma Thompson' },
            { id: '4', name: 'Michael Chen', imageSrc: 'https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg', imageAlt: 'Michael Chen' }
          ]}
          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>
  );
}