"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import FeatureCardEighteen from '@/components/sections/feature/FeatureCardEighteen';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumLarge"
      background="floatingGradient"
      cardStyle="outline"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "home"},
            {name: "Rooms", id: "rooms"},
            {name: "Amenities", id: "amenities"},
            {name: "About", id: "about"},
            {name: "Contact", id: "contact"}
          ]}
          brandName="Luxora"
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@luxora.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard 
          logoText="Luxora"
          description="Experience elegance and comfort in our luxury hotel. World-class accommodations, personalized service, and unforgettable memories await you."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxora luxury hotel property"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          title="A legacy of luxury hospitality and exceptional service since 1995."
          description="Founded by visionary hoteliers"
          subdescription="Luxora Hotels & Resorts"
          icon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042152041-ve4nrkbs.jpg"
          imageAlt="Luxora hotel lobby and entrance"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSeven 
          title="Our Rooms & Suites"
          description="Discover our collection of elegantly appointed accommodations, each designed for your comfort and enjoyment."
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$199/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$349/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837634719-5otl8omu.jpg",
              imageAlt: "Deluxe suite with premium amenities"
            },
            {
              id: "3",
              name: "Penthouse Suite",
              price: "$699/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg",
              imageAlt: "Penthouse suite with city views"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardEighteen 
          title="World-Class Amenities"
          description="Experience the difference our premium facilities make to your stay."
          negativeCard={{
            title: "Standard Hotels",
            items: [
              "Limited dining options",
              "Basic wellness facilities",
              "No personalized services",
              "Standard room features"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg"
          }}
          positiveCard={{
            title: "Luxora",
            items: [
              "5 gourmet restaurants and bars",
              "Full-service spa and wellness center",
              "24/7 concierge service",
              "Premium bedding and amenities"
            ],
            imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767042151156-8ng4xj7e.jpg"
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen 
          testimonial="Our stay at Luxora was absolutely unforgettable. The attention to detail, the warmth of the staff, and the stunning rooms made every moment special. We'll definitely be coming back."
          rating={5}
          author="Sarah Mitchell"
          avatars={[
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767178036836-5j7cba06.jpg", alt: "Sarah Mitchell"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766824447142-9ntywuqt.jpg", alt: "Guest testimonial"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140151637-4n68pd8r.jpg", alt: "Guest testimonial"},
            {src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767178038326-uag1wziz.jpg", alt: "Guest testimonial"}
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Plan Your Stay"
          ctaDescription="Ready to experience luxury? Get in touch with our team to book your perfect getaway."
          ctaButton={{
            text: "Make a Reservation",
            href: "mailto:reservations@luxora.com"
          }}
          ctaIcon={Phone}
          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. Early check-in and late check-out are available upon request, subject to availability."
            },
            {
              id: "2",
              title: "Do you offer airport transportation?",
              content: "Yes, we offer complimentary airport shuttle service for all guests. Please inform us of your arrival details at least 24 hours in advance."
            },
            {
              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."
            },
            {
              id: "4",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets in select rooms for a small daily fee of $25. Please notify us when making your reservation."
            },
            {
              id: "5",
              title: "Is there free Wi-Fi throughout the hotel?",
              content: "Yes, complimentary high-speed Wi-Fi is available in all guest rooms and public areas throughout the property."
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal 
          columns={[
            {
              title: "Navigate",
              items: [
                {label: "Home", href: "home"},
                {label: "Rooms", href: "rooms"},
                {label: "Amenities", href: "amenities"},
                {label: "About", href: "about"}
              ]
            },
            {
              title: "Company",
              items: [
                {label: "About Us", href: "about"},
                {label: "Careers", href: "https://careers.luxora.com"},
                {label: "Blog", href: "https://blog.luxora.com"},
                {label: "Press", href: "https://press.luxora.com"}
              ]
            },
            {
              title: "Legal",
              items: [
                {label: "Privacy Policy", href: "/privacy"},
                {label: "Terms of Service", href: "/terms"},
                {label: "Cookie Policy", href: "/cookies"},
                {label: "Contact", href: "contact"}
              ]
            }
          ]}
          copyrightText="© 2025 Luxora Hotels & Resorts. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}