import { PAGES } from "@/constants/pages";
import { InnerPageLayout } from "@/components/shared/InnerPageLayout";
import { ServicesSchema } from "@/components/schema/ServicesSchema";
import { notFound } from "next/navigation";

const slug = "/services";
const data = PAGES[slug];

export const metadata = {
  title: data?.metaTitle || "Event & Venue Services in Pune | TGHR",
  description: data?.metaDescription || "Explore event and venue services at The Grand Heritage Resorts for weddings, corporate events, social celebrations and special occasions in Pune.",
  keywords: data?.metaKeywords,
  alternates: {
    canonical: data?.canonicalUrl,
  },
  openGraph: {
    title: data?.ogTitle,
    description: data?.ogDescription,
    url: data?.canonicalUrl,
    siteName: "The Grand Heritage Resorts",
    images: [
      {
        url: data?.ogImage,
        alt: data?.ogImageAlt,
        title: data?.ogImageTitle,
      },
    ],
    locale: "en_IN",
  },
};

export default function ServicesPage() {
  if (!data) notFound();
  return (
    <>
      <ServicesSchema />
      <InnerPageLayout data={data} />
    </>
  );
}