"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import Link from 'next/link';
import { Clock, Moon, CheckCircle } from 'lucide-react';

export default function ContactPage() {
  const navigationItems = [
    { 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={navigationItems}
          button={{ text: "Order Now", href: "#order" }}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get in Touch"
          description="Questions about our menu, reservations, or catering? We're here to help. Reach out via phone, WhatsApp, or fill out the form below."
          inputs={[
            {
              name: "name",
              type: "text",
              placeholder: "Your Name",
            },
            {
              name: "email",
              type: "email",
              placeholder: "Your Email",
            },
            {
              name: "phone",
              type: "tel",
              placeholder: "Your Phone Number",
            },
          ]}
          textarea={{
            name: "message",
            placeholder: "Your Message or Inquiry",
          }}
          buttonText="Send Message"
          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>
  );
}