import Header from '../../components/Header.jsx';
import Footer from '../../components/Footer.jsx';
import Cases from '../../components/sections/Cases.jsx';
import { serverApi } from '../../lib/serverApi.js';
import { getOrganizationSchema } from '../../lib/schema.js';

export const metadata = {
  title: 'Кейсы и портфолио — сетевая инфраструктура, ИИ, кибербезопасность',
  description:
    'Реализованные проекты TopSysOps: миграция сетевой инфраструктуры, внедрение ИИ-ассистента, аудит кибербезопасности финтех-проекта.',
  alternates: { canonical: '/keysy' },
};

export default async function CasesPage() {
  const [cases, orgSchema] = await Promise.all([serverApi.getCases(), getOrganizationSchema()]);

  return (
    <div>
      {/* eslint-disable-next-line react/no-danger */}
      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(orgSchema) }} />
      <Header />
      <Cases cases={cases} showDisclaimer headingLevel="h1" />
      <Footer />
    </div>
  );
}