Ajoute footer à la page d'intro du simulateur

src/routes/welcome/+page.svelte

@@ -1042,6 +1042,137 @@
       >
     </div>
   </section>
+
+  <footer
+    class="border-t-4 grid gap-10 border-le-vert-500 px-8 py-6 md:grid-cols-3 md:px-16 md:py-2 bg-neutral-50"
+  >
+    <div
+      class="my-0 md:my-10 border-b-2 pb-10 md:border-b-0 md:border-r-2 md:pr-5 md:col-span-1 col-span-3"
+    >
+      <h2 class="mb-5 text-2xl font-bold">À propos de LexImpact</h2>
+      <p class="pb-3 font-serif text-base leading-relaxed">
+        LexImpact est une cellule de l'Assemblée nationale rattachée à la
+        direction du Contrôle et de l'évaluation. Elle propose différents outils
+        d'évaluation des politiques publiques passées ou imaginées. <a
+          class="underline hover:text-le-bleu font-sans"
+          href="https://leximpact.an.fr/"
+          >Accueil&nbsp;Leximpact <iconify-icon
+            class="mr-1 align-[-0.2rem] text-lg"
+            icon="ri-external-link-line"
+          /></a
+        >
+      </p>
+      <div class="flex gap-5 items-end mt-5">
+        <img
+          class=""
+          width="100"
+          src="/logo-assemblee-nationale.png"
+          alt="Logo de l'Assemblée nationale"
+        />
+      </div>
+    </div>
+    <div class="flex-col col-span-3 md:col-span-2 my-0 md:my-10">
+      <div
+        class="flex md:flex-row flex-col justify-between items-center gap-y-4 mb-10 md:mb-0"
+      >
+        <h3 class="block text-lg uppercase tracking-widest">
+          Simulateur socio-fiscal
+        </h3>
+        <button
+          class="font-sans flex items-center gap-2 py-2 px-5 shadow-lg bg-le-jaune-dark hover:bg-le-vert-600 active:bg-le-vert-800 rounded-md text-white text-sm font-bold tracking-[0.085em] uppercase"
+          title="Vers le simulateur budgétaire de l'impôt sur le revenu"
+          on:click={() => goto("/")}
+        >
+          Commencer<iconify-icon
+            class="ml-2 align-[-0.4rem] text-2xl"
+            icon="ri-arrow-right-line"
+          />
+        </button>
+      </div>
+      <p class="pb-3 text-base leading-relaxed max-w-prose my-3">
+        Le simulateur socio-fiscal LexImpact permet de mesurer les impacts du
+        droit en vigueur ou d’une réforme du système socio-fiscal.
+      </p>
+      <div class="md:flex-row flex-col flex md:items-end mt-6 gap-10">
+        <div class="flex flex-col md:w-1/2">
+          <a
+            class="block pb-3 text-base hover:underline"
+            href="/comment-fonctionnent-les-simulateurs"
+          >
+            Tutoriels
+            <iconify-icon
+              class="mr-1 align-[-0.3rem] text-xl"
+              icon="ri-arrow-right-line"
+            />
+          </a>
+          <a
+            class="block pb-3 text-base hover:underline"
+            href="/comment-fonctionnent-les-simulateurs"
+          >
+            Documentation technique
+            <iconify-icon
+              class="mr-1 align-[-0.3rem] text-xl"
+              icon="ri-arrow-right-line"
+            />
+          </a>
+          <p class=" text-base leading-relaxed">
+            Actualités sur
+            <a
+              class="underline hover:text-le-bleu"
+              href="https://chat.whatsapp.com/JLqiO8nuitlHRqry4FK2Cm"
+            >
+              <iconify-icon
+                class="mr-1 align-[-0.3rem] text-xl"
+                icon="ri-whatsapp-line"
+              />WhatsApp</a
+            >
+            |
+            <a
+              class="underline hover:text-le-bleu"
+              href="https://t.me/joinchat/UI8LKl2iDlZhNDU8"
+            >
+              <iconify-icon
+                class="mr-1 align-[-0.3rem] text-xl"
+                icon="ri-telegram-fill"
+              />Telegram</a
+            >.
+          </p>
+        </div>
+        <div class="flex flex-col md:w-1/2 md:text-right text-neutral-700">
+          <a
+            class="pb-3 text-base hover:underline"
+            href="https://leximpact.an.fr/cgu"
+          >
+            Conditions d'utilisation
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+          <a
+            class="pb-3 text-base hover:underline"
+            href="https://leximpact.an.fr/statistiques"
+          >
+            Statistiques d'usage
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+          <a
+            class=" text-base hover:underline"
+            href="https://leximpact.an.fr/mentions-legales"
+          >
+            Mentions légales
+            <iconify-icon
+              class="mr-1 align-[-0.2rem] text-lg"
+              icon="ri-external-link-line"
+            />
+          </a>
+        </div>
+      </div>
+    </div>
+  </footer>
 </main>
 
 {#if displayMode.parametersVariableName !== undefined}