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

export const metadata: Metadata = {
  title: "Tüm Bölümlerin Taban Puanları ve Sıralamaları 2026",
  description:
    "Üniversite bölümlerinin 2025 yerleştirme taban puanları ve başarı sıralamaları: lisans ve önlisans programları kategori kategori, 2026 tercihleri için.",
  alternates: { canonical: "/bolumler" },
};

export default function BolumlerPage() {
  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: "Bölümler", path: "/bolumler" },
          ])}
        />

        <h1 className="font-heading text-3xl font-bold text-slate-900 sm:text-4xl">
          Tüm Bölümlerin Taban Puanları ve Sıralamaları 2026
        </h1>

        <Suspense fallback={<BolumKataloguSkeleton />}>
          <BolumKatalogu />
        </Suspense>
      </main>
      <SiteFooter />
    </>
  );
}
