import Script from "next/script";
import type { Metadata } from "next";
import AboutScreen from "@/app/components/screen/aboutscreen/AboutScreen";
import { Suspense } from "react";
import Loading from "@/app/components/common/Loading";

export const metadata: Metadata = {
  title: "About Kulcha King | Authentic North Indian Restaurant in Dubai | HJ Group",
  description:"Discover the story of Kulcha King, Dubai’s homegrown North Indian restaurant brand. From its launch in 2010 to its evolution under HJ Group as HJ Kulcha King, explore our journey, values and leadership team.",
  keywords: [
    "Kulcha King history",
    " HJ Kulcha King",
    " HJ Group restaurant brand",
    " North Indian restaurant Dubai",
    " Amritsari kulcha Dubai",
    " Kulcha King founders",
    "Sathbir Siingh Sachdeva",
    " HJ Group UAE"
  ],
  openGraph: {
    title: "About Kulcha King | Authentic Amritsari Kulchas in Dubai",
    description:
      "Learn about Kulcha King legacy — serving authentic Punjabi flavors and delicious Amritsari Kulchas since 2010.",
    url: "https://kulchaking.com/about",
    siteName: "Kulcha King",
    images: [
      {
        url: "/og-image.jpg",
        width: 1200,
        height: 630,
        alt: "Kulcha King Restaurant",
      },
    ],
    locale: "en_IN",
    type: "article",
  },
  twitter: {
    card: "summary_large_image",
    title: "About Kulcha King | Authentic Amritsari Kulchas in Dubai",
    description:
      "From Bur Dubai to Sharjah — the story of Kulcha King, bringing Punjab royal flavor to the UAE since 2010.",
    images: ["/og-image.jpg"],
  },
  alternates: {
    canonical: "https://kulchaking.com/about",
  },
};

export default function AboutPage() {
  const jsonLd = {
    "@context": "https://schema.org",
    "@type": "AboutPage",
    name: "About Kulcha King",
    description:
      "Kulcha King is a restaurant brand known for authentic Amritsari Kulchas and Punjabi flavors across Dubai & Sharjah.",
    mainEntity: {
      "@type": "Organization",
      name: "Kulcha King",
      url: "https://kulchaking.com",
      logo: "https://kulchaking.com/favicon.svg",
      foundingDate: "2010",
      founder: {
        "@type": "Person",
        name: "Kulcha King Founders",
      },
      sameAs: [
        "https://www.facebook.com/kulchaking",
        "https://www.instagram.com/kulchaking",
        "https://x.com/kulchaking",
      ],
    },
  };
  return (
      <>
      <Script
        id="about-jsonld"
        type="application/ld+json"
        dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
      />
       <Suspense fallback={<Loading/>}>
       <AboutScreen/>
       </Suspense>
      </>
  );
}