"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Award, Heart, Zap, DollarSign, Star, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Grandeur Hotel"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Experience Luxury & Comfort"
          description="Welcome to our five-star hotel, where elegance meets exceptional service. Discover the perfect retreat for your next getaway."
          tag="Grandeur Hotel"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111483.jpg",              imageAlt: "Luxury hotel suite with golden accents"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/luxury-bedroom-interior-with-rich-furniture-scenic-view-from-walkout-deck_1258-111480.jpg",              imageAlt: "Premium bedroom with modern amenities"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118953.jpg",              imageAlt: "Resort-style accommodation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/pillow-bed_1203-3064.jpg",              imageAlt: "Penthouse suite with panoramic views"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/room-interior-hotel-bedroom_23-2150683421.jpg",              imageAlt: "Deluxe hotel room interior"
            }
          ]}
          buttons={[
            { text: "Book Now", href: "contact" },
            { text: "Explore Rooms", href: "rooms" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Our Hotel"
          tagIcon={Award}
          title="Your Luxury Home Away From Home"
          description="Since 1995"
          subdescription="Grandeur Hotel - Premier Destination"
          icon={Heart}
          imageSrc="https://img.b2bpic.net/free-photo/asian-women-wake-up-from-sleep-are-stretch-herself-morning-weekend-sit-bed-luxury-room-relax-weekend-concept_1253-1031.jpg"
          imageAlt="Grandeur Hotel exterior and entrance"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="rooms" data-section="rooms">
        <FeatureCardNineteen
          title="Our Room Collections"
          description="Choose from our carefully curated selection of rooms, each designed for maximum comfort and style."
          tag="Accommodation"
          features={[
            {
              id: 1,
              tag: "Classic",              title: "Standard Room",              subtitle: "Perfect for solo travelers and couples",              description: "Spacious rooms with premium bedding, modern bathroom fixtures, and city views. Includes complimentary Wi-Fi, flat-screen TV, and luxury toiletries.",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-smiling-young-woman-sitting-bed-stretching_23-2148033319.jpg",              imageAlt: "Standard hotel room"
            },
            {
              id: 2,
              tag: "Premium",              title: "Deluxe Suite",              subtitle: "Enhanced comfort for discerning guests",              description: "Expansive suites with separate living areas, upgraded furnishings, and premium amenities. Enjoy panoramic views, premium minibar, and personalized concierge service.",              imageSrc: "https://img.b2bpic.net/free-photo/set-champagne-glasses-tray_23-2148356436.jpg",              imageAlt: "Deluxe hotel suite"
            },
            {
              id: 3,
              tag: "Exclusive",              title: "Presidential Suite",              subtitle: "Ultimate luxury and exclusivity",              description: "Our most prestigious accommodation featuring multiple bedrooms, full kitchen, spa bathroom, and 24-hour butler service. Unparalleled views and premium furnishings throughout.",              imageSrc: "https://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118955.jpg",              imageAlt: "Presidential luxury suite"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="amenities" data-section="amenities">
        <ProductCardTwo
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities and services designed for your pleasure and well-being."
          tag="Facilities"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
          products={[
            {
              id: "spa",              brand: "Wellness & Spa",              name: "Premium Spa Treatments",              price: "Included",              rating: 5,
              reviewCount: "1.2k",              imageSrc: "https://img.b2bpic.net/free-photo/relax-bedroom_1150-17980.jpg",              imageAlt: "Luxury spa facilities"
            },
            {
              id: "pool",              brand: "Recreation",              name: "Olympic Swimming Pool",              price: "Included",              rating: 5,
              reviewCount: "980",              imageSrc: "https://img.b2bpic.net/free-photo/bangkok-thailand-august-12-2016-beautiful-luxury-bedroom-int_1203-2348.jpg",              imageAlt: "Resort swimming pool"
            },
            {
              id: "dining",              brand: "Culinary",              name: "Fine Dining Restaurant",              price: "À la carte",              rating: 5,
              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-communicating-mobile-phone-while-standing-with-travel-bag-hotel-room_637285-7626.jpg",              imageAlt: "Hotel restaurant interior"
            },
            {
              id: "gym",              brand: "Fitness",              name: "State-of-the-Art Gym",              price: "Included",              rating: 5,
              reviewCount: "650",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-luxury-hotel-bedroom_74190-3804.jpg",              imageAlt: "Modern fitness center"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Room Rates & Special Offers"
          description="Flexible pricing options to suit every budget. Book direct for exclusive rates and complimentary upgrades."
          tag="Pricing"
          tagIcon={DollarSign}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "standard",              title: "Standard Room",              price: "$129",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/hotel-room-luxury-resort_53876-138105.jpg",              imageAlt: "Standard room rate",              button: { text: "Book Room", href: "contact" },
              features: [
                "Queen or Twin beds",                "Private bathroom with shower",                "Complimentary Wi-Fi",                "Flat-screen TV with premium channels",                "Luxury toiletries"
              ]
            },
            {
              id: "deluxe",              title: "Deluxe Suite",              price: "$249",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/white-comfortable-pillow-blanket-bed-with-light-lamp_74190-12074.jpg",              imageAlt: "Deluxe suite rate",              button: { text: "Book Suite", href: "contact" },
              features: [
                "Separate living area",                "Premium bedding and furnishings",                "Spa bathroom with jacuzzi",                "Panoramic city views",                "Personalized concierge service"
              ]
            },
            {
              id: "presidential",              title: "Presidential Suite",              price: "$599",              period: "/night",              imageSrc: "https://img.b2bpic.net/free-photo/two-individual-beds_1203-18.jpg",              imageAlt: "Presidential suite rate",              button: { text: "Reserve Penthouse", href: "contact" },
              features: [
                "Multiple bedrooms and living spaces",                "Full equipped kitchen",                "Luxury spa bathroom",                "24-hour butler service",                "VIP airport transfer included"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews & Testimonials"
          description="Hear from our satisfied guests about their experiences at Grandeur Hotel."
          tag="Reviews"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Travel Enthusiast",              testimonial: "An absolutely outstanding experience! The service was impeccable, the rooms were luxurious, and the attention to detail made our anniversary celebration truly memorable. We can't wait to return.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Anderson",              role: "Business Executive",              testimonial: "The perfect blend of luxury and convenience. The concierge service is exceptional, the facilities are world-class, and the location is ideal for business meetings. Highly recommended.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageAlt: "James Anderson"
            },
            {
              id: "3",              name: "Elena Rodriguez",              role: "Luxury Traveler",              testimonial: "Grandeur Hotel exceeded all my expectations. The presidential suite is breathtaking, the spa treatments are divine, and the dining experience is extraordinary. Pure elegance and comfort.",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageAlt: "Elena Rodriguez"
            },
            {
              id: "4",              name: "Michael Chen",              role: "Frequent Guest",              testimonial: "I've stayed at many five-star hotels around the world, and this one stands out. The combination of luxury, service, and genuine hospitality is unmatched. It's my home away from home.",              imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg",              imageAlt: "Michael Chen"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Contact our reservations team for personalized assistance with your booking. Special packages and group rates available."
          ctaButton={{ text: "Make a Reservation", href: "https://example.com/booking" }}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "What are your cancellation policies?",              content: "We offer flexible cancellation policies. Free cancellation up to 7 days before arrival for standard rates. Early bird bookings qualify for additional discounts. For special events or groups, personalized terms are available."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we provide complimentary airport shuttle service for all guests. VIP and suite guests enjoy priority transportation and private car service. Please inform us of your arrival time when booking."
            },
            {
              id: "3",              title: "Are pets allowed?",              content: "Selected rooms are pet-friendly with an additional fee of $50 per night. Pets must be registered at check-in. We provide amenities including food bowls, beds, and designated relief areas."
            },
            {
              id: "4",              title: "What dining options are available?",              content: "We offer multiple dining venues including our fine dining restaurant, casual café, rooftop bar, and 24-hour room service. Special dietary requirements can be accommodated with advance notice."
            },
            {
              id: "5",              title: "Is parking available?",              content: "Complimentary self-parking is included for all guests. Valet parking is available for $15 per day. Reserved covered spaces are available in our modern garage facility."
            },
            {
              id: "6",              title: "Do you offer group bookings?",              content: "Yes, we specialize in group accommodations for conferences, events, and retreats. Groups of 10+ receive special rates and dedicated event coordination. Contact our group sales team for custom packages."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/perfect-bed-with-black-cushion_1203-548.jpg"
          imageAlt="Hotel exterior at night"
          logoText="Grandeur Hotel"
          copyrightText="© 2025 Grandeur Hotel. All rights reserved."
          columns={[
            {
              title: "Hotel Info",              items: [
                { label: "About Us", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Press", href: "https://example.com/press" }
              ]
            },
            {
              title: "Rooms & Amenities",              items: [
                { label: "Room Types", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "https://example.com/dining" },
                { label: "Events", href: "https://example.com/events" }
              ]
            },
            {
              title: "Guest Services",              items: [
                { label: "Book a Room", href: "contact" },
                { label: "Group Bookings", href: "https://example.com/groups" },
                { label: "Loyalty Program", href: "https://example.com/loyalty" },
                { label: "FAQ", href: "contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}