"use client";
import Link from "next/link";
import { Gift, Sun, Heart, Users } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';

export default function OffersPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="gradient-bordered"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Luxe Haven"
          navItems={[
            { name: "Rooms", id: "/rooms" },
            { name: "Amenities", id: "/amenities" },
            { name: "Reviews", id: "/reviews" },
            { name: "Offers", id: "/offers" },
          ]}
          button={{
            text: "Book Now",
            href: "#booking",
          }}
        />
      </div>

      <div id="offers" data-section="offers">
        <PricingCardFive
          title="Exclusive Seasonal Offers"
          description="Book your perfect getaway and save with our limited-time promotions"
          tag="Special Rates"
          tagIcon={Gift}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "summer",
              tag: "Summer Escape Package",
              tagIcon: Sun,
              price: "20%",
              period: "OFF",
              description: "Enjoy summer bliss with discounted rates on all room types for bookings in June-August.",
              button: {
                text: "Book Summer Getaway",
                href: "#booking",
              },
              featuresTitle: "Package Includes:",
              features: [
                "Complimentary breakfast daily",
                "Free room upgrade (subject to availability)",
                "Welcome cocktail at the bar",
                "Extended checkout (2 PM)",
              ],
            },
            {
              id: "weekend",
              tag: "Romantic Weekend Retreat",
              tagIcon: Heart,
              price: "15%",
              period: "OFF",
              description: "Perfect for couples seeking a romantic getaway. Friday and Saturday night special rates year-round.",
              button: {
                text: "Plan Your Romantic Escape",
                href: "#booking",
              },
              featuresTitle: "What's Included:",
              features: [
                "Couple spa package discount",
                "Champagne and chocolate in room",
                "Private dinner reservation available",
                "Late checkout (12 PM)",
              ],
            },
            {
              id: "group",
              tag: "Group & Corporate Events",
              tagIcon: Users,
              price: "30%",
              period: "OFF",
              description: "Host your celebration or corporate event with special group rates for 10+ guests.",
              button: {
                text: "Inquire About Group Rates",
                href: "/contact",
              },
              featuresTitle: "Corporate Benefits:",
              features: [
                "Dedicated event coordinator",
                "Customized menu options",
                "Conference facilities included",
                "Group transportation available",
              ],
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Find answers to common questions about booking, amenities, and your stay with us."
          textPosition="left"
          useInvertedBackground="invertDefault"
          showCard={true}
          faqs={[
            {
              id: "1",
              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 are available upon request, subject to room availability.",
            },
            {
              id: "2",
              title: "Do you offer free parking?",
              content: "Yes, complimentary parking is included for all guests. We offer both indoor and outdoor parking options with 24/7 security.",
            },
            {
              id: "3",
              title: "Is Wi-Fi included in the room rate?",
              content: "Absolutely! High-speed wireless internet is complimentary throughout the hotel for all registered guests.",
            },
            {
              id: "4",
              title: "What is your cancellation policy?",
              content: "Bookings can be cancelled free of charge up to 48 hours before your arrival date. Cancellations within 48 hours may incur a one-night charge.",
            },
            {
              id: "5",
              title: "Do you accommodate special dietary requirements?",
              content: "Yes, our culinary team can accommodate various dietary needs including vegetarian, vegan, gluten-free, and allergen-specific diets. Please inform us during booking.",
            },
            {
              id: "6",
              title: "Are pets allowed at the hotel?",
              content: "We welcome well-behaved pets for a nominal fee of $50 per night. Certain breed restrictions apply. Please contact us in advance to arrange.",
            },
          ]}
        />
      </div>

      <div id="seasonal-events" data-section="seasonal-events">
        <PricingCardFive
          title="Seasonal Events & Experiences"
          description="Join us for exclusive events throughout the year"
          tag="Special Events"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          plans={[
            {
              id: "holidays",
              tag: "Holiday Celebrations",
              price: "$95",
              period: "/person",
              description: "Celebrate special holidays with themed dinners, entertainment, and exclusive experiences.",
              button: {
                text: "View Holiday Calendar",
                href: "#events",
              },
              featuresTitle: "Holiday Features:",
              features: [
                "Themed gala dinner",
                "Live entertainment",
                "Special holiday decorations",
                "Complimentary welcome drinks",
              ],
            },
            {
              id: "corporate",
              tag: "Corporate Retreats",
              price: "$200",
              period: "/day",
              description: "Perfect venue for corporate meetings, team building, and business retreats.",
              button: {
                text: "Plan Corporate Event",
                href: "/contact",
              },
              featuresTitle: "Business Amenities:",
              features: [
                "State-of-the-art conference rooms",
                "Audio-visual equipment",
                "Business center access",
                "Catering services available",
              ],
            },
          ]}
        />
      </div>

      <FooterSimple
        columns={[
          {
            title: "Rooms & Rates",
            items: [
              { label: "Room Types", href: "/rooms" },
              { label: "Current Offers", href: "/offers" },
              { label: "Group Bookings", href: "/contact" },
              { label: "Corporate Rates", href: "/contact" },
            ],
          },
          {
            title: "Amenities",
            items: [
              { label: "Spa & Wellness", href: "/amenities" },
              { label: "Fine Dining", href: "/amenities" },
              { label: "Swimming Pool", href: "/amenities" },
              { label: "Fitness Center", href: "/amenities" },
            ],
          },
          {
            title: "Guest Services",
            items: [
              { label: "Concierge", href: "/contact" },
              { label: "Room Service", href: "/contact" },
              { label: "Housekeeping", href: "/contact" },
              { label: "Guest Support", href: "/contact" },
            ],
          },
          {
            title: "About",
            items: [
              { label: "Our Story", href: "/about" },
              { label: "Careers", href: "/about" },
              { label: "Sustainability", href: "/about" },
              { label: "Media", href: "/about" },
            ],
          },
          {
            title: "Legal",
            items: [
              { label: "Privacy Policy", href: "/legal" },
              { label: "Terms of Service", href: "/legal" },
              { label: "Cookie Policy", href: "/legal" },
            ],
          },
        ]}
        bottomLeftText="© 2025 Luxe Haven Hotel. All rights reserved."
        bottomRightText="Crafted with elegance for travelers worldwide"
      />
    </ThemeProvider>
  );
}