# Yasal sayfalar

> trkit.config.ts'den üretilen KVKK ve e-ticaret sayfaları.

```bash
npx trkit add yasal          # hepsi
npx trkit add kvkk cerez-politikasi
```

| Öğe | Adres |
|---|---|
| `kvkk` | `/kvkk` |
| `acik-riza` | `/acik-riza` |
| `cerez-politikasi` | `/cerez-politikasi` |
| `mesafeli-satis` | `/mesafeli-satis` |
| `on-bilgilendirme` | `/on-bilgilendirme` |
| `teslimat-iade` | `/teslimat-iade` |
| `ticari-ileti` | `/ticari-ileti` |
| `kvkk-basvuru` | `/kvkk-basvuru` |

Her sayfa birkaç satırdır:

```tsx title="app/kvkk/page.tsx"
import { generate } from "@trkit-app-pack/legal";
import { LegalPage } from "@/components/trkit/legal-page";
import config from "@/trkit.config";

const { document } = generate("kvkk-aydinlatma", config);

export const metadata = { title: document.title };

export default function Page() {
  return <LegalPage document={document} />;
}
```

Sayfalar statik derlenir. Metni değiştirmek için sayfayı değil `trkit.config.ts`'i düzenleyin; böylece `@trkit-app-pack/legal` güncellemelerinden (mevzuat değişiklikleri) yararlanmaya devam edersiniz.

## Görünüm

`LegalPage`, Tailwind Typography'nin `prose` sınıfını kullanır. Tasarımı `components/trkit/legal-page.tsx` içinde değiştirebilirsiniz. HTML çıktısındaki sınıflar: `.trkit-legal`, `.trkit-table`, `.trkit-note`.

## Footer bağlantıları

create-trkit-app projelerinde `src/lib/site.ts` → `legal` dizisine ekleyin:

```ts
legal: [
  { href: "/kvkk", label: "KVKK Aydınlatma Metni" },
  { href: "/mesafeli-satis", label: "Mesafeli Satış Sözleşmesi" },
],
```