"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import ProductCardFive from '@/components/sections/product/ProductCardFive';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumLarge"
      sizing="large"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Hotel"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Luxury Hotel"
          description="Experience world-class hospitality with stunning accommodations, premium amenities, and unforgettable moments. Your perfect getaway awaits."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457177368-h8eajp9l.jpg"
          imageAlt="Luxury hotel exterior and main entrance"
          frameStyle="card"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Where Comfort Meets Elegance"
          description="Discover a sanctuary of luxury nestled in the heart of the city. Our hotel combines timeless elegance with modern comfort, offering guests an exceptional experience from the moment they arrive."
          tag="About Us"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457177791-mvsojj5m.jpg"
          imageAlt="Hotel lobby and facilities"
          buttons={[{ text: "Explore Rooms", href: "rooms" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardFive
          title="Our Room Collections"
          description="Choose from our curated selection of elegantly designed rooms and suites, each offering unique views and premium amenities."
          tag="Accommodations"
          products={[
            {
              id: "deluxe-room",
              button: { text: "View Details", href: "#" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387354574-gduhaet5.jpg",
              imageAlt: "Deluxe room with city view"
            },
            {
              id: "standard-room",
              button: { text: "View Details", href: "#" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457178511-pabd30gm.jpg",
              imageAlt: "Standard comfortable room"
            },
            {
              id: "suite-room",
              button: { text: "View Details", href: "#" },
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457178746-mnffurau.jpg",
              imageAlt: "Luxury suite with panoramic view"
            }
          ]}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardEighteen
          title="World-Class Amenities"
          description="Experience the finest in hospitality with our comprehensive range of premium facilities designed for your comfort and relaxation."
          negativeCard={{
            title: "Standard Hotels",
            items: [
              "Limited facilities",
              "Basic amenities",
              "Crowded spaces",
              "Standard service"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457179364-estx8t7n.jpg"
          }}
          positiveCard={{
            title: "Luxury Hotel",
            items: [
              "Olympic-size swimming pool",
              "Fine dining restaurants",
              "Spa and wellness center",
              "24/7 concierge service"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457179727-dcsbh5vk.jpg"
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSeven
          title="Choose Your Stay"
          description="Flexible booking options tailored to your budget and preferences."
          plans={[
            {
              id: "standard",
              tag: "POPULAR",
              pricingOptions: [
                { value: "night", label: "Per Night", price: "$149", subtitle: "Standard Room" },
                { value: "week", label: "Per Week", price: "$899", subtitle: "Save 15%" }
              ],
              defaultOption: "night",
              selectorNote: "Book weekly for savings",
              description: "Comfortable accommodations with modern amenities, private bathroom, and city views.",
              buttons: [{ text: "Book Now", href: "contact" }]
            },
            {
              id: "deluxe",
              tag: "BEST VALUE",
              pricingOptions: [
                { value: "night", label: "Per Night", price: "$249", subtitle: "Deluxe Room" },
                { value: "week", label: "Per Week", price: "$1,449", subtitle: "Save 18%" }
              ],
              defaultOption: "night",
              selectorNote: "Premium experience",
              description: "Spacious room with premium furnishings, bathroom with rainfall shower, and panoramic views.",
              buttons: [{ text: "Book Now", href: "contact" }]
            },
            {
              id: "suite",
              tag: "LUXURY",
              pricingOptions: [
                { value: "night", label: "Per Night", price: "$449", subtitle: "Luxury Suite" },
                { value: "week", label: "Per Week", price: "$2,599", subtitle: "Save 20%" }
              ],
              defaultOption: "night",
              selectorNote: "Exclusive access",
              description: "Opulent suite with separate living area, butler service, premium amenities, and exclusive lounge access.",
              buttons: [{ text: "Book Now", href: "contact" }]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <TestimonialCardEleven
          title="Guest Stories"
          description="Hear from our valued guests about their unforgettable experiences."
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Johnson, Business Traveler",
              quote: "Absolutely outstanding service and attention to detail. The staff went above and beyond to make my stay comfortable. I will definitely return!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457180425-54z44pta.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              nameTitle: "Michael Chen, Vacation Guest",
              quote: "The rooms are luxurious, the amenities are world-class, and the location is perfect. This is my third stay and it keeps getting better.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457180896-t25f2nkr.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              nameTitle: "Emily Davis, Family Vacation",
              quote: "Perfect for families! The pool is amazing, the restaurant has great food, and the kids loved every moment. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457181460-u4cjwkv2.jpg",
              imageAlt: "Emily Davis"
            },
            {
              id: "4",
              nameTitle: "James Wilson, Anniversary Trip",
              quote: "We celebrated our anniversary here and it was magical. The romantic ambiance, stunning views, and impeccable service made it unforgettable.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767457181837-ubk7965l.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about booking and your stay with us."
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer free cancellation up to 48 hours before arrival. Cancellations within 48 hours may incur a one-night charge."
            },
            {
              id: "2",
              title: "Are pets allowed?",
              content: "Yes, we welcome well-behaved pets. A pet fee of $50 per night applies. Please inform us during booking."
            },
            {
              id: "3",
              title: "What amenities are included?",
              content: "All rooms include complimentary WiFi, premium toiletries, HD TV, air conditioning, and access to our fitness center and pool."
            },
            {
              id: "4",
              title: "Do you offer airport transportation?",
              content: "Yes, we provide airport shuttle service for a flat rate of $25 per person. Please arrange this during booking."
            },
            {
              id: "5",
              title: "What is your check-in and check-out time?",
              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Late check-out may be available upon request for an additional fee."
            },
            {
              id: "6",
              title: "Do you have meeting spaces?",
              content: "Yes, we offer fully equipped conference rooms and event spaces perfect for meetings, conferences, and celebrations."
            }
          ]}
          textPosition="left"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Book Your Stay?"
          description="Join our newsletter for exclusive offers, special promotions, and early access to new rooms and amenities."
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxury Hotel"
          columns={[
            {
              items: [
                { label: "Home", href: "home" },
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" }
              ]
            },
            {
              items: [
                { label: "About Us", href: "about" },
                { label: "Reviews", href: "reviews" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            },
            {
              items: [
                { label: "+1 (555) 123-4567", href: "#" },
                { label: "hello@luxuryhotel.com", href: "#" },
                { label: "123 Hotel Street, City", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}