"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import PricingCardSeven from '@/components/sections/pricing/PricingCardSeven';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Briefcase, Calendar, Facebook, Gem, Heart, Instagram, Linkedin, Phone, Star, Twitter } from "lucide-react";

export default function LuxeSuitesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="grid"
      cardStyle="neon-glow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            {name: "Home", id: "hero"},
            {name: "Rooms", id: "rooms"},
            {name: "About", id: "about"},
            {name: "Contact", id: "contact"},
            {name: "Book Now", id: "booking"}
          ]}
          brandName="Luxe Suites"
          bottomLeftText="Available 24/7"
          bottomRightText="reservations@luxesuites.com"
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Welcome to Luxe Suites"
          description="Experience unparalleled elegance and comfort in the heart of the city. Your perfect getaway awaits."
          tag="5-Star Luxury"
          tagIcon={Star}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184711453-096e89ja.jpg"
          imageAlt="Luxe Suites Hotel"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            {text: "Book a Room", href: "booking"},
            {text: "Learn More", href: "about"}
          ]}
        />
      </div>
      
      <div id="about" data-section="about">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Luxe Suites has been setting the standard for hospitality excellence for over two decades. Our commitment to personalized service and attention to detail has made us the preferred choice for discerning travelers worldwide.",
            "We believe that every stay should be extraordinary. From our meticulously designed rooms to our world-class amenities, we ensure that every moment of your visit is filled with comfort, elegance, and memorable experiences."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            {text: "Explore Rooms", href: "rooms"}
          ]}
        />
      </div>
      
      <div id="rooms" data-section="rooms">
        <ProductCardTwo
          title="Our Room Collection"
          description="Discover our curated selection of luxurious rooms, each designed for ultimate comfort and style"
          tag="Premium Accommodations"
          tagIcon={Gem}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              brand: "Luxury Collection",
              name: "Deluxe Ocean View",
              price: "$250/night",
              rating: 5,
              reviewCount: "328",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184710583-yt05ru42.jpg",
              imageAlt: "Deluxe Ocean View Room"
            },
            {
              id: "2",
              brand: "Classic Collection",
              name: "Standard Comfort Room",
              price: "$150/night",
              rating: 5,
              reviewCount: "412",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766849442209-g2s3b84q.jpg",
              imageAlt: "Standard Comfort Room"
            },
            {
              id: "3",
              brand: "Signature Collection",
              name: "Presidential Suite",
              price: "$450/night",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766184712312-lhl1h85w.jpg",
              imageAlt: "Presidential Suite"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardSeven
          title="Flexible Rates & Packages"
          description="Choose the perfect plan for your stay. All rooms include complimentary breakfast and premium amenities."
          tag="Best Value"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "weekday",
              tag: "BEST FOR BUSINESS",
              tagIcon: Briefcase,
              pricingOptions: [
                {value: "one-night", label: "One Night", price: "$150", subtitle: "Per night"},
                {value: "one-week", label: "7 Nights", price: "$945", subtitle: "Total (save 10%)"}
              ],
              defaultOption: "one-night",
              selectorNote: "Save more with weekly rates",
              description: "Perfect for business travelers. Includes high-speed WiFi, business center access, and express checkout.",
              buttons: [{text: "Book Now", href: "#"}]
            },
            {
              id: "weekend",
              tag: "MOST POPULAR",
              tagIcon: Heart,
              pricingOptions: [
                {value: "weekend", label: "2 Nights", price: "$480", subtitle: "Per weekend"},
                {value: "monthly", label: "30 Days", price: "$4,200", subtitle: "Per month (save 30%)"}
              ],
              defaultOption: "weekend",
              selectorNote: "Best weekend getaway value",
              description: "Ideal for couples and families. Includes spa credits, fine dining discount, and complimentary airport transfers.",
              buttons: [{text: "Book Now", href: "#"}]
            },
            {
              id: "extended",
              tag: "EXTENDED STAY",
              tagIcon: Calendar,
              pricingOptions: [
                {value: "two-weeks", label: "2 Weeks", price: "$2,100", subtitle: "Total (save 20%)"},
                {value: "monthly", label: "1 Month", price: "$3,750", subtitle: "Total (save 25%)"}
              ],
              defaultOption: "two-weeks",
              selectorNote: "Maximum savings on long stays",
              description: "Perfect for extended stays. Includes all amenities, laundry service, and personalized concierge assistance.",
              buttons: [{text: "Book Now", href: "#"}]
            }
          ]}
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Guest Reviews"
          description="Hear what our valued guests have to say about their unforgettable stays"
          tag="5-Star Ratings"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Sarah Mitchell",
              role: "Travel Blogger",
              testimonial: "Luxe Suites exceeded all my expectations. The attention to detail, impeccable service, and stunning views made this the best hotel experience of my life.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766154635301-vse33sxl.jpg",
              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",
              name: "James Richardson",
              role: "Executive",
              testimonial: "Perfect for business travel. The rooms are spacious, the WiFi is lightning-fast, and the staff anticipates your every need. Highly recommended!",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183841431-v1xtegko.jpg",
              imageAlt: "James Richardson"
            },
            {
              id: "3",
              name: "Emma Thompson",
              role: "Couple on Honeymoon",
              testimonial: "Our honeymoon was magical here. The romantic ambiance, luxurious amenities, and world-class dining made it an unforgettable celebration of our love.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766183842429-uezzjpov.jpg",
              imageAlt: "Emma Thompson"
            },
            {
              id: "4",
              name: "David Chen",
              role: "Corporate Travel Manager",
              testimonial: "We book all our executive retreats at Luxe Suites. Consistency, quality, and their commitment to excellence make them our go-to choice every time.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906600169-weh4ibgu.jpg",
              imageAlt: "David Chen"
            },
            {
              id: "5",
              name: "Maria Garcia",
              role: "Family Traveler",
              testimonial: "Family vacation was wonderful! The kids loved the pool, the food was delicious, and the staff made us feel like royalty. We're already planning our next visit.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766871939047-6ikc1hsp.jpg",
              imageAlt: "Maria Garcia"
            },
            {
              id: "6",
              name: "Robert Wilson",
              role: "Frequent Guest",
              testimonial: "I've stayed at Luxe Suites multiple times and they never disappoint. The loyalty program is generous, and I feel genuinely welcomed every visit.",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766152149165-8nddns07.jpg",
              imageAlt: "Robert Wilson"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Stay?"
          ctaDescription="Let our team help you plan the perfect hotel experience. Contact our reservations team."
          ctaButton={{text: "Contact Us", href: "#"}}
          ctaIcon={Phone}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",
              title: "What is your cancellation policy?",
              content: "We offer flexible cancellation up to 48 hours before arrival for a full refund. Cancellations within 48 hours may incur a one-night charge. Special event rates may have different policies."
            },
            {
              id: "2",
              title: "Do you offer airport transfers?",
              content: "Yes, complimentary airport transfers are included with bookings of 3+ nights. Express transfers and luxury car services are available for additional fees."
            },
            {
              id: "3",
              title: "What amenities are included with my room?",
              content: "All rooms include complimentary WiFi, premium bedding, luxury toiletries, flat-screen TV, minibar, and access to our fitness center and pool. Select rooms include spa credits and dining vouchers."
            },
            {
              id: "4",
              title: "Can you accommodate special requests?",
              content: "Absolutely! We strive to fulfill special requests including dietary preferences, room setup, and celebration arrangements. Please contact us in advance to discuss your needs."
            },
            {
              id: "5",
              title: "Is parking available?",
              content: "Yes, complimentary valet parking is provided for all guests. Self-parking and EV charging stations are also available."
            },
            {
              id: "6",
              title: "Do you offer wedding and event packages?",
              content: "Yes, we specialize in luxury events. Our team offers customized wedding packages, corporate retreats, and private celebrations. Contact our events team for personalized quotes."
            }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="Luxe Suites"
          columns={[
            {
              title: "Rooms",
              items: [
                {label: "Deluxe Rooms", href: "#"},
                {label: "Suites", href: "#"},
                {label: "Pricing", href: "pricing"}
              ]
            },
            {
              title: "Experience",
              items: [
                {label: "Amenities", href: "#"},
                {label: "Dining", href: "#"},
                {label: "Events", href: "#"}
              ]
            },
            {
              title: "Company",
              items: [
                {label: "About Us", href: "about"},
                {label: "Contact", href: "contact"},
                {label: "Careers", href: "#"}
              ]
            },
            {
              title: "Policies",
              items: [
                {label: "Privacy Policy", href: "#"},
                {label: "Terms & Conditions", href: "#"},
                {label: "Cancellation", href: "#"}
              ]
            }
          ]}
          socialLinks={[
            {icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram"},
            {icon: Facebook, href: "https://facebook.com", ariaLabel: "Follow us on Facebook"},
            {icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter"},
            {icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn"}
          ]}
          copyrightText="© Luxe Suites, Inc. 2025. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}