"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Zap, Star, Flame, Spice, Utensils, Fire } from "lucide-react";

export default function OffersPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Menu", id: "menu" },
    { name: "Offers", id: "offers" },
    { name: "Reserve", id: "reserve" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Quick Links",
      items: [
        { label: "Home", href: "/" },
        { label: "Menu", href: "/menu" },
        { label: "Offers", href: "/offers" },
        { label: "Reserve", href: "/reserve" },
      ],
    },
    {
      title: "Hours",
      items: [
        { label: "Monday - Sunday", href: "#" },
        { label: "3:00 PM - 12:00 AM", href: "#" },
        { label: "Open Late Fridays", href: "#" },
        { label: "Delivery & Takeaway", href: "#" },
      ],
    },
    {
      title: "Contact",
      items: [
        { label: "Phone: 0410 104 332", href: "tel:0410104332" },
        { label: "Mount Druitt NSW 2770", href: "#" },
        { label: "Follow on Instagram", href: "https://instagram.com" },
        { label: "Message on WhatsApp", href: "https://wa.me" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "100% Halal Certified", href: "#" },
        { label: "Accessibility", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="KOYLA KINGS"
          navItems={navItems}
          button={{ text: "Order Now", href: "https://order.koylakings.com" }}
        />
      </div>

      <div id="offers-cta" data-section="offers-cta">
        <PricingCardTwo
          title="Exclusive Offers & Specials"
          description="Limited-time deals crafted to bring premium halal dining closer to every budget. Fire-cooked excellence at unbeatable prices."
          plans={[
            {
              id: "combo-special",
              badge: "Limited Time",
              badgeIcon: Zap,
              price: "$24.99",
              subtitle: "Combo Special",
              buttons: [
                {
                  text: "Order Now",
                  href: "https://order.koylakings.com",
                },
              ],
              features: [
                "2x Mains (any cuisine)",
                "1x Rice or Naan",
                "1x Drink",
                "Valid till end of month",
              ],
            },
            {
              id: "group-feast",
              badge: "Premium",
              badgeIcon: Star,
              price: "$89.99",
              subtitle: "Group Feast",
              buttons: [
                {
                  text: "Reserve Now",
                  href: "/reserve",
                },
              ],
              features: [
                "4x Premium Mains",
                "2x Rice & Naan",
                "2x Sides",
                "Perfect for 4-5 people",
              ],
            },
            {
              id: "early-bird",
              badge: "3PM-5PM",
              badgeIcon: Flame,
              price: "15% OFF",
              subtitle: "Early Bird",
              buttons: [
                {
                  text: "Order Now",
                  href: "https://order.koylakings.com",
                },
              ],
              features: [
                "3-5 PM daily",
                "All cuisines included",
                "Dine-in & Takeaway",
                "No minimum order",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="special-features" data-section="special-features">
        <FeatureBorderGlow
          title="Why Our Offers Are Unbeatable"
          description="Premium quality meets affordable pricing. Fire-cooked cuisine that celebrates flavor without compromising your wallet."
          features={[
            {
              icon: Flame,
              title: "Premium Ingredients",
              description: "Every dish prepared with halal-certified, premium ingredients sourced for authentic taste and quality",
            },
            {
              icon: Spice,
              title: "Expert Preparation",
              description: "Crafted by skilled chefs with years of experience in Pakistani, Indian, Chinese, and BBQ traditions",
            },
            {
              icon: Utensils,
              title: "Fast Delivery",
              description: "Quick turnaround times without compromising quality. Hot and fresh to your door or table",
            },
            {
              icon: Fire,
              title: "Fire-Cooked Perfection",
              description: "All mains feature our signature fire-cooking method, delivering that unique Koyla Kings flavor",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="offers-testimonials" data-section="offers-testimonials">
        <TestimonialCardTwo
          title="Customers Love Our Offers"
          description="Exceptional value meets premium quality. See what satisfied customers have to say about our special deals."
          testimonials={[
            {
              id: "1",
              name: "Ahmed Hassan",
              role: "Regular Customer",
              testimonial: "The combo special is incredible value! Premium quality food at such a great price. I order it every Friday.",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
            },
            {
              id: "2",
              name: "Priya Sharma",
              role: "Family Dinners",
              testimonial: "We tried the group feast last month for a celebration. The variety and quality was outstanding for the price!",
              imageSrc: "http://img.b2bpic.net/free-photo/indian-meal-with-rice-sari_23-2148747624.jpg",
            },
            {
              id: "3",
              name: "Michael Chen",
              role: "Office Groups",
              testimonial: "The early bird special has become our go-to. Fresh, delicious, and affordable. Perfect for team lunch outings.",
              imageSrc: "http://img.b2bpic.net/free-photo/fried-noodles-plate_1339-2153.jpg",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="offers-contact" data-section="offers-contact">
        <ContactSplitForm
          title="Questions About Our Offers?"
          description="Have specific dietary needs or want to know about custom group packages? Reach out to our team directly."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
          ]}
          textarea={{
            name: "message",
            placeholder: "Ask about offers or custom packages",
            required: true,
          }}
          buttonText="Send Inquiry"
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/chicken-stuffed-with-meat_140725-9373.jpg"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="KOYLA KINGS"
          columns={footerColumns}
          copyrightText="© 2025 Koyla Kings | Cooked with fire, served with pride"
        />
      </div>
    </ThemeProvider>
  );
}