From 9dd8714d2937bbf87191d203f37cce57a5da0f71 Mon Sep 17 00:00:00 2001
From: Florence Haudin <haudin.florence@gmail.com>
Date: Wed, 10 Jun 2026 20:01:28 +0200
Subject: [PATCH] Add a legal page.

---
 src/components/footer/Footer.tsx |  7 +++--
 src/pages/legal.module.css       | 14 +++++++++
 src/pages/legal.tsx              | 54 ++++++++++++++++++++++++++++++++
 3 files changed, 73 insertions(+), 2 deletions(-)
 create mode 100644 src/pages/legal.module.css
 create mode 100644 src/pages/legal.tsx

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
index f864a398..81143fdb 100644
--- a/src/components/footer/Footer.tsx
+++ b/src/components/footer/Footer.tsx
@@ -9,7 +9,7 @@ export function SocialMediasQuantStack() {
   return (
     <div>
       <b>Follow us on</b> <br />
-      <div style={{marginBottom: "var(--ifm-spacing-lg)"}}>
+      <div style={{ marginBottom: "var(--ifm-spacing-lg)" }}>
         <Link href={"https://github.com/QuantStack"}>{<GHPicture />}</Link>
         <Link href={"https://www.linkedin.com/company/quantstack/mycompany"}>
           {<LinkedInPicture />}
@@ -27,10 +27,13 @@ export default function Footer() {
       <div className={"row"} style={{ paddingBottom: "var(--ifm-spacing-xl)" }}>
         <div
           className={
-            "col flex-horizontally-centered" + " " + styles.col_social_media_desktop
+            "col" + " " + styles.col_social_media_desktop
           }
         >
           <SocialMediasQuantStack />
+          <div>
+            <Link href={"/legal"}> <b>Legal</b></Link>
+          </div>
         </div>
         <div className={"col flex-horizontally-centered"}>
           <div className={"container" + " " + styles.menu_container}>
diff --git a/src/pages/legal.module.css b/src/pages/legal.module.css
new file mode 100644
index 00000000..a51bd903
--- /dev/null
+++ b/src/pages/legal.module.css
@@ -0,0 +1,14 @@
+.legal_container {
+  margin:  var(--ifm-spacing-3xl)
+}
+
+.legal_title {
+  margin-bottom: var(--ifm-spacing-sm);
+  margin-top: var(--ifm-spacing-md);
+  font-family: var(--ifm-font-family-roboto);
+  font-size: var(--ifm-font-size-secondary-title);
+  font-weight: bolder;
+  line-height: 150%;
+  text-align: start;
+  color: var(--ifm-color-primary-p2);
+}
\ No newline at end of file
diff --git a/src/pages/legal.tsx b/src/pages/legal.tsx
new file mode 100644
index 00000000..80f79d7c
--- /dev/null
+++ b/src/pages/legal.tsx
@@ -0,0 +1,54 @@
+import Layout from "@theme/Layout";
+import BrowserOnly from "@docusaurus/BrowserOnly";
+import Footer from "../components/footer/Footer";
+import React from "react";
+import styles from "./legal.module.css";
+
+
+function LegalContent() {
+    return (
+        <div className={styles.legal_container}>
+            <div className={styles.legal_title}>Legal Entity </div>
+            <p>
+                This website is published by QuantStack, a Simplified Joint-Stock Company (SAS) with a share capital of €1,080.00.
+            </p>
+            <p className="page-tagline">
+                Registered Information
+            </p>
+            <p>
+                <b>Address </b>: 16 Avenue Curti, 94100 Saint-Maur-des-Fossés, France
+            </p>
+            <p>
+                <b>VAT Number</b>: FR76 820 717 668
+            </p>
+            <p>
+                <b>SIREN (Company ID)</b>: 820 717 668
+            </p>
+            <div className={styles.legal_title}>Hosting Provider </div>
+            <p>
+                This website is hosted by GitHub, Inc.
+            </p>
+
+            <p className="page-tagline"> Registered information </p>
+            <p><b>Address </b>: 8 Colin P. Kelly Jr Street
+                San Francisco, CA 94107
+                United States </p>
+            <p>
+                <b>Email</b> : https://enterprise.github.com/contact
+            </p>
+        </div>
+    )
+}
+
+
+
+export default function LegalPage(): JSX.Element {
+    return (
+        <Layout>
+            <BrowserOnly>{() => <div>
+                <LegalContent />
+            </div>}</BrowserOnly>
+            <Footer />
+        </Layout>
+    );
+}