"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import TestimonialCardTwo from "@/components/sections/testimonial/TestimonialCardTwo";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Clock, Users, Star, MapPin, Phone, Calendar } from "lucide-react";

export default function ReservePage() {
  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="reserve-booking" data-section="reserve-booking">
        <ContactSplitForm
          title="Reserve Your Table"
          description="Book your premium halal dining experience at Koyla Kings. Select your preferred date, time, and party size below. We'll confirm your reservation shortly."
          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: "reservation",
            placeholder: "Date, Time, Party Size & Special Requests (e.g., 'Feb 15, 7PM, 4 people, window seat preferred')",
            rows: 4,
            required: true,
          }}
          buttonText="Request Reservation"
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/chicken-stuffed-with-meat_140725-9373.jpg"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="reserve-features" data-section="reserve-features">
        <FeatureBorderGlow
          title="Why Reserve at Koyla Kings"
          description="Experience premium halal dining with personalized service. Secure your spot for unforgettable moments with family and friends."
          features={[
            {
              icon: MapPin,
              title: "Prime Location",
              description: "Conveniently located in Mount Druitt with ample parking and easy accessibility for all guests",
            },
            {
              icon: Clock,
              title: "Flexible Hours",
              description: "Open 3PM-12AM daily, with extended hours on Fridays & Saturdays for special occasions and group celebrations",
            },
            {
              icon: Users,
              title: "Group Friendly",
              description: "Perfect for family dinners, corporate events, celebrations, and intimate gatherings of any size",
            },
            {
              icon: Star,
              title: "Premium Service",
              description: "Personalized attention and service tailored to make your dining experience truly memorable and special",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="reserve-testimonials" data-section="reserve-testimonials">
        <TestimonialCardTwo
          title="Guests Love Dining With Us"
          description="From family celebrations to corporate gatherings, see why guests choose Koyla Kings for their special moments."
          testimonials={[
            {
              id: "1",
              name: "Sarah Khan",
              role: "Family Events",
              testimonial: "Hosted my family dinner here last month. The team made us feel so welcome and the food was absolutely spectacular!",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
            },
            {
              id: "2",
              name: "Rajesh Patel",
              role: "Corporate Events",
              testimonial: "Organized a corporate dinner for 20 people. The service was impeccable and guests are still talking about the incredible food.",
              imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-greens-saffron-boiled-rice_140725-2103.jpg",
            },
            {
              id: "3",
              name: "Fatima Ali",
              role: "Celebration Dinner",
              testimonial: "Reserved a table for our engagement celebration. The ambiance was perfect and every detail was carefully thought out.",
              imageSrc: "http://img.b2bpic.net/free-photo/indian-meal-with-rice-sari_23-2148747624.jpg",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </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>
  );
}