"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Home, Zap, Users, Award, CreditCard, Moon, Calendar, HelpCircle, Phone, Globe, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmall"
      background="none"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Serenity Hotels"
          navItems={[
            { name: "Rooms", id: "rooms" },
            { name: "Amenities", id: "amenities" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Luxury Hospitality"
          bottomRightText="reservations@serenityhotels.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Experience Luxury & Serenity"
          description="Discover our world-class accommodations, exceptional amenities, and personalized service in the heart of paradise. Your perfect getaway awaits."
          background={{ variant: "glowing-orb" }}
          kpis={[
            { value: "500+", label: "Luxury Rooms" },
            { value: "98%", label: "Guest Satisfaction" },
            { value: "25 Yrs", label: "Industry Excellence" }
          ]}
          enableKpiAnimation={true}
          tag="5-Star Hospitality"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/hotel-guest-having-fun-with-tablet_482257-81606.jpg"
          imageAlt="Luxury hotel lobby with elegant design"
          buttons={[
            { text: "Book Now", href: "#pricing" },
            { text: "Explore Rooms", href: "#rooms" }
          ]}
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="Choose from our exquisite selection of luxuriously appointed rooms and suites, each designed for ultimate comfort and elegance."
          tag="Accommodation"
          tagIcon={Home}
          products={[
            {
              id: "1",              brand: "Serenity Hotels",              name: "Deluxe Suite",              price: "$299/night",              rating: 5,
              reviewCount: "2.1k",              imageSrc: "https://img.b2bpic.net/free-photo/middle-eastern-worker-business-trip_482257-80852.jpg",              imageAlt: "Deluxe Suite with modern furnishings"
            },
            {
              id: "2",              brand: "Serenity Hotels",              name: "Spa Suite with Jacuzzi",              price: "$449/night",              rating: 5,
              reviewCount: "1.8k",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-provides-information-front-desk-check-procedure-travelling-work-purposes-attend-official-conference-receptionist-greeting-professional-client-lobby_482257-65299.jpg",              imageAlt: "Spa Suite featuring luxury bathroom"
            },
            {
              id: "3",              brand: "Serenity Hotels",              name: "Penthouse Suite",              price: "$799/night",              rating: 5,
              reviewCount: "890",              imageSrc: "https://img.b2bpic.net/free-photo/two-professionals-review-notes-laptop-creating-buisness-meeting-lounge-area-luxury-hotel-international-representatives-attend-important-conference-share-experiences_482257-68043.jpg",              imageAlt: "Penthouse Suite with panoramic views"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="amenities" data-section="amenities">
        <FeatureCardTwentyTwo
          title="World-Class Amenities"
          description="Indulge in our comprehensive range of facilities designed to enhance your stay and ensure complete relaxation and rejuvenation."
          tag="Facilities"
          tagIcon={Zap}
          features={[
            {
              id: "1",              category: ["Wellness", "Relaxation"],
              title: "Full-Service Spa & Wellness Center",              imageSrc: "https://img.b2bpic.net/free-photo/fiance-with-friends-drining-wedding-day-indoors_8353-12087.jpg",              imageAlt: "Luxury spa and wellness facilities"
            },
            {
              id: "2",              category: ["Dining", "Culinary"],
              title: "Fine Dining Restaurant & Bar",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-woman-looking-out-window_23-2149622868.jpg",              imageAlt: "Elegant restaurant with gourmet cuisine"
            },
            {
              id: "3",              category: ["Recreation", "Swimming"],
              title: "Infinity Pool & Aquatic Center",              imageSrc: "https://img.b2bpic.net/free-photo/modern-reception-counter-with-classy-interior-design_482257-101081.jpg",              imageAlt: "Luxury infinity pool overlooking gardens"
            },
            {
              id: "4",              category: ["Fitness", "Health"],
              title: "State-of-the-Art Fitness Center",              imageSrc: "https://img.b2bpic.net/free-photo/older-people-talk-about-holiday-plans_482257-76640.jpg",              imageAlt: "Modern fitness facility with equipment"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Guest Stories & Reviews"
          description="Hear directly from our satisfied guests about their exceptional experiences at Serenity Hotels."
          tag="Testimonials"
          tagIcon={Users}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, Travel Blogger",              date: "Date: 15 November 2024",              tag: "Luxury Suite Guest",              title: "An unforgettable retreat in paradise",              quote: "From the moment we arrived, every detail was perfect. The staff went above and beyond to ensure our comfort, and the views from our suite were absolutely breathtaking. We've stayed at many luxury hotels, but Serenity Hotels truly stands out.",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-business-woman-suit_23-2148603018.jpg"
            },
            {
              id: "2",              name: "James Richardson, CEO",              date: "Date: 8 November 2024",              tag: "Penthouse Suite Guest",              title: "Perfect venue for executive retreats",              quote: "We hosted our annual leadership team retreat here, and it was exceptional. The facilities are top-notch, the service is impeccable, and the ambiance creates the perfect environment for both relaxation and productivity.",              avatarSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-professional-business-woman-suit_23-2148603020.jpg"
            },
            {
              id: "3",              name: "Emma Chen, Wedding Planner",              date: "Date: 22 October 2024",              tag: "Wedding Package Guest",              title: "Made our dream wedding come true",              quote: "Planning a destination wedding can be stressful, but the team at Serenity Hotels handled everything flawlessly. The venue is stunning, the catering was exquisite, and our guests are still raving about the experience.",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg"
            },
            {
              id: "4",              name: "Michael Torres, Businessman",              date: "Date: 5 October 2024",              tag: "Deluxe Suite Guest",              title: "Business travel redefined",              quote: "As a frequent business traveler, I appreciate quality and efficiency. Serenity Hotels delivers both in abundance. The concierge service is outstanding, and the facilities make working from the hotel a pleasure.",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg"
            },
            {
              id: "5",              name: "Sophia Anderson, Wellness Coach",              date: "Date: 28 September 2024",              tag: "Spa Suite Guest",              title: "A sanctuary for mind, body, and soul",              quote: "I brought my wellness retreat group here, and everyone was transformed by the experience. The spa services are world-class, the nutritious dining options are excellent, and the overall atmosphere promotes genuine wellness.",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
            },
            {
              id: "6",              name: "David Wong, Travel Photographer",              date: "Date: 12 September 2024",              tag: "Extended Stay Guest",              title: "Photographer's paradise",              quote: "The natural beauty surrounding this property and the artistic design of the interiors made it an absolute joy to photograph. Plus, the staff was wonderfully accommodating with my setup and equipment needs throughout my stay.",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="Our commitment to excellence is reflected in these achievements and milestones that showcase our dedication to hospitality."
          tag="Performance"
          tagIcon={Award}
          metrics={[
            {
              id: "1",              icon: Users,
              title: "Happy Guests",              value: "150K+"
            },
            {
              id: "2",              icon: Globe,
              title: "Countries Represented",              value: "78"
            },
            {
              id: "3",              icon: Award,
              title: "Hospitality Awards",              value: "23"
            },
            {
              id: "4",              icon: TrendingUp,
              title: "Average Rating",              value: "4.9★"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Booking Options"
          description="Select the perfect rate plan that suits your needs, from single nights to extended luxury experiences."
          tag="Rates"
          tagIcon={CreditCard}
          plans={[
            {
              id: "standard-night",              tag: "Standard Rate",              tagIcon: Moon,
              price: "$199",              period: "/night",              description: "Perfect for short getaways and weekend escapes",              button: { text: "Book Now", href: "#contact" },
              featuresTitle: "Included Amenities:",              features: [
                "Complimentary Wi-Fi",                "Daily breakfast",                "Fitness center access",                "24-hour room service"
              ]
            },
            {
              id: "week-package",              tag: "Weekly Package",              tagIcon: Calendar,
              price: "$1,099",              period: "/week",              description: "Ideal for extended stays with special perks and discounts",              button: { text: "Reserve Week", href: "#contact" },
              featuresTitle: "Included Amenities:",              features: [
                "All standard amenities",                "10% dining discount",                "Spa credit $100",                "Late checkout"
              ]
            },
            {
              id: "month-retreat",              tag: "Monthly Retreat",              tagIcon: Zap,
              price: "$3,899",              period: "/month",              description: "Ultimate luxury experience for long-term stays and corporate retreats",              button: { text: "Inquire Now", href: "#contact" },
              featuresTitle: "Included Amenities:",              features: [
                "All weekly benefits",                "20% dining discount",                "Complimentary spa services",                "Personalized concierge",                "Room upgrade options"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our rooms, amenities, policies, and booking process."
          tag="Help"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "What is your cancellation policy?",              content: "We offer flexible cancellation options. Most standard bookings can be cancelled up to 7 days before arrival for a full refund. Non-refundable rates offer better pricing but cannot be modified or cancelled. Corporate and group bookings have customized policies."
            },
            {
              id: "2",              title: "Do you offer airport transportation?",              content: "Yes, we provide complimentary airport shuttle service for all guests. Simply inform us of your arrival details when booking or upon check-in. Private car service is also available upon request for an additional fee."
            },
            {
              id: "3",              title: "Are there extra charges for amenities?",              content: "Most amenities including Wi-Fi, fitness center, and basic breakfast are included with your room rate. Premium services such as spa treatments, special dining experiences, and recreational activities have separate charges."
            },
            {
              id: "4",              title: "What is your check-in and check-out time?",              content: "Standard check-in is at 3:00 PM and check-out is at 11:00 AM. Early check-in and late check-out can be arranged based on availability. We also offer luggage storage for guests with flexible travel times."
            },
            {
              id: "5",              title: "Do you accommodate special dietary requirements?",              content: "Absolutely. Our culinary team can accommodate various dietary preferences including vegetarian, vegan, gluten-free, and allergen-free meals. Please notify us during booking or at check-in."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/old-woman-filling-registration-forms-front-desk-passing-room-check-preparing-start-retirement-vacation-trip-traveller-asking-receptionist-about-all-inclusive-service-handheld-shot_482257-70827.jpg"
          imageAlt="Hotel concierge providing exceptional service"
          mediaPosition="left"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Get in touch with our reservations team to secure your dates or customize a special package for your needs."
          ctaIcon={Phone}
          ctaButton={{
            text: "Call Now: +1 (800) 555-7777",            href: "tel:+18005557777"
          }}
          faqs={[
            {
              id: "1",              title: "How can I make a reservation?",              content: "You can book directly through our website, call our reservations team at +1 (800) 555-7777, or email reservations@serenityhotels.com. Our team is available 24/7 to assist you."
            },
            {
              id: "2",              title: "Do you offer group discounts?",              content: "Yes, we offer special group rates for parties of 10 or more. Contact our group sales team at groups@serenityhotels.com to discuss your event and receive a customized proposal."
            },
            {
              id: "3",              title: "Can I modify my existing reservation?",              content: "Modifications can be made online through your account or by contacting our reservations team. Changes are subject to availability and applicable rate adjustments."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Explore",              items: [
                { label: "Rooms & Suites", href: "rooms" },
                { label: "Amenities", href: "amenities" },
                { label: "Dining", href: "amenities" },
                { label: "Spa & Wellness", href: "amenities" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#careers" },
                { label: "Press", href: "#press" },
                { label: "Sustainability", href: "#sustainability" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Reservations", href: "contact" },
                { label: "Support", href: "contact" },
                { label: "reservations@serenityhotels.com", href: "mailto:reservations@serenityhotels.com" },
                { label: "+1 (800) 555-7777", href: "tel:+18005557777" }
              ]
            }
          ]}
          copyrightText="© 2025 Serenity Hotels | Luxury Hospitality Worldwide"
        />
      </div>
    </ThemeProvider>
  );
}