"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TagAbout from '@/components/sections/about/TagAbout';
import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="gradient-subtle"
      primaryButtonStyle="outline"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Stay"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Luxury Hospitality"
          description="Discover an exceptional hotel destination where elegance meets comfort. Unwind in our beautifully appointed rooms, enjoy world-class amenities, and create unforgettable memories."
          tag="Premium Experience"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767387351047-q7hz2tgo.jpg"
          imageAlt="Luxury hotel lobby entrance"
          imagePosition="right"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "features" }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TagAbout
          tag="About Us"
          description="Since 1985, we have been redefining luxury hospitality by combining timeless elegance with modern comfort. Our commitment to personalized service ensures every guest experiences unparalleled hospitality in an environment designed for relaxation, productivity, and cherished moments."
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardFifteen
          title="Premium Amenities"
          description="Discover what makes our hotel exceptional"
          tag="Facilities"
          features={[
            {
              id: "1",
              title: "Luxury Suites",
              description: "Spacious rooms with premium bedding, marble bathrooms, and city views",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392072061-mngkj3ws.jpg",
              imageAlt: "Luxury hotel suite bedroom"
            },
            {
              id: "2",
              title: "Spa & Wellness",
              description: "Full-service spa with treatments, sauna, and relaxation facilities",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767392072508-54st6sr8.jpg",
              imageAlt: "Luxury spa facilities"
            },
            {
              id: "3",
              title: "Fine Dining",
              description: "Award-winning restaurant serving international and local cuisine",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453940138-7kxgpv2h.jpg",
              imageAlt: "Elegant restaurant dining area"
            },
            {
              id: "4",
              title: "Resort Pool",
              description: "Olympic-sized heated pool with cabanas and poolside service",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453940507-6x4afg0a.jpg",
              imageAlt: "Luxury resort swimming pool"
            },
            {
              id: "5",
              title: "Fitness Center",
              description: "State-of-the-art gym with personal trainers and wellness programs",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453941245-mnnjnqa3.jpg",
              imageAlt: "Modern fitness center equipment"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Jennifer Smith",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453942945-kw5z9fws.jpg",
              imageAlt: "Jennifer Smith guest portrait"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453943551-0myi6ggh.jpg",
              imageAlt: "Michael Chen guest portrait"
            },
            {
              id: "3",
              name: "Sarah Williams",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453944011-95ghxv3j.jpg",
              imageAlt: "Sarah Williams guest portrait"
            },
            {
              id: "4",
              name: "David Martinez",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453944491-o74oac81.jpg",
              imageAlt: "David Martinez guest portrait"
            }
          ]}
          cardTitle="Trusted by thousands of satisfied guests worldwide"
          cardTag="Guest Reviews"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Perfect Getaway"
          description="Get in touch with our concierge team to book your stay, inquire about special packages, or request personalized recommendations for your visit."
          inputs={[
            {
              name: "fullName",
              type: "text",
              placeholder: "Full Name",
              required: true
            },
            {
              name: "email",
              type: "email",
              placeholder: "Email Address",
              required: true
            },
            {
              name: "checkIn",
              type: "date",
              placeholder: "Check-in Date",
              required: true
            },
            {
              name: "checkOut",
              type: "date",
              placeholder: "Check-out Date",
              required: true
            }
          ]}
          textarea={{
            name: "message",
            placeholder: "Tell us about your preferences and any special requests...",
            rows: 5,
            required: false
          }}
          buttonText="Reserve Now"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1767453941673-8irccho8.jpg"
          imageAlt="Hotel concierge desk"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxury Stay Hotel"
          copyrightText="© 2025 Luxury Stay Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}