import type { Metadata } from "next";
import { notFound } from "next/navigation";
import StoryDetail from "../../../success-stories/story-detail";
import { getPublicStory, publicStories, storyTypeLabels } from "@/lib/success-stories";

type Props = { params: Promise<{ slug: string }> };
export function generateStaticParams() { return publicStories().map(({ slug }) => ({ slug })); }
export async function generateMetadata({ params }: Props): Promise<Metadata> { const { slug } = await params; const story = getPublicStory(slug); if (!story) return {}; return { title: story.seo.title.en, description: story.seo.description.en, alternates: { canonical: `/en/success-stories/${slug}`, languages: { "ar-SA": `/success-stories/${slug}`, en: `/en/success-stories/${slug}` } }, openGraph: { title: story.seo.title.en, description: story.seo.description.en, type: "article", locale: "en_US" } }; }
export default async function Page({ params }: Props) { const { slug } = await params; const story = getPublicStory(slug); if (!story) notFound(); const data = { "@context": "https://schema.org", "@graph": [{ "@type": "Article", headline: story.title.en, description: story.seo.description.en, datePublished: story.publishDate, articleSection: story.industry.name.en, about: storyTypeLabels[story.type].en, author: { "@type": "Organization", name: "NEXORA AI" } }, { "@type": "BreadcrumbList", itemListElement: [{ "@type": "ListItem", position: 1, name: "Success stories", item: "/en/success-stories" }, { "@type": "ListItem", position: 2, name: story.title.en, item: `/en/success-stories/${slug}` }] }] }; return <><script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }} /><StoryDetail story={story} lang="en" /></>; }