"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';

export default function SitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeLargeTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          navItems={[{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"Gallery",id:"gallery"},{name:"Contact",id:"contact"}]}
          brandName="Grand Stay"
          button={{text:"Book Now",href:"#contact"}}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroSplit
          title="Experience Unforgettable Stays at Grand Stay"
          description="Indulge in unparalleled comfort and luxury. Your perfect escape awaits with world-class service and breathtaking views."
          background={{ variant: 'plain' }}
          buttons={[{text:"Book Your Room",href:"#contact"},{text:"Explore Rooms",href:"#rooms"}]}
          imageSrc="https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg"
          imageAlt="Luxury hotel room with a large bed and city view"
          mediaAnimation="opacity"
          imagePosition="right"
        />
      </div>
      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="A Legacy of Hospitality Excellence"
          description="For over 50 years, Grand Stay has been a beacon of luxury, offering guests an exquisite experience defined by impeccable service, elegant design, and a commitment to creating memorable moments. We blend classic charm with modern amenities to ensure every stay is exceptional."
          metrics={[{value:"50+",title:"Years of Service"},{value:"1000s",title:"Happy Guests"}]}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg"
          imageAlt="Elegant hotel lobby with a grand chandelier and comfortable seating"
          mediaAnimation="slide-up"
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Discover Our Exclusive Accommodations"
          description="From cozy guest rooms to expansive suites, each space at Grand Stay is meticulously designed for your comfort and convenience."
          tag="Our Rooms"
          accordionItems={[{id:"1",title:"Luxurious Comfort & Design",content:"Each room and suite is thoughtfully designed with plush furnishings, contemporary decor, and state-of-the-art amenities to ensure a restful and indulgent stay."},{id:"2",title:"Breathtaking Views",content:"Wake up to stunning city skylines or serene garden landscapes from your private balcony or panoramic windows."},{id:"3",title:"Personalized Service",content:"Our dedicated staff are always on hand to cater to your every need, ensuring a seamless and personalized experience from check-in to check-out."},{id:"4",title:"Modern Amenities",content:"Enjoy high-speed Wi-Fi, smart TVs, luxurious bath products, and a fully stocked minibar in every room."}]}
          imageSrc="https://img.b2bpic.net/free-photo/terrace-lounge-with-rattan-armchairs-seaview-luxury-resort-summer-holiday-concept_1253-931.jpg"
          imageAlt="Hotel suite with a view"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="left"
        />
      </div>
      <div id="products" data-section="products">
        <ProductCardThree
          products={[{id:"1",name:"Standard King Room",price:"$250/night",imageSrc:"https://img.b2bpic.net/free-photo/interior-modern-comfortable-hotel-room_1232-1822.jpg",imageAlt:"A standard king-size hotel room"},{id:"2",name:"Deluxe Double Room",price:"$350/night",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",imageAlt:"A deluxe double hotel room with modern decor"},{id:"3",name:"Executive Suite",price:"$550/night",imageSrc:"https://img.b2bpic.net/free-photo/wooden-sauna-with-mountain-view-panoramic-calm_169016-70823.jpg",imageAlt:"An executive hotel suite with a separate living area"}]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Our Premium Rooms & Suites"
          description="Choose from our selection of elegantly appointed rooms and suites, each offering a unique blend of comfort and style."
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[{id:"1",title:"A truly magnificent experience",quote:"From the moment we arrived, every detail was perfect. The room was luxurious, the service impeccable, and the view from our balcony was simply breathtaking. We can't wait to return!",name:"Eleanor Vance",role:"Travel Enthusiast",imageSrc:"https://img.b2bpic.net/free-photo/pretty-charming-blonde-woman-white-blouse-smiles-sincerely_197531-23127.jpg",imageAlt:"Eleanor Vance"},{id:"2",title:"The epitome of comfort and elegance",quote:"Grand Stay exceeded all our expectations. The staff were incredibly attentive, and the amenities were top-notch. It felt like a home away from home, but with much more luxury.",name:"Marcus Thorne",role:"Business Traveler",imageSrc:"https://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg",imageAlt:"Marcus Thorne"},{id:"3",title:"Our perfect romantic getaway",quote:"We celebrated our anniversary at Grand Stay, and it was everything we dreamed of. The atmosphere was intimate, the dining exquisite, and the tranquility was unmatched. Highly recommend!",name:"Sophia & Liam",role:"Newlyweds",imageSrc:"https://img.b2bpic.net/free-photo/elegant-couple-sitting-near-swimmingpool_1157-20222.jpg",imageAlt:"Sophia and Liam"},{id:"4",title:"Fantastic family vacation spot",quote:"The kids loved the pool, and we appreciated the spacious family suite. There was something for everyone, and the location made it easy to explore. A memorable trip for all of us!",name:"The Rodriguez Family",role:"Family Vacationers",imageSrc:"https://img.b2bpic.net/free-photo/mother-with-son-daughter-sitting-bed-blanket_1303-30459.jpg",imageAlt:"The Rodriguez Family"}]}
          title="Hear From Our Happy Guests"
          description="Our guests' experiences speak for themselves. Discover why Grand Stay is the preferred choice for discerning travelers."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={["Luxury Living Magazine","Travel & Leisure","Conde Nast Traveler","Forbes Travel Guide","AAA Diamond Rated","Michelin Guide","World Luxury Hotel Awards"]}
          title="Recognized by Industry Leaders"
          description="Our commitment to excellence has earned us accolades and partnerships with top names in luxury travel and hospitality."
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          showCard={true}
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqDouble
          faqs={[{id:"1",title:"What are your check-in and check-out times?",content:"Check-in is at 3:00 PM, and check-out is at 11:00 AM. Early check-in or late check-out may be available upon request and subject to availability."},{id:"2",title:"Do you offer airport transportation?",content:"Yes, we provide airport shuttle services for an additional fee. Please contact our concierge team to arrange your transportation prior to arrival."},{id:"3",title:"Is breakfast included with the room rate?",content:"Our standard room rates do not typically include breakfast. However, you can add a breakfast package during booking or enjoy it à la carte at our restaurant."},{id:"4",title:"Are pets allowed at the hotel?",content:"We are a pet-friendly hotel! Please notify us in advance if you plan to bring a pet, as certain restrictions and fees may apply. Guide dogs are welcome without charge."},{id:"5",title:"Do you have a fitness center or pool?",content:"Yes, we feature a state-of-the-art fitness center and a luxurious indoor swimming pool, both accessible to guests during operating hours."},{id:"6",title:"What dining options are available?",content:"Grand Stay boasts a fine-dining restaurant, a casual café, and a vibrant bar, offering a range of culinary experiences. In-room dining is also available 24/7."}]}
          title="Frequently Asked Questions"
          description="Find quick answers to the most common questions about your stay at Grand Stay."
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Connect With Grand Stay"
          description="Whether you have a question, need assistance, or wish to make a special request, our dedicated team is here to help."
          inputs={[{name:"name",type:"text",placeholder:"Your Name",required:true},{name:"email",type:"email",placeholder:"Your Email",required:true}]}
          textarea={{name:"message",placeholder:"Your Message",rows:5,required:true}}
          useInvertedBackground={true}
          imageSrc="https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg"
          imageAlt="Friendly hotel receptionist smiling"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[{title:"Hotel",items:[{label:"About Us",href:"#about"},{label:"Rooms",href:"#rooms"},{label:"Amenities",href:"#amenities"}]},{title:"Guest Services",items:[{label:"FAQ",href:"#faq"},{label:"Contact Us",href:"#contact"},{label:"Privacy Policy",href:"/privacy"}]},{title:"Follow Us",items:[{label:"Facebook",href:"https://facebook.com/grandstay"},{label:"Instagram",href:"https://instagram.com/grandstay"},{label:"Twitter",href:"https://twitter.com/grandstay"}]}]}
          copyrightText="© 2024 Grand Stay. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}
