"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, BadgeCheck, Lightbulb, Facebook, Instagram, Whatsapp } from "lucide-react";

export default function PackagesPage() {
  const navItems = [
    {
      name: "Event Packages",      id: "/packages"
    },
    {
      name: "Contact Us",      id: "/contact"
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="KendiJoy Catering Services"
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pcy7x"
          logoAlt="KendiJoy Logo"
          navItems={navItems}
          button={{ text: "Get a Quote", href: "/contact" }}
        />
      </div>

      <div id="pricing-page" data-section="pricing-page">
        <PricingCardEight
          title="Discover Your Perfect Event Package"
          description="Choose from our expertly crafted packages or let us customize one to fit your unique vision and budget."
          plans={[
            {
              id: "intimate",              badge: "Essential",              badgeIcon: Sparkles,
              price: "Ksh 150,000+",              subtitle: "Ideal for small gatherings and family celebrations.",              buttons: [
                {
                  text: "Learn More",                  href: "/contact"
                }
              ],
              features: [
                "Consultation & Planning",                "Basic Venue Setup",                "Standard Catering Menu",                "Guest List Management",                "On-site Assistant"
              ]
            },
            {
              id: "celebration",              badge: "Popular Choice",              badgeIcon: BadgeCheck,
              price: "Ksh 350,000+",              subtitle: "Perfect for weddings, corporate events, and grand birthdays.",              buttons: [
                {
                  text: "Select Package",                  href: "/contact"
                }
              ],
              features: [
                "Comprehensive Planning & Design",                "Premium Venue Styling",                "Custom Gourmet Catering",                "Vendor Coordination",                "Dedicated Event Manager"
              ]
            },
            {
              id: "bespoke-package",              badge: "Ultimate Luxury",              badgeIcon: Lightbulb,
              price: "Custom Quote",              subtitle: "Tailored event planning for a truly unique and luxurious experience.",              buttons: [
                {
                  text: "Request Quote",                  href: "/contact"
                }
              ],
              features: [
                "Exclusive Concept Creation",                "Luxury Vendor Network Access",                "High-End Decor & Entertainment",                "Personalized Event Host",                "Concierge Services"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="packages-faq-page" data-section="packages-faq-page">
        <FaqSplitMedia
          title="Frequently Asked Questions About Our Packages"
          description="Find answers to common questions about our event planning and catering packages."
          faqs={[
            {
              id: "faq-1",              title: "Can packages be customized?",              content: "Yes, all our packages are fully customizable. We work closely with you to tailor every detail to your specific needs, preferences, and budget, ensuring your event is truly unique."
            },
            {
              id: "faq-2",              title: "What is included in the catering services?",              content: "Our catering services include menu planning, food preparation, professional serving staff, and all necessary dining ware. We offer a diverse range of culinary options, from traditional African delicacies to international cuisines."
            },
            {
              id: "faq-3",              title: "Do you handle venue selection?",              content: "Absolutely. We offer comprehensive venue selection assistance, leveraging our network to find the perfect location that aligns with your event's theme, guest capacity, and logistical requirements."
            },
            {
              id: "faq-4",              title: "How far in advance should I book?",              content: "We recommend booking as far in advance as possible, especially for larger events or during peak seasons, to ensure availability and ample time for detailed planning. Typically, 6-12 months is ideal."
            },
            {
              id: "faq-5",              title: "What if I need to change my event date?",              content: "We understand that unforeseen circumstances can arise. Please contact us as soon as possible if you need to change your event date. We will do our best to accommodate your request based on our availability and vendor policies."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-psd/modern-design-template_23-2151882592.jpg"
          imageAlt="Event package brochure"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer-section" data-section="footer-section">
        <FooterCard
          logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5pcy7x"
          logoAlt="KendiJoy Logo"
          logoText="KendiJoy Catering Services"
          copyrightText="© 2025 KendiJoy Catering Services. All Rights Reserved."
          socialLinks={[
            {
              icon: Facebook,
              href: "#",              ariaLabel: "Facebook"
            },
            {
              icon: Instagram,
              href: "#",              ariaLabel: "Instagram"
            },
            {
              icon: Whatsapp,
              href: "#",              ariaLabel: "Whatsapp"
            }
          ]}
          columns={[
            {
              heading: "Quick Links",              items: [
                {
                  label: "Packages",                  href: "/packages"
                },
                {
                  label: "Contact Us",                  href: "/contact"
                }
              ]
            },
            {
              heading: "Our Services",              items: []
            },
            {
              heading: "Contact Us",              items: [
                {
                  label: "+254 711 123 456",                  href: "tel:+254711123456"
                },
                {
                  label: "hello@kendijoy.co.ke",                  href: "mailto:hello@kendijoy.co.ke"
                },
                {
                  label: "Nairobi, Kenya",                  href: "#"
                },
                {
                  label: "Mon - Sat: 8:00 AM - 6:00 PM",                  href: "#"
                }
              ]
            }
          ]}
          useInvertedBackground={false}
        />
      </div>
    </ThemeProvider>
  );
}
