import React from "react";
import type { Metadata } from "next";
import Markdown from "@/components/Markdown/Markdown";
import termsMd from "@/../docs/legal/TERMS.md";

export const metadata: Metadata = {
  title: "Terms of Service",
  alternates: {
    canonical: "/terms",
  },
};

export default function TermsPage() {
  return (
    <div className="mx-auto max-w-screen-lg px-6 py-6 sm:py-12">
      <div className="prose prose-invert max-w-none">
        <Markdown>{termsMd}</Markdown>
      </div>
    </div>
  );
}
