"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmall"
      background="animatedAurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="outline"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Luxury Stays"
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Rooms", id: "product"},
            {name: "About", id: "about"},
            {name: "Contact", id: "contact"},
            {name: "FAQ", id: "faq"}
          ]}
          button={{text: "Book Now", href: "contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo 
          logoText="Luxury Stays"
          description="Experience unparalleled comfort and elegance at our world-class hotel. Book your perfect getaway today."
          buttons={[
            {text: "Reserve Room", href: "contact"},
            {text: "View Rooms", href: "product"}
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837631730-3p442mol.jpg"
          imageAlt="Luxury hotel exterior view"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout 
          title="Discover the essence of hospitality. Our hotel blends timeless elegance with modern comfort, offering guests an unforgettable sanctuary in the heart of the city."
          useInvertedBackground="noInvert"
          buttons={[
            {text: "Explore More", href: "product"}
          ]}
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardSeven 
          title="World-Class Amenities"
          description="Experience premium facilities designed for your comfort and leisure"
          features={[
            {
              id: 1,
              title: "Luxury Accommodations",
              description: "Spacious suites with premium bedding, modern technology, and stunning views for your perfect rest.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg"
            },
            {
              id: 2,
              title: "Wellness Spa",
              description: "Rejuvenate your mind and body with our full-service spa featuring expert therapists and natural treatments.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: 3,
              title: "Fine Dining",
              description: "Savor exquisite cuisine prepared by award-winning chefs in our elegant restaurant and bar.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767264515377-g9sok8w0.jpg"
            }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour 
          title="Our Room Collection"
          description="Choose from our selection of beautifully appointed rooms and suites"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$129/night",
              variant: "Queen Bed | City View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg",
              imageAlt: "Standard hotel room with queen bed"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$249/night",
              variant: "King Bed | Mountain View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg",
              imageAlt: "Deluxe suite with king bed"
            },
            {
              id: "3",
              name: "Presidential Suite",
              price: "$499/night",
              variant: "Multiple Rooms | Panoramic View",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Presidential suite with panoramic views"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardFive 
          title="Guest Reviews"
          description="Hear what our satisfied guests have to say about their stays"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell, Business Executive",
              date: "Date: 15 January 2025",
              title: "An absolutely exceptional experience",
              quote: "The staff went above and beyond to make our stay memorable. The rooms are immaculate, the service is outstanding, and the amenities are world-class. I will definitely return.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766810996198-rgoz7x9l.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766243010494-5vlonhlx.jpg"
            },
            {
              id: "2",
              name: "James Chen, Travel Blogger",
              date: "Date: 10 January 2025",
              title: "Luxury redefined",
              quote: "This hotel sets the standard for luxury hospitality. From check-in to checkout, everything was perfectly coordinated. The spa experience was transformative and the dining was exceptional.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: "3",
              name: "Emma Rodriguez, Honeymoon Couple",
              date: "Date: 5 January 2025",
              title: "Perfect romantic getaway",
              quote: "We couldn't have asked for a better venue for our honeymoon. The attention to detail, romantic ambiance, and impeccable service made our trip unforgettable.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837633637-2td49lx5.jpg"
            },
            {
              id: "4",
              name: "Michael Anderson, Corporate Client",
              date: "Date: 28 December 2024",
              title: "Best business hotel experience",
              quote: "Hosted our annual conference here and the hotel staff managed everything flawlessly. Modern facilities, excellent connectivity, and professional service throughout.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267250429-y310pihb.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767264515377-g9sok8w0.jpg"
            },
            {
              id: "5",
              name: "Lisa Thompson, Leisure Traveler",
              date: "Date: 20 December 2024",
              title: "A true sanctuary",
              quote: "The spa treatments were incredible and helped me completely unwind. The whole property feels like a luxury escape from the everyday world.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766810997055-ljmx5kmk.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754946104-xq2fat7f.jpg"
            },
            {
              id: "6",
              name: "Robert Wilson, Frequent Guest",
              date: "Date: 15 December 2024",
              title: "Consistency in excellence",
              quote: "I've stayed here multiple times and the quality never wavers. The team remembers preferences, the rooms are always pristine, and I feel genuinely welcomed.",
              tag: "5-Star Guest",
              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767041586058-xwgpxd5o.jpg",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay"
          faqs={[
            {
              id: "1",
              title: "What are your check-in and check-out times?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. We offer early check-in and late check-out based on availability. Please contact us in advance to arrange."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide complimentary airport shuttle service for all guests. Please provide your flight details at the time of booking."
            },
            {
              id: "3",
              title: "What is your cancellation policy?",
              content: "Cancellations made 7 days or more before arrival receive a full refund. Cancellations within 7 days are subject to one night's charge. No-shows will be charged the full booking amount."
            },
            {
              id: "4",
              title: "Is parking available at the hotel?",
              content: "Yes, we offer complimentary valet parking for all guests. Self-parking is also available in our secure underground garage."
            },
            {
              id: "5",
              title: "Do you accommodate special dietary requirements?",
              content: "Absolutely. Our culinary team can accommodate vegetarian, vegan, gluten-free, and other dietary restrictions. Please inform us during booking."
            },
            {
              id: "6",
              title: "Are pets allowed at the hotel?",
              content: "Yes, we are a pet-friendly hotel. A pet fee of $25 per night applies. Please notify us in advance so we can prepare appropriate accommodations."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter 
          tag="Get In Touch"
          title="Special Offers & Updates"
          description="Subscribe to our newsletter to receive exclusive deals, travel tips, and early access to special promotions."
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase 
          logoText="Luxury Stays"
          columns={[
            {
              title: "About",
              items: [
                {label: "Our Story", href: "about"},
                {label: "Team", href: "#"},
                {label: "Careers", href: "#"}
              ]
            },
            {
              title: "Guest Services",
              items: [
                {label: "Room Booking", href: "product"},
                {label: "Amenities", href: "feature"},
                {label: "Dining", href: "#"}
              ]
            },
            {
              title: "Support",
              items: [
                {label: "Contact Us", href: "contact"},
                {label: "FAQ", href: "faq"},
                {label: "Policies", href: "#"}
              ]
            }
          ]}
          copyrightText="© 2025 Luxury Stays Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}