"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardTestimonial from "@/components/sections/hero/HeroBillboardTestimonial";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import FeatureBorderGlow from "@/components/sections/feature/featureBorderGlow/FeatureBorderGlow";
import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
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 {
  Clock,
  Moon,
  CheckCircle,
  Flame,
  Spice,
  Utensils,
  Fire,
  Zap,
  Star,
} from "lucide-react";

const navItems = [
  { name: "Home", id: "home" },
  { name: "Menu", id: "menu" },
  { name: "Offers", id: "offers" },
  { name: "Reserve", id: "reserve" },
  { name: "Contact", id: "contact" },
];

const navItemsForFooter = [
  {
    label: "Home",
    href: "/",
  },
  {
    label: "Menu",
    href: "/menu",
  },
  {
    label: "Offers",
    href: "/offers",
  },
  {
    label: "Reserve",
    href: "/reserve",
  },
  {
    label: "Contact",
    href: "/contact",
  },
];

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="KOYLA KINGS"
          description="Cooked with fire, served with pride"
          background={{
            variant: "canvas-reveal",
          }}
          buttons={[
            {
              text: "Order Now",
              href: "https://order.koylakings.com",
            },
            {
              text: "View Menu",
              href: "/menu",
            },
          ]}
          testimonials={[
            {
              name: "Ahmed Hassan",
              handle: "@halal_lover",
              testimonial:
                "Best halal BBQ in Mount Druitt. The karahi is absolutely fire!",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
              imageAlt: "gourmet restaurant plating dark moody",
            },
            {
              name: "Priya Sharma",
              handle: "@foodie_sydney",
              testimonial:
                "Authentic flavors, premium quality, and excellent service. Highly recommend!",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/indian-meal-with-rice-sari_23-2148747624.jpg",
              imageAlt: "Indian Pakistani food plating restaurant",
            },
            {
              name: "Michael Chen",
              handle: "@bbq_enthusiast",
              testimonial:
                "The fusion of cuisines is perfect. Every visit is a celebration of fire and flavor.",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-hands-decorating-table-with-fir-tree-branch_23-2147969387.jpg",
              imageAlt: "BBQ grilled meat restaurant plating",
            },
            {
              name: "Sarah Khan",
              handle: "@family_dining",
              testimonial:
                "Perfect for family dinners. Open late, great for post-movie gathering!",
              rating: 5,
              imageSrc:
                "http://img.b2bpic.net/free-photo/chicken-stuffed-with-meat_140725-9373.jpg",
              imageAlt: "premium dark restaurant interior moody",
            },
          ]}
          avatars={[
            {
              src: "http://img.b2bpic.net/free-vector/halal-stamp-collection-with-golden-style_23-2147874784.jpg",
              alt: "100% Halal Certified",
            },
            {
              src: "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
              alt: "Premium Plating",
            },
            {
              src: "http://img.b2bpic.net/free-photo/tasty-fresh-appetizing-meat-beef-grill-cooking-open-fire-grill-grid-nature-background-closeup_1220-1378.jpg",
              alt: "Expert Grilling",
            },
            {
              src: "http://img.b2bpic.net/free-photo/chicken-stuffed-with-meat_140725-9373.jpg",
              alt: "Premium Dining",
            },
          ]}
          avatarText="4.9★ Rated"
          useInvertedBackground={true}
        />
      </div>

      <div id="stats" data-section="stats">
        <MetricCardThree
          title="Why Koyla Kings"
          description="Premium halal restaurant setting new standards for fire-cooked cuisine in Mount Druitt"
          metrics={[
            {
              id: "opens",
              icon: Clock,
              title: "Opens 3PM",
              value: "3:00",
            },
            {
              id: "lastorder",
              icon: Moon,
              title: "Last Order Midnight",
              value: "12:00",
            },
            {
              id: "halal",
              icon: CheckCircle,
              title: "100% Halal",
              value: "Certified",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cuisines" data-section="cuisines">
        <FeatureBorderGlow
          title="Our Four Signature Cuisines"
          description="Expertly crafted dishes from Pakistani, Indian, Chinese, and BBQ traditions—all 100% halal and fire-cooked to perfection"
          features={[
            {
              icon: Flame,
              title: "Pakistani",
              description:
                "Authentic karahi, biryani, and tandoori specialties prepared with traditional spices and fire-roasted perfection",
            },
            {
              icon: Spice,
              title: "Indian",
              description:
                "Vibrant curries, naan breads, and regional delicacies bringing the essence of Indian cuisine to every plate",
            },
            {
              icon: Utensils,
              title: "Chinese",
              description:
                "Wok-fired noodles, fried rice, and stir-fried dishes crafted with halal ingredients and premium techniques",
            },
            {
              icon: Fire,
              title: "BBQ",
              description:
                "Char-grilled skewers, sizzling karahi, and flame-roasted specialties that define our fire-forward philosophy",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",
              content: "Premium Halal Dining Experience",
            },
            {
              type: "text",
              content:
                "Koyla Kings brings together the finest fire-cooked cuisines—Pakistani, Indian, Chinese, and BBQ—in a cinematic dark setting. Every dish is crafted with passion, cooked with fire, and served with pride. Open 7 days a week from 3PM to midnight, we're your destination for authentic halal cuisine and unforgettable family dining.",
            },
            {
              type: "text",
              content:
                "✓ Halal Certified\n✓ Open 7 Days\n✓ Easy Parking\n✓ Delivery Available\n✓ Dine-in & Takeaway\n✓ Family Friendly",
            },
          ]}
          buttons={[
            {
              text: "Book a Table",
              href: "/reserve",
            },
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="cta-banner" data-section="cta-banner">
        <PricingCardTwo
          title="Ready to Experience Fire-Cooked Excellence?"
          description="Order online for delivery or takeaway, or reserve your table for an unforgettable dining experience"
          plans={[
            {
              id: "order",
              badge: "Quick & Easy",
              badgeIcon: Zap,
              price: "From $12",
              subtitle: "Order Online",
              buttons={[
                {
                  text: "Order Now",
                  href: "https://order.koylakings.com",
                },
              ]}
              features: [
                "Delivery available",
                "Takeaway ready",
                "Fast processing",
                "Multiple cuisines",
              ],
            },
            {
              id: "reserve",
              badge: "Premium",
              badgeIcon: Star,
              price: "Party Ready",
              subtitle: "Book a Table",
              buttons: [
                {
                  text: "Reserve Now",
                  href: "/reserve",
                },
              ],
              features: [
                "Private dining",
                "Group bookings",
                "Special occasions",
                "Premium experience",
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Customers Say"
          description="Experience the perfect blend of authentic cuisine and exceptional service"
          testimonials={[
            {
              id: "1",
              name: "Ahmed Hassan",
              role: "Regular Customer",
              testimonial:
                "Best halal BBQ in Mount Druitt. The karahi is absolutely fire! Been coming here every Friday.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/top-view-indian-food-frame-with-copy-space_23-2148747627.jpg",
              imageAlt: "gourmet restaurant plating dark moody",
            },
            {
              id: "2",
              name: "Priya Sharma",
              role: "Food Critic",
              testimonial:
                "Authentic flavors, premium quality ingredients, and excellent service. This is what premium halal dining should be.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/indian-meal-with-rice-sari_23-2148747624.jpg",
              imageAlt: "Indian Pakistani food plating restaurant",
            },
            {
              id: "3",
              name: "Michael Chen",
              role: "BBQ Enthusiast",
              testimonial:
                "The fusion of cuisines is perfect. Every visit is a celebration of fire and flavor. Highly recommend for groups.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/man-hands-decorating-table-with-fir-tree-branch_23-2147969387.jpg",
              imageAlt: "BBQ grilled meat restaurant plating",
            },
            {
              id: "4",
              name: "Sarah Khan",
              role: "Family Dining",
              testimonial:
                "Perfect for family dinners. Open late, great ambiance, and the kids love the variety. Our new favorite spot!",
              imageSrc:
                "http://img.b2bpic.net/free-photo/chicken-stuffed-with-meat_140725-9373.jpg",
              imageAlt: "premium dark restaurant interior moody",
            },
            {
              id: "5",
              name: "Rajesh Patel",
              role: "Event Organizer",
              testimonial:
                "Hosted a corporate event here last month. The food was incredible and the team was very accommodating.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/fried-meat-with-greens-saffron-boiled-rice_140725-2103.jpg",
              imageAlt: "biryani karahi curry traditional Pakistani",
            },
            {
              id: "6",
              name: "Fatima Ali",
              role: "Halal Consumer",
              testimonial:
                "Finally a restaurant that takes halal certification seriously. The quality and authenticity are unmatched!",
              imageSrc:
                "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086078.jpg",
              imageAlt: "Indian curry naan rice spiced authentic",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </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"
          imageAlt="premium dark restaurant interior moody"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="KOYLA KINGS"
          columns={[
            {
              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: "#",
                },
              ],
            },
          ]}
          copyrightText="© 2025 Koyla Kings | Cooked with fire, served with pride"
        />
      </div>
    </ThemeProvider>
  );
}