"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import SplitAboutMetric from '@/components/sections/about/SplitAboutMetric';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import TestimonialCardEleven from '@/components/sections/testimonial/TestimonialCardEleven';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="dotGrid"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Haven"
          button={{
            text: "Book Now",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience Timeless Elegance"
          description="Discover luxury and comfort at Luxe Haven. Your perfect getaway awaits with world-class amenities and exceptional service."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg"
          imageAlt="Luxury hotel lobby with elegant interior design"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            {
              text: "Check Availability",
              href: "contact"
            },
            {
              text: "Learn More",
              href: "about"
            }
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAboutMetric
          title="A Legacy of Hospitality"
          description={[
            "For over three decades, Luxe Haven has been synonymous with luxury, elegance, and exceptional service. Our commitment to perfection is reflected in every detail, from the moment you step into our grand lobby to the personalized care you receive throughout your stay."
          ]}
          metrics={[
            {
              label: "Years of Excellence",
              value: "30+"
            },
            {
              label: "5-Star Reviews",
              value: "4.9/5"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our World-Class Amenities"
          description="From luxurious rooms to premium services, every aspect is designed for your comfort"
          tag="Facilities"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Luxury Suites",
              description: "Spacious rooms with premium bedding, marble bathrooms, and panoramic city views for ultimate comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766452376695-4rxtbd0x.jpg"
            },
            {
              id: 2,
              title: "Fine Dining Restaurant",
              description: "Award-winning restaurant serving international cuisine crafted by renowned chefs.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg"
            },
            {
              id: 3,
              title: "Spa & Wellness",
              description: "Full-service spa with therapeutic treatments and state-of-the-art wellness facilities.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184721770-arv4645s.jpg"
            },
            {
              id: 4,
              title: "Swimming Pool & Resort",
              description: "Olympic-sized heated pool with lounging areas overlooking lush gardens.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766185878910-obewt98e.jpg"
            },
            {
              id: 5,
              title: "Conference Facilities",
              description: "Modern meeting rooms and event spaces equipped with latest technology.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184722691-mip9ww4c.jpg"
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEleven
          title="What Our Guests Say"
          description="Hear from travelers who have experienced the Luxe Haven difference"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              nameTitle: "Sarah Mitchell, Travel Enthusiast",
              quote: "Luxe Haven exceeded all my expectations. The service was impeccable and every detail was thoughtfully designed for comfort.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg"
            },
            {
              id: "2",
              nameTitle: "David Chen, Business Executive",
              quote: "The perfect blend of business facilities and luxury relaxation. I've stayed here multiple times and it never disappoints.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg"
            },
            {
              id: "3",
              nameTitle: "Emily & James Anderson, Honeymooners",
              quote: "Our honeymoon at Luxe Haven was absolutely magical. Romance in every detail, from the room to the romantic dinners.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184309647-aqbmmuiq.jpg"
            },
            {
              id: "4",
              nameTitle: "Patricia Johnson, Corporate Director",
              quote: "Outstanding hotel for corporate retreats. The staff goes above and beyond to make events memorable and seamless.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849445373-zmzxg3xm.jpg"
            }
          ]}
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="By the Numbers"
          description="Our commitment to excellence reflected in our achievements"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",
              value: "15,000+",
              description: "Satisfied Guests Annually"
            },
            {
              id: "2",
              value: "150+",
              description: "Luxury Rooms & Suites"
            },
            {
              id: "3",
              value: "500+",
              description: "Staff Members"
            },
            {
              id: "4",
              value: "50+",
              description: "Awards & Recognitions"
            }
          ]}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about your stay at Luxe Haven"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What are your check-in and check-out times?",
              content: "Check-in is available from 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out may be 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 arrange pickup in advance by contacting our concierge desk."
            },
            {
              id: "3",
              title: "Is there parking available?",
              content: "Luxe Haven features complimentary valet parking for all guests. Covered parking and electric vehicle charging stations are available."
            },
            {
              id: "4",
              title: "What dining options are available?",
              content: "We offer fine dining at our award-winning restaurant, a casual bistro, and 24-hour room service. Special dietary requirements can be accommodated with advance notice."
            },
            {
              id: "5",
              title: "Are pets allowed?",
              content: "We welcome well-behaved pets in select rooms. A pet fee applies and we ask that pet owners maintain cleanliness. Service animals stay complimentary."
            },
            {
              id: "6",
              title: "What is your cancellation policy?",
              content: "Standard cancellations made 48 hours before arrival receive a full refund. Non-refundable rates and group bookings have different terms. Please check your booking confirmation."
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Plan Your Stay"
          description="Get in touch with our concierge team to book your perfect getaway or inquire about special events."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your 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, special requests, or events...",
            rows: 5,
            required: false
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849142731-hp8i7zi3.jpg"
          mediaPosition="right"
          buttonText="Send Inquiry"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Haven"
          copyrightText="© 2025 Luxe Haven Hotel. All rights reserved. | Privacy Policy | Terms of Service"
        />
      </div>
    </ThemeProvider>
  );
}
