Import repositories from gitlab

next/app/legal/page.js

@@ -0,0 +1,22 @@
+import getData from "@/api";
+import { BlocksRenderer } from "@strapi/blocks-react-renderer";
+import styles from "./style.module.scss";
+export const dynamic = "force-dynamic";
+
+export async function generateMetadata() {
+  return {
+    metadataBase: `${process.env.NEXT_PUBLIC_ORIGIN}`,
+    title: "Mentions légales",
+  };
+}
+
+export default async function Legal() {
+  const site = await getData("site", {});
+  const content = site.data?.attributes.legal;
+
+  return (
+    <main className={styles.main}>
+      <article>{content ? <BlocksRenderer content={content} /> : null}</article>
+    </main>
+  );
+}

next/app/legal/style.module.scss

@@ -0,0 +1,29 @@
+.main {
+    display: flex;
+    flex: 1 1 0%;
+    flex-flow: column;
+    align-items: center;
+
+    article {
+        width: 60rem;
+        display: flex;
+        flex-flow: column;
+        max-width: 90vw;
+        align-self: center;
+
+        h2, h3, h4 {
+            font-family: var(--font-details);
+        }
+
+        h2 {
+            align-self: center;
+            font-family: var(--font-details);
+            font-size: 2rem;
+            font-weight: 400;
+        }
+
+        p {
+            margin: 0px;
+        }
+    }
+}