import type { Metadata } from 'next';
import { social } from '@/lib/metadata';
import { InstitutionsContent, type InstitutionsData } from './institutions-content';
import { getDoc, fig } from '@/lib/sanity';

const DESCRIPTION =
  'ESIIA: the 45 educational institutions associated with the United Economic Forum, promoting education, innovation, entrepreneurship, incubation and skill development.';

export const metadata: Metadata = {
  title: 'Associated Institutions',
  description: DESCRIPTION,
  ...social('Associated Institutions', DESCRIPTION, '/institutions'),
};

export const revalidate = 60;

const QUERY = `*[_id == "institutionsPage"][0]{
  ${fig("heroImage")}, heroBadge, heroTitle, heroIntro,
  introEyebrow, introHeading, introText, focusAreas,
  listEyebrow, listHeading, institutions,
  ctaHeading, ctaText, ctaLabel, ctaHref
}`;

export default async function Institutions() {
  const data = await getDoc<InstitutionsData>(QUERY);
  return <InstitutionsContent data={data} />;
}