import { Suspense } from "react";
import type { Metadata } from "next";
import { JsonLd, breadcrumbJsonLd } from "@/lib/seo";
import { SiteFooter } from "@/components/site-footer";
import {
  UniversiteKatalogu,
  UniversiteKataloguSkeleton,
} from "@/features/katalog/components/universite-listesi";

export const metadata: Metadata = {
  title: "Üniversitelerin Taban Puanları ve Sıralamaları 2026",
  description:
    "Devlet ve vakıf üniversitelerinin 2025 yerleştirme taban puanları, başarı sıralamaları ve kontenjanları — üniversite üniversite, 2026 tercihleri için.",
  alternates: { canonical: "/universiteler" },
};

export default function UniversitelerPage() {
  return (
    <>
      <main className="mx-auto w-full max-w-5xl px-4 py-12 sm:py-16">
        <JsonLd
          data={breadcrumbJsonLd([
            { name: "Ana Sayfa", path: "/" },
            { name: "Üniversiteler", path: "/universiteler" },
          ])}
        />

        <h1 className="font-heading text-3xl font-bold text-slate-900 sm:text-4xl">
          Üniversitelerin Taban Puanları ve Sıralamaları 2026
        </h1>

        <Suspense fallback={<UniversiteKataloguSkeleton />}>
          <UniversiteKatalogu />
        </Suspense>
      </main>
      <SiteFooter />
    </>
  );
}
