"use client";

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactInline from '@/components/sections/contact/ContactInline';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Instagram, Facebook, Twitter, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="dotGrid"
      cardStyle="outline-light"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Rooms", id: "rooms" },
            { name: "About", id: "about" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Luxe Stay"
          bottomLeftText="Experience Elegance"
          bottomRightText="hello@luxestay.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="Luxe Stay Hotel"
          description="Experience unparalleled luxury and comfort at our five-star hotel. Discover elegantly designed rooms, world-class amenities, and exceptional hospitality in the heart of the city."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby with modern interior design"
          frameStyle="card"
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardOne 
          title="Our Rooms"
          description="Choose from our carefully curated selection of premium accommodations, each designed to provide ultimate comfort and style."
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$149/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg",
              imageAlt: "Spacious deluxe suite with modern furnishings"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$449/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg",
              imageAlt: "Luxury presidential suite with panoramic views"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout 
          tag="About Us"
          description="Since 1995, Luxe Stay has been a beacon of hospitality excellence. We combine timeless elegance with modern comfort to create unforgettable experiences. Our dedicated team works tirelessly to ensure every guest feels valued, comfortable, and cherished throughout their stay."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <FeatureCardFifteen 
          title="World-Class Amenities"
          description="Indulge in our premium facilities and services designed for your ultimate relaxation and enjoyment."
          features={[
            {
              id: "1",
              title: "Luxury Spa",
              description: "Rejuvenate at our full-service spa with holistic treatments and wellness therapies.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg",
              imageAlt: "Spa relaxation area with calming ambiance"
            },
            {
              id: "2",
              title: "Fine Dining",
              description: "Savor exquisite cuisine crafted by award-winning chefs in our elegant restaurant.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg",
              imageAlt: "Fine dining restaurant with upscale decor"
            },
            {
              id: "3",
              title: "Infinity Pool",
              description: "Swim and relax in our stunning infinity pool overlooking the city skyline.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg",
              imageAlt: "Resort pool with panoramic city views"
            },
            {
              id: "4",
              title: "Fitness Center",
              description: "Stay active with state-of-the-art equipment and personalized training sessions.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766843736372-3ltc72sy.jpg",
              imageAlt: "Modern fitness facility with equipment"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive 
          title="Guest Experiences"
          description="See what our valued guests have to say about their memorable stays."
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson, Business Executive",
              date: "Date: 15 March 2024",
              title: "Exceptional service and luxury",
              quote: "My stay at Luxe Stay was absolutely incredible. The rooms are beautifully appointed, the staff is attentive, and the amenities are world-class. I will definitely be returning.",
              tag: "Business Travel",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg"
            },
            {
              id: "2",
              name: "Michael Chen, Hospitality Consultant",
              date: "Date: 28 February 2024",
              title: "Perfect blend of comfort and elegance",
              quote: "As someone who travels frequently and stays in many hotels, I can confidently say Luxe Stay sets the gold standard. Every detail has been thought through.",
              tag: "Corporate Stay",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Travel Blogger",
              date: "Date: 10 February 2024",
              title: "A true luxury destination",
              quote: "From the moment I arrived, I felt welcomed and pampered. The restaurant food was divine, the spa treatments were rejuvenating, and the views were breathtaking.",
              tag: "Leisure Travel",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766269123042-ekxd8aqx.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg"
            },
            {
              id: "4",
              name: "David Thompson, CEO",
              date: "Date: 25 January 2024",
              title: "Outstanding in every way",
              quote: "We hosted our annual retreat here and it was flawless. The conference facilities are excellent, and the hospitality made our event truly special.",
              tag: "Events",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767202265195-hlc8yte6.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg"
            },
            {
              id: "5",
              name: "Jessica Lee, Luxury Travel Specialist",
              date: "Date: 12 January 2024",
              title: "My go-to hotel recommendation",
              quote: "I recommend Luxe Stay to all my clients. The quality is consistent, the location is perfect, and the value for a five-star experience is excellent.",
              tag: "Professional Recommendation",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140061652-x0v8jc88.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
            },
            {
              id: "6",
              name: "Robert Adams, Frequent Guest",
              date: "Date: 5 January 2024",
              title: "Home away from home",
              quote: "I've stayed here five times now and it gets better each visit. The personalized service and attention to detail make me feel truly valued as a guest.",
              tag: "Loyalty",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163109167-27dt1jxc.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactInline 
          text="Ready to book your stay?"
          inputPlaceholder="Enter your email to reserve"
          buttonText="Book Now"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSocial 
          logoText="Luxe Stay"
          copyrightText="© Luxe Stay Hotel, 2024. All rights reserved."
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "careers" },
                { label: "Press", href: "press" }
              ]
            },
            {
              title: "Rooms",
              items: [
                { label: "Standard Rooms", href: "rooms" },
                { label: "Deluxe Suites", href: "rooms" },
                { label: "Presidential Suite", href: "rooms" }
              ]
            },
            {
              title: "Amenities",
              items: [
                { label: "Spa", href: "amenities" },
                { label: "Restaurant", href: "amenities" },
                { label: "Pool & Gym", href: "amenities" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "privacy" },
                { label: "Terms of Service", href: "terms" },
                { label: "Cancellation Policy", href: "cancellation" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}