import Loading from "@/app/components/common/Loading";
import ContactSceen from "@/app/components/screen/ContactScreen/ContactScreen";
import { Metadata } from "next";
import { Suspense } from "react";

// ✅ SEO Metadata
export const metadata: Metadata = {
  title: "Contact Us | Kulcha King | Authentic Amritsari Kulchas",
  description:
    "Contact Kulcha King — Authentic Amritsari Kulchas in India. Reach out to us for reservations, catering, or franchise inquiries. Visit our restaurant or send us a message online.",
  keywords: [
    "contact Kulcha King",
    "Kulcha King restaurant",
    "Amritsari Kulcha India",
    "Punjabi restaurant contact",
    "Kulcha King location",
  ],
  openGraph: {
    title: "Contact Kulcha King | Authentic Amritsari Kulchas",
    description:
      "Reach out to Kulcha King for the best Amritsari Kulchas, reservations, or catering services. Visit us or drop us a message today.",
    url: "https://kulchaking.com/contact",
    siteName: "Kulcha King",
    images: [
      {
        url: "/og-image.jpg",
        width: 1200,
        height: 630,
        alt: "Kulcha King Restaurant Contact",
      },
    ],
    locale: "en_IN",
    type: "website",
  },
  alternates: {
    canonical: "https://kulchaking.com/contact",
  },
};

// ✅ JSON-LD Structured Data
function ContactPageSchema() {
  const schema = {
    "@context": "https://schema.org",
    "@type": "Restaurant",
    name: "Kulcha King",
    description:
      "Contact Kulcha King Restaurant for reservations, events, and catering. Experience authentic Amritsari Kulchas and royal Punjabi flavors in India.",
    image: "https://kulchaking.com/og-image.jpg",
    logo: "https://kulchaking.com/favicon.svg",
    url: "https://kulchaking.com/contact",
    telephone: "+91 98765 43210",
    email: "contact@kulchaking.com",
    address: {
      "@type": "PostalAddress",
      streetAddress: "123 Kulcha Street, Food Plaza",
      addressLocality: "New Delhi",
      addressCountry: "IN",
      postalCode: "110001",
    },
    openingHoursSpecification: [
      {
        "@type": "OpeningHoursSpecification",
        dayOfWeek: [
          "Monday",
          "Tuesday",
          "Wednesday",
          "Thursday",
          "Friday",
          "Saturday",
          "Sunday",
        ],
        opens: "11:00",
        closes: "23:00",
      },
    ],
    sameAs: [
      "https://www.facebook.com/kulchaking",
      "https://www.instagram.com/kulchaking",
      "https://maps.google.com/?q=Kulcha+King",
    ],
    contactPoint: {
      "@type": "ContactPoint",
      telephone: "+91 98765 43210",
      contactType: "Customer Service",
      areaServed: "IN",
      availableLanguage: ["English", "Hindi"],
    },
  };

  return (
    <script
      type="application/ld+json"
      dangerouslySetInnerHTML={{ __html: JSON.stringify(schema) }}
    />
  );
}

// ✅ Final Page Export
export default function Page() {
  return (
    <>
      <ContactPageSchema />
      <Suspense fallback={<Loading />}>
        <ContactSceen />
      </Suspense>
    </>
  );
}