"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="The Grand Hotel"
          navItems={[
            { name: "About", id: "about" },
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Gallery", id: "gallery" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Book Now", href: "#contact" }}
          className="py-4 px-6 md:px-12"
          buttonClassName="px-5 py-2"
          buttonTextClassName="font-semibold"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Experience Unforgettable Stays"
          description="Discover unparalleled luxury and comfort at The Grand Hotel, where every detail is crafted for your perfect getaway."
          tag="Welcome Home"
          buttons={[
            { text: "Book Your Stay", href: "#contact" },
            { text: "Explore Rooms", href: "#rooms" },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg?_wi=1"
          imageAlt="Luxurious hotel lobby with elegant decor"
          textPosition="bottom-left"
          showDimOverlay={true}
          showBlur={true}
          ariaLabel="Welcome to The Grand Hotel"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
        />
      </div>
      
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="A Legacy of Luxury and Hospitality"
          description="For decades, The Grand Hotel has been a beacon of refined elegance, offering guests a sanctuary of comfort and impeccable service. Our commitment to creating memorable experiences is woven into every aspect of your stay."
          metrics={[
            { value: "50+", title: "Years of Service" },
            { value: "4.9", title: "Guest Rating" },
          ]}
          useInvertedBackground={false}
          imageSrc="https://img.b2bpic.net/free-photo/important-building-facade_1127-23.jpg"
          imageAlt="Exterior of a grand, luxurious hotel building"
          mediaAnimation="slide-up"
          tag="Our Story"
          tagAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Discover Our Exquisite Accommodations"
          description="Indulge in the comfort and elegance of our thoughtfully designed rooms and suites, each offering a unique blend of luxury and tranquility."
          features={[
            {
              id: "1",              title: "The Presidential Suite",              author: "Ultimate Luxury",              description: "Experience the pinnacle of luxury with our Presidential Suite, featuring expansive living areas, private dining, and breathtaking city views.",              tags: ["Luxury", "Spacious", "Exclusive"],
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1",              imageAlt: "Presidential Suite interior with elegant furnishings"},
            {
              id: "2",              title: "Deluxe King Room",              author: "Comfort & Style",              description: "Our Deluxe King Rooms offer a perfect blend of comfort and style, equipped with modern amenities and a serene ambiance for a relaxing stay.",              tags: ["Comfort", "Modern", "Relaxing"],
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2",              imageAlt: "Deluxe King Room interior with comfortable bed"},
            {
              id: "3",              title: "Family Connecting Rooms",              author: "Family Friendly",              description: "Ideal for families, our connecting rooms provide ample space and privacy, ensuring a comfortable and enjoyable stay for everyone.",              tags: ["Family", "Convenient", "Connected"],
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=3",              imageAlt: "Family connecting rooms setup"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          tag="Our Rooms"
          tagAnimation="slide-up"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyFour
          title="Hotel Features & World-Class Amenities"
          description="From gourmet dining to rejuvenating spa treatments, our amenities are designed to cater to your every need and elevate your experience."
          features={[
            {
              id: "1",              title: "Gourmet Dining at 'The Grand Bistro'",              author: "Culinary Excellence",              description: "Savor exquisite flavors in an elegant setting. Our renowned chefs craft culinary masterpieces using the freshest local ingredients.",              tags: ["Dining", "Gourmet", "Restaurant"],
              imageSrc: "https://img.b2bpic.net/free-photo/decorated-wedding-reception-venue-with-view-sea-through-windows_637285-1001.jpg",              imageAlt: "Elegant fine dining restaurant interior"},
            {
              id: "2",              title: "Rejuvenating Spa & Wellness Center",              author: "Relax & Unwind",              description: "Indulge in a holistic journey of relaxation with our luxurious spa treatments, fitness facilities, and tranquil indoor pool.",              tags: ["Spa", "Wellness", "Pool"],
              imageSrc: "https://img.b2bpic.net/free-photo/slim-woman-elegant-brown-hat-eating-juicy-fruits-resort-cafe-graceful-european-woman-white-shirt-relaxing-with-cocktail-food-pool_197531-20844.jpg",              imageAlt: "Luxurious indoor spa pool area"},
            {
              id: "3",              title: "State-of-the-Art Conference Facilities",              author: "Business & Events",              description: "Host your next event in our versatile meeting rooms, equipped with cutting-edge technology and supported by our dedicated events team.",              tags: ["Meetings", "Events", "Business"],
              imageSrc: "https://img.b2bpic.net/free-photo/chair-front-businesswoman-sitting-caf_23-2147876643.jpg",              imageAlt: "Modern hotel conference room setup"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Amenities"
          tagAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Leading Travel Partners"
          description="We collaborate with industry leaders to ensure a seamless and exceptional travel experience for all our guests."
          names={[
            "TravelCo.", "Hospitality Group", "Event Solutions",            "Vacation Vistas", "Global Stays", "Experience Hotels", "Worldwide Tours"]}
          logos={[
            "https://img.b2bpic.net/free-vector/beautiful-oasis-logo-template_23-2149413057.jpg",            "https://img.b2bpic.net/free-vector/golden-elegant-corporative-logo-template_23-2148214323.jpg",            "https://img.b2bpic.net/free-vector/luxurious-golden-logo-template_23-2148843538.jpg",            "https://img.b2bpic.net/free-vector/travel-logo-template_23-2149705467.jpg",            "https://img.b2bpic.net/free-vector/flat-design-north-star-logo_23-2149189467.jpg",            "https://img.b2bpic.net/free-vector/real-estate-typography-logo_742173-4275.jpg",            "https://img.b2bpic.net/free-vector/blue-circular-abstract-logo_1043-69.jpg"]}
          useInvertedBackground={true}
          textboxLayout="default"
          speed={50}
          showCard={true}
          tag="Our Partners"
          tagAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="“Our stay at The Grand Hotel was simply magnificent. The service was impeccable, the rooms were luxurious, and the atmosphere was truly relaxing. We can't wait to return!”"
          rating={5}
          author="Eleanor Vance, Esteemed Guest"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-airline-check-attendant-counter_107420-95799.jpg", alt: "Eleanor Vance" },
            { src: "https://img.b2bpic.net/free-photo/portrait-businessman-sitting-with-disposable-cup-waiting-area_107420-63608.jpg", alt: "Michael Thompson" },
            { src: "https://img.b2bpic.net/free-photo/modern-woman-with-phone-digital-tablet_329181-15815.jpg", alt: "Sophia Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/smiling-middle-aged-businessman-stirring-coffee_1262-1988.jpg", alt: "David Lee" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Guest Testimonials"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find quick answers to common inquiries about your stay at The Grand Hotel."
          faqs={[
            { id: "1", title: "What are the check-in and check-out times?", content: "Check-in is at 3:00 PM and check-out is at 12:00 PM." },
            { id: "2", title: "Do you offer airport shuttle services?", content: "Yes, we offer complimentary airport shuttle services. Please arrange in advance with our concierge." },
            { id: "3", title: "Is there a restaurant on-site?", content: "Yes, The Grand Hotel features 'The Grand Bistro,' a fine dining restaurant offering breakfast, lunch, and dinner." },
            { id: "4", title: "Are pets allowed at the hotel?", content: "We have a limited number of pet-friendly rooms. Please inquire about availability and applicable fees when booking." },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          tag="Help Center"
          tagAnimation="slide-up"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your luxurious escape or have a special request? Our dedicated team is here to assist you."
          animationType="entrance-slide"
          buttons={[
            { text: "Contact Us", href: "/contact" },
            { text: "Call Now", href: "tel:+1234567890" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          ariaLabel="Contact us for bookings and inquiries"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg?_wi=2"
          imageAlt="Luxurious hotel lobby with elegant decor"
          columns={[
            { title: "Hotel", items: [{ label: "About Us", href: "#about" }, { label: "Our Rooms", href: "#rooms" }, { label: "Amenities", href: "#amenities" }] },
            { title: "Guest Services", items: [{ label: "Concierge", href: "#" }, { label: "Dining", href: "#" }, { label: "Spa", href: "#" }] },
            { title: "Legal", items: [{ label: "Privacy Policy", href: "/privacy" }, { label: "Terms of Service", href: "/terms" }] },
          ]}
          logoText="The Grand Hotel"
          copyrightText="© 2024 The Grand Hotel. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
