> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getsabo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Legal Pages

> Edit your Privacy Policy, Terms of Service, and Cookie Policy content and metadata.

Sabo renders legal pages from MDX files.

* **Content Location**: `sabo/src/content/legal/[privacy.mdx|terms-of-service.mdx|cookie-policy.mdx]`
* **Routes**: `sabo/src/app/(legal)/[privacy|terms-of-service|cookie-policy]/page.tsx`
* **MDX Features**: GitHub Flavored Markdown via `remark-gfm` (tables, task lists, autolinks)

## Edit Existing Legal Pages

<Steps>
  <Step title="Update MDX content">
    Edit the relevant file in `sabo/src/content/legal/`. Update headings, sections, and the “Last Updated” date.
  </Step>

  <Step title="Adjust SEO metadata">
    Update the `metadata` export in the page component (title, description, canonical, Open Graph).

    ```ts sabo/src/app/(legal)/privacy/page.tsx theme={null}
    export const metadata: Metadata = {
      title: "Privacy Policy - Acme",
      description: "Learn how we collect, use, and protect your personal data in compliance with GDPR.",
      alternates: { canonical: "/privacy" },
      openGraph: {
        title: "Privacy Policy - Acme",
        description: "Learn how we collect, use, and protect your personal data in compliance with GDPR.",
        type: "website",
        url: "https://getsabo.com/privacy",
        siteName: "Acme",
      },
    };
    ```
  </Step>

  <Step title="Tables and GFM">
    Legal pages support GitHub‑flavored Markdown (GFM), so you can add tables, task lists, and auto‑linked URLs. This is already enabled via `remark-gfm`—you can use it right away.

    ```tsx sabo/src/app/(legal)/privacy/page.tsx theme={null}
    <MDXRemote
      source={content}
      options={{ mdxOptions: { remarkPlugins: [remarkGfm] } }}
    />
    ```

    Table example:

    ```md theme={null}
    | Cookie | Purpose                  | Duration |
    |--------|--------------------------|----------|
    | theme  | Remembers light/dark mode| 1 year   |
    ```
  </Step>
</Steps>

## Add a New Legal Page

1. Create a new MDX file in `sabo/src/content/legal/` (e.g., `data-processing-addendum.mdx`).
2. Duplicate one of the existing legal route pages (e.g., `sabo/src/app/(legal)/privacy/page.tsx`) as a template, rename the folder to your route (e.g., `(legal)/data-processing-addendum/`), and update only:

* `metadata.title` and `metadata.alternates.canonical`
* The MDX filename in the `filePath`
* Any page headings or container classes you want to adjust

<Warning>
  This documentation is not legal advice. Consult your legal counsel before publishing.
</Warning>