"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import ProductCardSix from '@/components/sections/product/ProductCardSix';
import FeatureCardFourteen from '@/components/sections/feature/FeatureCardFourteen';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="gradient-radial"
      primaryButtonStyle="layered-depth"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Luxury Hotel"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="ence Luxury & Comfort"
          description="Discover our world-class hotel with stunning rooms, exceptional service, and unforgettable memories"
          tag="Welcome to Paradise"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxury hotel exterior with modern architecture"
          buttons={[
            { text: "Book Your Stay", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Our Hotel"
          description="Established in 2010, we have been providing guests with exceptional hospitality and memorable experiences"
          tabs={[
            {
              id: "legacy",
              label: "Our Legacy",
              description: "Over a decade of excellence in hospitality. We pride ourselves on creating lasting memories for every guest who walks through our doors."
            },
            {
              id: "commitment",
              label: "Our Commitment",
              description: "We are dedicated to providing personalized service, luxury accommodations, and world-class amenities to exceed your expectations."
            },
            {
              id: "experience",
              label: "Guest Experience",
              description: "From check-in to check-out, our attentive staff ensures every moment of your stay is perfect and stress-free."
            }
          ]}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703921-81nc5pdi.jpg"
          imageAlt="Elegant hotel lobby with modern design"
          imagePosition="right"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <ProductCardSix
          title="Our Room Collection"
          description="Choose from our diverse selection of luxurious rooms and suites, each designed for comfort and elegance"
          products={[
            {
              id: "1",
              name: "Standard Room",
              price: "$120/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839701158-z8tv3834.jpg",
              imageAlt: "Modern standard hotel room"
            },
            {
              id: "2",
              name: "Deluxe Suite",
              price: "$180/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839702132-5m7fi8l0.jpg",
              imageAlt: "Spacious deluxe hotel suite"
            },
            {
              id: "3",
              name: "Premium Suite",
              price: "$250/night",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766267249367-b2xzeajg.jpg",
              imageAlt: "Luxury premium hotel suite with premium amenities"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <FeatureCardFourteen
          title="Premium Amenities"
          description="Enjoy world-class facilities and services designed to enhance your stay"
          features={[
            {
              id: "1",
              title: "Luxury Spa",
              description: "Relax and rejuvenate with our full-service spa offering massages, facials, and wellness treatments",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837893952-g875lj89.jpg",
              imageAlt: "Luxurious spa with peaceful ambiance"
            },
            {
              id: "2",
              title: "Fine Dining Restaurant",
              description: "Savor exquisite cuisines prepared by our award-winning chefs in an elegant dining atmosphere",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Upscale restaurant with gourmet dining"
            },
            {
              id: "3",
              title: "Fitness Center",
              description: "Stay active with our state-of-the-art equipment and professional trainers available daily",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766839703139-eg6uxjfo.jpg",
              imageAlt: "Modern fitness center with equipment"
            },
            {
              id: "4",
              title: "Swimming Pool",
              description: "Swim and relax by our gorgeous outdoor pool surrounded by lush gardens and lounging areas",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766837894902-hqj1i6g3.jpg",
              imageAlt: "Beautiful outdoor swimming pool"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Guest Stories"
          description="Read what our valued guests have to say about their unforgettable experiences with us"
          testimonials={[
            {
              id: "1",
              title: "Best vacation ever",
              quote: "The staff was incredibly attentive and the rooms were immaculate. We felt completely pampered throughout our stay. Definitely coming back!",
              name: "Sarah Johnson",
              role: "Traveler from California",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              title: "Exceptional service and luxury",
              quote: "From the moment we arrived, everything was perfect. The restaurant exceeded expectations and the spa treatments were divine. Highly recommended.",
              name: "Michael Chen",
              role: "Business Traveler",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              title: "A home away from home",
              quote: "We extended our stay because we didn't want to leave. The comfort, elegance, and hospitality made us feel right at home.",
              name: "Emma Rodriguez",
              role: "Family Vacationer",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184724760-wxlm9bjg.jpg",
              imageAlt: "Emma Rodriguez"
            },
            {
              id: "4",
              title: "Worth every penny",
              quote: "The attention to detail is remarkable. Every amenity is top-notch and the views are breathtaking. This is luxury done right.",
              name: "David Wilson",
              role: "Returning Guest",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185880597-ieb2jad3.jpg",
              imageAlt: "David Wilson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Stay"
          description="Ready to book? Get in touch with our reservations team. We're here to help make your stay unforgettable."
          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 special requests",
            rows: 5,
            required: false
          }}
          buttonText="Request Reservation"
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
          imageAlt="Concierge service ready to assist"
          mediaPosition="right"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxury Hotel"
          copyrightText="© 2025 Luxury Hotel. All rights reserved."
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "Home", href: "hero" },
                { label: "Rooms", href: "rooms" },
                { label: "Amenities", href: "amenities" }
              ]
            },
            {
              title: "Information",
              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Terms & Conditions", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Cookie Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}