Import repositories from gitlab

next/app/contact/page.js

@@ -0,0 +1,24 @@
+import getData from "@/api";
+import { BlocksRenderer } from "@strapi/blocks-react-renderer";
+import styles from "./style.module.scss";
+import Email from "@/components/email";
+export const dynamic = "force-dynamic";
+
+export async function generateMetadata() {
+  return {
+    metadataBase: `${process.env.NEXT_PUBLIC_ORIGIN}`,
+    title: "Contactez nous !",
+  };
+}
+
+export default async function Contact() {
+  const site = await getData("site", {});
+
+  const content = site.data?.attributes.contact_text;
+  return (
+    <main className={styles.main}>
+      <article>{content ? <BlocksRenderer content={content} /> : null}</article>
+      {site.data?.attributes.contact_mail ? <Email></Email> : null}
+    </main>
+  );
+}

next/app/contact/style.module.scss

@@ -0,0 +1,37 @@
+.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: 10px;
+        }
+    }
+}
+
+@media only screen and (max-width: 641px) {
+    .main {
+        article {
+            text-align: justify;
+        }
+    }
+}