"use client";

import React from 'react';
import { Hotel, Key, Sparkles } from 'lucide-react';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactCTA from '@/components/sections/contact/ContactCTA';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          navItems={[{name:"Rooms",id:"rooms"},{name:"Amenities",id:"amenities"},{name:"Offers",id:"offers"},{name:"About Us",id:"about"},{name:"Contact",id:"contact"}]}
          brandName="Grandeur Hotel"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi 
          title="Experience Unforgettable Stays"
          description="Discover unparalleled comfort and luxury at Grandeur Hotel, where every detail is crafted for your perfect getaway."
          background={{ variant: 'plain' }}
          kpis={[{value:"5-Star",label:"Rating"},{value:"Est. 1920",label:"Legacy"},{value:"200+",label:"Rooms & Suites"}]}
          enableKpiAnimation={false}
          buttons={[{text:"Book Your Stay",href:"#contact"},{text:"Explore Rooms",href:"#rooms"}]}
          imageSrc="https://img.b2bpic.net/free-photo/hotel-lobby_23-2149397559.jpg"
          imageAlt="Luxurious hotel lobby with grand chandelier and comfortable seating"
          imagePosition="right"
          mediaAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard 
          tag="Our Story"
          tagIcon={Hotel}
          title="Grandeur Hotel: A Legacy of Exceptional Hospitality."
          description="Since 1920, Grandeur Hotel has been the epitome of luxury and comfort, offering an exquisite escape for travelers worldwide. Our commitment to impeccable service and timeless elegance ensures a memorable stay for every guest."
          subdescription="Your perfect retreat awaits."
          icon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/sunny-urban-landscape_23-2149504786.jpg"
          imageAlt="Exterior view of a grand, classic hotel building"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour 
          features={[{id:"1",title:"Luxury Suites",author:"Designed for ultimate comfort",description:"Indulge in our spacious luxury suites, featuring elegant decor, plush furnishings, and breathtaking city views. Each suite is equipped with state-of-the-art amenities to ensure a truly relaxing experience.",tags:["Accommodation","Luxury"],imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=1",imageAlt:"Interior of a luxurious hotel suite"},{id:"2",title:"Deluxe Rooms",author:"Your serene urban escape",description:"Our deluxe rooms offer a perfect blend of style and functionality. Enjoy modern design, comfortable bedding, and all the conveniences needed for a delightful stay in the heart of the city.",tags:["Accommodation","Comfort"],imageSrc:"https://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg?_wi=1",imageAlt:"A tastefully decorated deluxe hotel room with a large bed"}]}
          animationType="slide-up"
          title="Unrivaled Comfort & Elegance"
          description="Explore our range of meticulously designed rooms and suites, tailored to meet your every need."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardThree 
          products={[{id:"1",name:"Luxury Suite",price:"$450/night",imageSrc:"https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg?_wi=2",imageAlt:"Luxury hotel suite interior",initialQuantity:1},{id:"2",name:"Deluxe Room",price:"$300/night",imageSrc:"https://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg?_wi=2",imageAlt:"Deluxe hotel room interior",initialQuantity:1},{id:"3",name:"Standard Room",price:"$200/night",imageSrc:"https://img.b2bpic.net/free-photo/small-hotel-room-interior-with-double-bed-bathroom_1262-12489.jpg",imageAlt:"Standard hotel room interior",initialQuantity:1}]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Our Premium Accommodations"
          description="Choose from our exquisite collection of rooms and suites, each designed to provide a distinct experience of comfort and luxury."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo 
          testimonials={[{id:"1",name:"Sarah J.",role:"Frequent Traveler",testimonial:"The Grandeur Hotel exceeded all my expectations. The staff were incredibly attentive, and the room was simply stunning. A truly luxurious experience from start to finish!",imageSrc:"https://img.b2bpic.net/free-photo/young-beautiful-girl-sitting-cafe_176420-5900.jpg",imageAlt:"Portrait of Sarah Johnson"},{id:"2",name:"Michael D.",role:"Business Executive",testimonial:"Exceptional service and amenities. The quiet atmosphere allowed me to focus, and the dining options were superb. Definitely my go-to hotel for business trips.",imageSrc:"https://img.b2bpic.net/free-photo/smiling-business-man-texting-smartphone-cafe_1262-3308.jpg",imageAlt:"Portrait of Michael D."},{id:"3",name:"Emily R.",role:"Vacationer",testimonial:"A perfect romantic getaway! The views were breathtaking, and every detail, from the comfortable bed to the exquisite decor, made our stay unforgettable. Highly recommend!",imageSrc:"https://img.b2bpic.net/free-photo/happy-couple-sitting-inside-transparent-bubble-tent-glamping-reading-book_1268-24546.jpg",imageAlt:"Portrait of Emily R."},{id:"4",name:"David K.",role:"Family Tourist",testimonial:"Our family had a wonderful time. The hotel was very accommodating with our children, and the facilities were fantastic. We felt right at home and can't wait to return.",imageSrc:"https://img.b2bpic.net/free-photo/medium-shot-parents-working-remotely_23-2150172022.jpg",imageAlt:"Portrait of David K."}]}
          animationType="slide-up"
          title="What Our Guests Say"
          description="Hear from those who have experienced the Grandeur difference."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven 
          groups={[{id:"management",groupTitle:"Management Team",members:[{id:"1",title:"Anna Schmidt",subtitle:"General Manager",detail:"anna.s@grandeurhotel.com",imageSrc:"https://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg",imageAlt:"Portrait of Anna Schmidt"},{id:"2",title:"Chef Antoine Dubois",subtitle:"Executive Chef",detail:"antoine.d@grandeurhotel.com",imageSrc:"https://img.b2bpic.net/free-photo/confident-chef-wearing-uniform-posing-with-his-arms-crossed-looking-camera-restaurant-kitchen_613910-21352.jpg",imageAlt:"Portrait of Chef Antoine Dubois"}]},{id:"front-desk",groupTitle:"Guest Services",members:[{id:"3",title:"Liam O'Connell",subtitle:"Head Concierge",detail:"liam.o@grandeurhotel.com",imageSrc:"https://img.b2bpic.net/free-photo/concierge-assists-with-checkin-hotel_482257-90464.jpg",imageAlt:"Portrait of Liam O'Connell"},{id:"4",title:"Maria Gonzalez",subtitle:"Head of Housekeeping",detail:"maria.g@grandeurhotel.com",imageSrc:"https://img.b2bpic.net/free-photo/smiling-housekeeping-worker-standing-with-bedclothes-linen-cart_171337-12727.jpg",imageAlt:"Portrait of Maria Gonzalez"}]}]}
          animationType="slide-up"
          title="Meet Our Dedicated Team"
          description="Our passionate team is committed to making your stay exceptional."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase 
          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 can be arranged upon availability and may incur an additional fee. Please contact the front desk for more information."},{id:"2",title:"Do you offer airport shuttle service?",content:"Yes, we offer a complimentary airport shuttle service for our guests. Please provide your flight details during booking or contact our concierge to arrange your pick-up."},{id:"3",title:"Is breakfast included in the room rate?",content:"Our room rates may or may not include breakfast, depending on the package you choose. Please check your booking details or inquire at the front desk for breakfast options and pricing."},{id:"4",title:"Do you have a fitness center or pool?",content:"Yes, Grandeur Hotel features a state-of-the-art fitness center and a luxurious indoor swimming pool, both accessible to guests. Please check our amenities section for operating hours."}]}
          faqsAnimation="slide-up"
          title="Frequently Asked Questions"
          description="Find quick answers to the most common inquiries about your stay at Grandeur Hotel."
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA 
          tag="Ready to Indulge?"
          tagIcon={Key}
          title="Book Your Luxurious Escape Today"
          description="Begin your journey of exquisite comfort and unparalleled service. Reserve your stay at Grandeur Hotel and create unforgettable memories."
          buttons={[{text:"Book Now",href:"#"},{text:"Contact Us",href:"#"}]}
          background={{ variant: 'plain' }}
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
