.editorconfig

@@ -1,11 +0,0 @@
-# editorconfig.org
-
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true

.eslintignore

@@ -1 +0,0 @@
-node_modules

.eslintrc.json

@@ -1,30 +1,3 @@
 {
-    "env": {
+  "extends": "next/core-web-vitals"
-      "browser": true,
+}
-      "commonjs": true,
-      "es6": true,
-      "node": true
-    },
-    "extends": "eslint:recommended",
-    "globals": {
-      "bootstrap": "readonly"
-    },
-    "parserOptions": {
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "rules": {
-      "no-console": 0,
-      "quotes": ["error", "single"],
-      "comma-dangle": [
-        "error",
-        {
-          "arrays": "always-multiline",
-          "objects": "always-multiline",
-          "imports": "always-multiline",
-          "exports": "always-multiline",
-          "functions": "ignore"
-        }
-      ]
-    }
-  }

.gitignore

@@ -1,7 +1,36 @@
-hugo_stats.json
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-.hugo_build.lock
-resources
-public
-assets/jsconfig.json
 
-node_modules
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+.yarn/install-state.gz
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

.stylelintignore

@@ -1 +0,0 @@
-node_modules

.stylelintrc.json

@@ -1,48 +0,0 @@
-{
-    "extends": "stylelint-config-standard-scss",
-    "rules": {
-      "no-empty-source": null,
-      "scss/comment-no-empty": null,
-      "max-line-length": null,
-      "scss/at-extend-no-missing-placeholder": null,
-      "scss/dollar-variable-colon-space-after": null,
-      "scss/dollar-variable-empty-line-before": null,
-      "media-feature-range-notation": null,
-      "color-function-notation": null,
-      "alpha-value-notation": null,
-      "selector-id-pattern": null,
-      "selector-class-pattern": null,
-      "scss/no-global-function-names": null,
-      "number-max-precision": null,
-      "hue-degree-notation": null,
-      "value-no-vendor-prefix": null,
-      "property-no-vendor-prefix": null,
-      "at-rule-no-unknown": [
-        true,
-        {
-          "ignoreAtRules": [
-            "extend",
-            "at-root",
-            "debug",
-            "warn",
-            "error",
-            "if",
-            "else",
-            "for",
-            "each",
-            "while",
-            "mixin",
-            "include",
-            "content",
-            "return",
-            "function",
-            "tailwind",
-            "apply",
-            "responsive",
-            "variants",
-            "screen"
-          ]
-        }
-      ]
-    }
-  }

README.md

@@ -1,3 +1,36 @@
-# P4Pillon
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-Vous trouverez ici les sources du site WEB de P4Pillon
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

app/annuaire/[regionSlug]/[departementSlug]/[communeSlug]/page.tsx

@@ -0,0 +1,179 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+import {
+  Header,
+  CommunesList,
+  DepartementsList,
+  RegionList,
+} from "@/components/index";
+import communes, {
+  Commune,
+  getCommuneFromSlug,
+  getSlugFromCommune,
+  getCodesPostaux,
+  getChefLieu,
+  CommuneDeleguee,
+} from "@/lib/communes";
+import {
+  Content,
+  ContentHeader,
+  ContentBody,
+  ContentFull,
+  ContentHalf,
+} from "@/components/Content/Content";
+
+import departements, {
+  getSlugFromDepartement,
+  getDepartementFromSlug,
+} from "@/lib/departements";
+import { getRegionFromCode, getSlugFromRegion } from "@/lib/regions";
+import Link from "next/link";
+
+import { getMSPFromCodesPostaux } from "@/lib/api-annuaire-sante";
+
+export const metadata: Metadata = {
+  title: "Annuaire",
+  description: "L'annuaire collaboratif des professionnels de la santé",
+};
+
+export async function generateStaticParams() {
+  return communes.map((commune) => ({
+    commune: getSlugFromCommune(commune),
+  }));
+}
+
+async function getData(codesPostaux: Array<string>) {
+  const res = await fetch(
+    `http://localhost:8000/fhir/v1/Organization?address-postalcode%3Aexact=${codesPostaux.join(
+      "%2C",
+    )}&_count=5000&type=https://mos.esante.gouv.fr/NOS/TRE_R66-CategorieEtablissement/FHIR/TRE-R66-CategorieEtablissement%7C603`,
+    { cache: "force-cache" },
+  );
+  // The return value is *not* serialized
+  // You can return Date, Map, Set, etc.
+
+  if (!res.ok) {
+    // This will activate the closest `error.js` Error Boundary
+    throw new Error("Failed to fetch data");
+  }
+
+  return res.json();
+}
+
+export default async function CommunePage({
+  params,
+}: {
+  params: { regionSlug: string; departementSlug: string; communeSlug: string };
+}) {
+  const commune = getCommuneFromSlug(params.communeSlug);
+  if (!commune) return notFound();
+  const departement = getDepartementFromSlug(params.departementSlug);
+  if (!departement) return notFound();
+  const region = getRegionFromCode(departement.region);
+  if (!region) return notFound();
+
+  let chefLieu: Commune | Boolean = commune.chefLieu
+    ? getChefLieu(commune)
+    : false;
+
+  const codesPostaux = commune.chefLieu
+    ? [commune.chefLieu]
+    : commune.codesPostaux;
+  const msps = await getMSPFromCodesPostaux(codesPostaux);
+
+  return (
+    <>
+      <Header searchField={true} />
+      <Content>
+        <div className="bg-primary pb-24">
+          <div className="max-w-7xl mx-auto pt-16 px-10">
+            <div className="rounded-md bg-base-100 p-8 w-full flex items-center">
+              <div className="prose w-96 text-center">
+                <h1 className="pb-0 mb-0">{commune.nom}</h1>
+                <p className="mt-0 pt-0">{getCodesPostaux(commune)}</p>
+              </div>
+              <div className="overflow-x-auto">
+                <table className="table">
+                  <tbody>
+                    <tr>
+                      <th>Région</th>
+                      <td>
+                        <Link href={`/annuaire/${getSlugFromRegion(region)}`}>
+                          {region.nom}
+                        </Link>
+                      </td>
+                    </tr>
+                    <tr>
+                      <th>Département</th>
+                      <td>
+                        <Link
+                          href={`/annuaire/${getSlugFromRegion(
+                            region,
+                          )}/${getSlugFromDepartement(departement)}`}
+                        >
+                          {departement.nom} ({departement.code})
+                        </Link>
+                      </td>
+                    </tr>
+                    {commune.population && (
+                      <tr>
+                        <th>Population</th>
+                        <td>
+                          {commune.population.toLocaleString("fr-FR")} habiants
+                        </td>
+                      </tr>
+                    )}
+                    {chefLieu && (
+                      <tr>
+                        <th>Cheflieu</th>
+                        <td>
+                          <Link
+                            href={`/annuaire/${getSlugFromRegion(
+                              region,
+                            )}/${getSlugFromDepartement(
+                              departement,
+                            )}/${getSlugFromCommune(chefLieu)}`}
+                          >
+                            {chefLieu.nom}
+                          </Link>
+                        </td>
+                      </tr>
+                    )}
+                  </tbody>
+                </table>
+              </div>
+            </div>
+          </div>
+        </div>
+        <ContentBody>
+          <div className="max-w-7xl mx-auto pt-8 px-10 flex flex-wrap">
+            {msps.entry && (
+              <div className="w-6/12 pr-8">
+                <div className="rounded-md bg-base-100 p-8 prose">
+                  <h2>Informations sur les {msps.total} structures</h2>
+                  <ul>
+                    {msps.entry.map((msp) => (
+                      <li key={msp.resource.name}>{msp.resource.name}</li>
+                    ))}
+                  </ul>
+                </div>
+              </div>
+            )}
+            <div className="w-6/12">
+              <div className="rounded-md bg-base-100 p-8">
+                <h2>Dirigeants et représentants de P4PILLON</h2>
+              </div>
+            </div>
+          </div>
+          <ContentFull>test</ContentFull>
+        </ContentBody>
+      </Content>
+      <RegionList selected={region} />
+      <hr></hr>
+      <DepartementsList selected={departement} region={region} />
+      <hr></hr>
+      <CommunesList selected={commune} departement={departement} />
+    </>
+  );
+}

app/annuaire/[regionSlug]/[departementSlug]/page.tsx

@@ -0,0 +1,48 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+import {
+  Header,
+  CommunesList,
+  DepartementsList,
+  RegionList,
+} from "@/components/index";
+
+import departements, {
+  getSlugFromDepartement,
+  getDepartementFromSlug,
+} from "@/lib/departements";
+import { getRegionFromCode } from "@/lib/regions";
+
+export const metadata: Metadata = {
+  title: "Annuaire",
+  description: "L'annuaire collaboratif des professionnels de la santé",
+};
+
+export async function generateStaticParams() {
+  return departements.map((departement) => ({
+    departement: getSlugFromDepartement(departement),
+  }));
+}
+
+export default function DepartementPage({
+  params,
+}: {
+  params: { regionSlug: string; departementSlug: string };
+}) {
+  const departement = getDepartementFromSlug(params.departementSlug);
+  if (!departement) return notFound();
+  const region = getRegionFromCode(departement.region);
+  if (!region) return notFound();
+
+  return (
+    <>
+      <Header searchField={true} />
+      <RegionList selected={region} />
+      <hr></hr>
+      <DepartementsList selected={departement} region={region} />
+      <hr></hr>
+      <CommunesList departement={departement} />
+    </>
+  );
+}

app/annuaire/[regionSlug]/page.tsx

@@ -0,0 +1,85 @@
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+import regionsCpts from "../../../regions_cpts.json";
+
+import regions, { getRegionFromSlug, getSlugFromRegion } from "@/lib/regions";
+import { Header, DepartementsList, RegionList } from "@/components/index";
+import {
+  Content,
+  ContentHeader,
+  ContentBody,
+  ContentFull,
+  ContentHalf,
+} from "@/components/Content/Content";
+import { getCommuneFromCodePostal } from "@/lib/communes";
+import Link from "next/link";
+
+export const metadata: Metadata = {
+  title: "Annuaire",
+  description: "L'annuaire collaboratif des professionnels de la santé",
+};
+
+export async function generateStaticParams() {
+  return regions.map((region) => ({
+    region: getSlugFromRegion(region),
+  }));
+}
+
+export default function RegionPage({
+  params,
+}: {
+  params: { regionSlug: string };
+}) {
+  const region = getRegionFromSlug(params.regionSlug);
+  if (!region) return notFound();
+  // const nbHabitants = getCommuesFromRegion()
+
+  return (
+    <>
+      <Header searchField={true} />
+      <Content>
+        <ContentHeader>
+          <div className="prose w-96 text-center">
+            <h1 className="pb-0 mb-0">{region.nom}</h1>
+            <p className="mt-0 pt-0" title="Chef Lieu">
+              {getCommuneFromCodePostal(region.chefLieu).nom}
+            </p>
+          </div>
+          <div className="overflow-x-auto">
+            <table className="table">
+              <tbody>
+                <tr>
+                  <th>Nombre de départements</th>
+                  <td></td>
+                </tr>
+                <tr>
+                  <th>Nombre d&apos;habitants</th>
+                  <td></td>
+                </tr>
+                <tr>
+                  <th>Nombre de SISA</th>
+                  <td></td>
+                </tr>
+                <tr>
+                  <th>Nombre de CPTS</th>
+                  <td></td>
+                </tr>
+                <tr>
+                  <th>Nombre de SISA</th>
+                  <td></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+        </ContentHeader>
+        <ContentBody>
+          <ContentFull>yep</ContentFull>
+        </ContentBody>
+      </Content>
+      <RegionList selected={region} />
+      <hr></hr>
+      <DepartementsList region={region} />
+      <hr></hr>
+    </>
+  );
+}

app/annuaire/page.tsx

@@ -0,0 +1,19 @@
+import { Metadata } from "next";
+
+import { Header, Hero, RegionList } from "@/components/index";
+
+export const metadata: Metadata = {
+  title: "Annuaire",
+  description: "L'annuaire collaboratif des professionnels de la santé",
+};
+
+export default function DashboardPage() {
+  return (
+    <>
+      <Header />
+      <Hero />
+      <RegionList />
+      <hr></hr>
+    </>
+  );
+}

app/globals.css

@@ -0,0 +1,50 @@
+@tailwind base;
+
+@tailwind components;
+
+@tailwind utilities;
+
+.skew {
+    display: none;
+}
+
+.skewed-top-right .skew-top.mr-for-radius {
+    display: block;
+}
+
+.skewed-top-left .skew-top.ml-for-radius {
+    display: block;
+}
+
+.skewed-bottom-right .skew-bottom.mr-for-radius {
+    display: block;
+}
+
+.skewed-bottom-left .skew-bottom.ml-for-radius {
+    display: block;
+}
+
+.skewed-top-right .radius-for-skewed {
+    border-top-right-radius: 6rem;
+}
+
+.skewed-top-left .radius-for-skewed {
+    border-top-left-radius: 6rem;
+}
+
+.skewed-bottom-right .radius-for-skewed {
+    border-bottom-right-radius: 6rem;
+}
+
+.skewed-bottom-left .radius-for-skewed {
+    border-bottom-left-radius: 6rem;
+}
+
+@font-face {
+    font-family: 'Protest';
+    font-weight: 400;
+    font-style: normal;
+    src: url("/ProtestRevolution-Regular.woff2") format('woff2');
+}
+
+h1 { font-family: 'Protest'; }

app/layout.tsx

@@ -0,0 +1,29 @@
+import type { Metadata } from "next";
+import { Inter } from "next/font/google";
+import "./globals.css";
+
+import Nav from "../components/Nav";
+import Footer from "../components/Footer";
+
+const inter = Inter({ subsets: ["latin"] });
+
+export const metadata: Metadata = {
+  title: "Create Next App",
+  description: "Generated by create next app",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="fr">
+      <body>
+        <Nav />
+        {children}
+        <Footer />
+      </body>
+    </html>
+  );
+}

app/mdx-components.tsx

@@ -0,0 +1,7 @@
+import type { MDXComponents } from 'mdx/types'
+ 
+export function useMDXComponents(components: MDXComponents): MDXComponents {
+  return {
+    ...components,
+  }
+}

app/mentions-legales/index.md

@@ -0,0 +1,44 @@
+---
+title: "Mentions légales"
+description: ""
+summary: ""
+date: 2023-09-07T17:19:07+02:00
+lastmod: 2023-09-07T17:19:07+02:00
+draft: false
+type: "legal"
+seo:
+  title: "" # custom title (optional)
+  description: "" # custom description (recommended)
+  canonical: "" # custom canonical URL (optional)
+  noindex: false # false (default) or true
+---
+
+## Éditeur
+
+Le site web [https://apps.p4pillon.org](https://apps.p4pillon.org) est édité par l'association [RésiLien](https://resilien.fr).
+
+> SIRET : XXXXXXXXXXXXXX  
+> Adresse : 315 impasse de la Meliora 42260 Crémeaux
+
+## Directeur de publication
+
+Simon Constans
+
+## Hébergement
+
+Le site web [https://apps.p4pillon.org](https://apps.p4pillon.org) est hébergé avec sobriété par l'association [RésiLien](https://resilien.fr).
+
+> SIRET: XXXXXXXXXXXXXX  
+> Adresse : 315 impasse de la Meliora 42260 Crémeaux
+
+## Développement et Maintenance
+
+Le site web [https://apps.p4pillon.org](https://apps.p4pillon.org) a été réalisé de façon écoresponsable par [RésiLien](https://resilien.fr).
+
+## Liens hypertextes
+
+Les liens hypertextes mis en œuvre en direction d’autres sites WEB ne sauraient engager la responsabilité de Jarnat, car nous n’exerçons aucun contrôle sur le contenu des sites auxquels ces liens renvoient.
+
+## Cookie
+
+Ce site n’installe aucun cookie, c’est pourquoi il n’y a aucun bandeau spécifique. Nous respectons la vie privée de nos visiteurs.

app/mentions-legales/page.tsx

@@ -0,0 +1,37 @@
+import Markdown from './index.md'
+
+export default function MentionsLegales() {
+  return (
+    <>
+      <section className="py-10 lg:py-20">
+        <div className="container mx-auto px-4">
+          <div className="max-w-2xl mx-auto mb-12 text-center">
+            {/* <a className="uppercase text-base lg:text-xl text-green-600 hover:text-green-700 hover:underline" href="#">Travel</a> */}
+            <span className="text-base lg:text-xl text-gray-400">Dernière mise à jour le 3 mai 2024</span>
+            <div className="mt-2">
+              <h2 className="mb-6 text-4xl lg:text-5xl font-bold font-heading">Mentions légales</h2>
+              {/* <div className="flex justify-center">
+                <div className="mr-4">
+                  <img className="w-12 h-12 object-cover object-top rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80" alt="" />
+                </div>
+                <div className="text-left">
+                    <a href="#">
+                      <h3 className="text-gray-500 hover:text-gray-600 hover:underline font-bold">Alice Bradley</h3>
+                    </a>
+                    <a href="#">
+                      <span className="text-xs text-green-600 font-bold">Author</span>
+                    </a>
+                </div>
+              </div> */}
+            </div>
+          </div>
+          <div className="max-w-2xl mx-auto">
+            <p className="mb-6 leading-loose text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo est eget consequat imperdiet. Suspendisse laoreet scelerisque lobortis. Mauris facilisis hendrerit nulla at vehicula. Suspendisse potenti. Ut in nulla a purus bibendum convallis. Suspendisse id nunc maximus, suscipit ante ac, vulputate massa. Sed ut nunc suscipit, bibendum arcu a, interdum elit. Nullam laoreet mollis dictum. Ut suscipit, magna at elementum iaculis, erat erat fermentum justo, sit amet ultrices enim leo sit amet purus. Nulla sed erat molestie, auctor mauris lobortis, iaculis justo.</p>
+            <p className="leading-loose text-gray-500">Duis hendrerit dui in dui ornare luctus. Nullam gravida tincidunt lorem cursus suscipit. Integer scelerisque sem et sem porta, eu volutpat mi tempor. Duis interdum sodales lacus non tempor. Nam mattis, sapien a commodo ultrices, nunc orci tincidunt ante, tempus tempus turpis metus laoreet lacus. Praesent condimentum, arcu ut fringilla tincidunt, augue diam pretium augue, sit amet vestibulum nunc felis vel metus. Duis dolor nulla, pellentesque non ultrices ut, convallis eu felis. Duis luctus tempor arcu, vitae elementum massa porta non. Morbi aliquet, neque ut volutpat sodales, dui enim facilisis enim, ut dictum lacus neque in urna. Nam metus elit, ullamcorper pretium nisi at, aliquet gravida lectus. Nullam id lectus pellentesque, suscipit dolor eget, consequat velit. Pellentesque finibus commodo nisl, id interdum leo. Maecenas aliquam felis justo, ut sagittis nunc maximus ut.</p>
+          </div>
+        </div>
+      </section>
+      <Markdown />
+    </>
+  );
+}

app/page.tsx

@@ -0,0 +1,24 @@
+import type { Metadata } from 'next'
+
+import Hero from "../components/Hero";
+import Newsletter from "../components/Newsletter";
+import Roadmap from "../components/Roadmap";
+import Concepts from "../components/Concepts";
+import Projects from "../components/Projects";
+
+export const metadata: Metadata = {
+  title: 'P4Pillon - Composer une santé en commun',
+  description: 'P4Pillon est une initiative de recherche et développement en soins de premier recours ayant pour objectif de changer le paradigme du système de santé.',
+}
+
+export default function Home() {
+  return (
+    <>
+      <Hero />
+      <Concepts />
+      <Projects />
+      <Roadmap />
+      <Newsletter />
+    </>
+  );
+}

app/sitemap.ts

@@ -0,0 +1,17 @@
+import { getBlogPosts } from '@/blog/utils'
+
+export const baseUrl = 'https://portfolio-blog-starter.vercel.app'
+
+export default async function sitemap() {
+  let blogs = getBlogPosts().map((post) => ({
+    url: `${baseUrl}/blog/${post.slug}`,
+    lastModified: post.metadata.publishedAt,
+  }))
+
+  let routes = ['', '/blog'].map((route) => ({
+    url: `${baseUrl}${route}`,
+    lastModified: new Date().toISOString().split('T')[0],
+  }))
+
+  return [...routes, ...blogs]
+}

assets/scripts/annuaire.js

@@ -1,180 +0,0 @@
-import { createOrUpdateMspInfo } from "./directus.js"
-import { initMap, updateLayers, zoomIn, zoomOut } from "./leaflet.js"
-
-const columns = {
-    finessET: 0,
-    name: 1,
-    name_long: 2,
-    dep: 3,
-    adresse: 4,
-    tel: 5,
-    categetab: 6,
-    siret: 7,
-    x: 8,
-    y: 9,
-}
-
-let dataCache;
-async function getDataP4Pillon() {
-    if (dataCache) {
-        return dataCache
-    }
-    const data = await fetch('/data_p4pillon.json')
-    dataCache = data.json()
-    return dataCache
-}
-async function getData() {
-    const data = await fetch('/data.json')
-    return data.json()
-}
-function getName(msp, dataP4Pillon) {
-    return dataP4Pillon ? dataP4Pillon[0] : (msp[columns.name_long] ? msp[columns.name_long] : msp[columns.name])
-}
-
-function showInfo() {
-    const element = document.getElementById("info")
-    element.classList.remove("hidden")
-}
-
-function setTitle(title) {
-    const elements = document.getElementsByClassName("title")
-    for (const element of elements) {
-        element.innerHTML = title
-    }
-}
-
-function setContent(content) {
-    const element = document.getElementById("content")
-    element.innerHTML = content
-}
-
-function setPhone(phone) {
-    const element = document.getElementById("phone")
-    if (phone) {
-        element.href = "tel:" + phone
-        element.title = phone
-        element.classList.remove('hidden')
-    } else {
-        element.classList.add('hidden')
-    }
-}
-
-function setMail(mail) {
-    const element = document.getElementById("mail")
-    if (mail) {
-        element.href = "mailto:" + mail
-        element.title = mail
-        element.classList.remove('hidden')
-    } else {
-        element.classList.add('hidden')
-    }
-}
-
-function setWebsite(website) {
-    const element = document.getElementById("website")
-    if (website) {
-        element.href = website
-        element.title = website
-        element.classList.remove('hidden')
-    } else {
-        element.classList.add('hidden')
-    }
-}
-
-function getContent(msp, dataP4Pillon) {
-    return "Établissement FINESS N°" + msp[columns.finessET] +
-    (msp[columns.siret] != null ? "<br>SIREN : <a rel='noreferrer' target='_blank' href='https://data.inpi.fr/entreprises/" + msp[columns.siret].substring(0, 9) + "'>" + msp[columns.siret].substring(0, 9) + "</a>" : "") +
-    (dataP4Pillon ? "<br>" +
-        (dataP4Pillon[1] || dataP4Pillon[2] ? "<br>Leader : " + dataP4Pillon[1] + " " + dataP4Pillon[2] : "") +
-        (dataP4Pillon[3] ? "<br>Adhérent à l'association AVEC Santé : ✅" : "") +
-        (dataP4Pillon[4] ? "<br>Accord conventionnel interprofessionnel : ✅" : "")
-    : "")
-}
-const editLayoutElement = document.getElementById("editLayout")
-function displayInfo(msp, dataP4Pillon) {
-    editLayoutElement.classList.add("hidden")
-    setTitle(getName(msp, dataP4Pillon))
-    setContent(getContent(msp, dataP4Pillon))
-    setPhone(msp[columns.tel])
-    setMail(msp[columns.mail])
-    setWebsite(msp[columns.web])
-    showInfo()
-}
-
-const layerMSPElement = document.getElementById("layerMSP")
-const layerPharmacieElement = document.getElementById("layerPharmacie")
-
-const mspData = {
-    nofinesset: document.getElementById("msp-nofinesset"),
-    nom: document.getElementById("msp-nom"),
-    prenom_leader: document.getElementById("msp-prenom_leader"),
-    nom_leader: document.getElementById("msp-nom_leader"),
-    avec_sante: document.getElementById("msp-avec_sante"),
-    accord_conventionnel_interprofessionnel: document.getElementById("msp-accord_conventionnel_interprofessionnel"),
-}
-
-window.displayLayout = async (id) => {
-    if (id == "editLayout") {
-        const dataP4Pillon = await getDataP4Pillon()
-        const msp = window.msp
-        const data = dataP4Pillon[msp[columns.finessET]]
-
-        console.log(dataP4Pillon)
-        console.log(msp)
-        console.log(data)
-
-        mspData.nofinesset.value = window.msp[columns.finessET]
-        mspData.nom.value = getName(msp, data)
-        mspData.prenom_leader.value = data ? data[1] : ""
-        mspData.nom_leader.value = data ? data[2] : ""
-        mspData.avec_sante.checked = data ? data[3] : false
-        mspData.accord_conventionnel_interprofessionnel.checked = data ? data[4] : false
-    }
-    document.getElementById(id).classList.remove('hidden')
-}
-
-function initZoomBtn() {
-    document.getElementById("btnMore").addEventListener('click', () => zoomIn())
-    document.getElementById("btnLess").addEventListener('click', () => zoomOut())
-}
-
-function initCloseLayoutBtn() {
-    [...document.getElementsByClassName("btnClose")].forEach(btnCloseElement => {
-        btnCloseElement.addEventListener('click', () => {
-            btnCloseElement.parentNode.parentNode.classList.add("hidden")
-            console.log(btnCloseElement.parentNode.parentNode.id)
-            if (btnCloseElement.parentNode.parentNode.id == "info") {
-                editLayoutElement.classList.add("hidden")
-            }
-        })
-    });
-}
-
-async function initForms() {
-    document.getElementById("formInfo").addEventListener('submit', async (event) => {
-        event.preventDefault();
-
-        try {
-            const formData = new FormData(event.target)
-            const response = await createOrUpdateMspInfo(formData);
-            console.log(response)
-        } catch (error) {
-            console.error(error);
-        }
-    })
-}
-
-async function launchAnnuaire() {
-    var data = await getData()
-    var dataP4Pillon = await getDataP4Pillon()
-    layerMSPElement.addEventListener('change', () => updateLayers(layerMSPElement.checked, layerPharmacieElement.checked));
-    layerPharmacieElement.addEventListener('change', () => updateLayers(layerMSPElement.checked, layerPharmacieElement.checked));
-
-    initMap(data, dataP4Pillon, columns, getName, displayInfo, layerMSPElement.checked, layerPharmacieElement.checked)
-    initZoomBtn()
-    initCloseLayoutBtn()
-
-    initForms()
-}
-
-launchAnnuaire()

assets/scripts/directus.js

@@ -1,64 +0,0 @@
-import { Directus, EmptyParamError } from '@directus/sdk';
-
-const directus = new Directus('https://formulaire.p4pillon.org');
-const mspInfo = directus.items('MSP_INFO');
-
-export async function login() {
-	// AUTHENTICATION
-
-	let authenticated = false;
-
-	// Try to authenticate with token if exists
-	await directus.auth
-		.refresh()
-		.then(() => {
-			authenticated = true;
-		})
-		.catch(() => {});
-
-	// Let's login in case we don't have token or it is invalid / expired
-	while (!authenticated) {
-		const email = window.prompt('Email:');
-		const password = window.prompt('Password:');
-
-		await directus.auth
-			.login({ email, password })
-			.then(() => {
-				authenticated = true;
-			})
-			.catch(() => {
-				window.alert('Invalid credentials');
-			});
-	}
-}
-
-export async function createOrUpdateMspInfo(formData) {
-    try {
-        return await mspInfo.createOne({
-            nofinesset: formData.get("nofinesset"),
-            nom: formData.get("nom"),
-            prenom_leader: formData.get("prenom_leader"),
-            nom_leader: formData.get("nom_leader"),
-            avec_sante: formData.get("avec_sante"),
-            accord_conventionnel_interprofessionnel: formData.get("accord_conventionnel_interprofessionnel")
-        })
-    } catch (error) {
-        console.log(error)
-    }
-    const nofinesset = formData.get("nofinesset")
-    console.log(nofinesset)
-    try {
-        const msp = await mspInfo.readOne(nofinesset)
-        return await mspInfo.updateOne(nofinesset, formData)
-    } catch (error) {
-        if (error instanceof EmptyParamError) {
-            console.error("Le nofinesset est obligatoire.")
-            throw error
-        }
-        if (error.message == "You don't have permission to access this.") {
-            console.log("createOne")
-            console.log(formData)
-            return await mspInfo.createOne(formData)
-        }
-    }
-}

assets/scripts/leaflet.js

@@ -1,133 +0,0 @@
-
-
-//
-// Map
-//
-
-var map = L.map('map', { 
-    zoomControl: false,
-    attributionControl: false
-})
-
-
-//
-// Icons
-// doc : https://onestepcode.com/leaflet-markers-svg-icons/
-//
-
-const mspIcon = L.divIcon({
-    html: `
-        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M16.4453 6.16795C16.7812 5.94402 17.2188 5.94402 17.5547 6.16795L23.5547 10.1679C23.8329 10.3534 24 10.6656 24 11V19C24 19.5523 23.5523 20 23 20H11C10.4477 20 10 19.5523 10 19V11C10 10.6656 10.1671 10.3534 10.4453 10.1679L16.4453 6.16795ZM16 18H18V14H16V18ZM20 18V13C20 12.4477 19.5523 12 19 12H15C14.4477 12 14 12.4477 14 13V18H12V11.5352L17 8.20185L22 11.5352V18H20Z" fill="currentColor"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M34.4961 12.1318C34.1887 11.9561 33.8113 11.9561 33.5039 12.1318L26.5039 16.1318C26.1923 16.3098 26 16.6411 26 17V27C26 27.5523 26.4477 28 27 28H41C41.5523 28 42 27.5523 42 27V17C42 16.6411 41.8077 16.3098 41.4961 16.1318L34.4961 12.1318ZM37 26H40V17.5803L34 14.1518L28 17.5803V26H31V20C31 19.4477 31.4477 19 32 19H36C36.5523 19 37 19.4477 37 20V26ZM35 26V21H33V26H35Z" fill="currentColor"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.4472 28.1056L15.4472 24.1056C15.1657 23.9648 14.8343 23.9648 14.5528 24.1056L6.55279 28.1056C6.214 28.275 6 28.6212 6 29V41C6 41.5523 6.44772 42 7 42H23C23.5523 42 24 41.5523 24 41V29C24 28.6212 23.786 28.275 23.4472 28.1056ZM16 34V40H14V34H16ZM18 33V40H22V29.618L15 26.118L8 29.618V40H12V33C12 32.4477 12.4477 32 13 32H17C17.5523 32 18 32.4477 18 33Z" fill="currentColor"/>
-        </svg>
-    `,
-    className: "",
-    iconSize: [48, 48],
-    iconAnchor: [12, 40],
-});
-const pharmacyIcon = L.divIcon({
-    html: `
-        <svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M23.8708 16.5029L26.5001 16.5029C27.0523 16.5029 27.5001 16.0552 27.5001 15.5029C27.5001 14.9506 27.0523 14.5029 26.5001 14.5029L23.8708 14.5029C23.5214 14.503 23.1149 14.56 22.7209 14.7523C21.2959 15.4476 20.4893 16.6497 20.0467 17.8209C19.8971 18.2165 19.786 18.6158 19.7045 19.0029H21.7622C21.8068 18.8436 21.8583 18.6846 21.9175 18.528C22.2394 17.6764 22.7625 16.9573 23.5979 16.5497C23.6444 16.527 23.7301 16.5029 23.8708 16.5029ZM18.0001 20.0029C17.4478 20.0029 16.9874 20.4588 17.1366 20.9906C17.7143 23.05 20.0631 24.6522 23.0001 24.9523V26.5105C22.3051 26.5275 21.5829 26.5829 20.9705 26.7612C20.492 26.9005 19.9849 27.1393 19.5969 27.575C19.1907 28.0312 19 28.6074 19 29.25C19 29.8932 19.1902 30.47 19.5958 30.9272C19.9836 31.3641 20.4906 31.6038 20.9696 31.7437C21.2897 31.8372 21.6397 31.897 22 31.9353V29.9217C21.8289 29.8972 21.6722 29.8653 21.5305 29.8239C21.2595 29.7448 21.1415 29.6558 21.0918 29.5997C21.0599 29.5638 21 29.4833 21 29.25C21 29.0191 21.0594 28.9401 21.0907 28.905C21.1402 28.8493 21.2581 28.7605 21.5296 28.6814C21.9135 28.5697 22.4074 28.5277 23.0001 28.5121V29.9938L23 31.9954L23.0001 34.0029H20.0001V36.0029H28.0001V34.0029H25.0001V28.4661C26.1018 28.3797 26.9948 28.1376 27.6667 27.7046C28.6123 27.0953 29 26.1881 29 25.2252C29 24.7019 28.8853 24.199 28.6292 23.7536C29.754 23.0448 30.5574 22.0819 30.8635 20.9906C31.0127 20.4588 30.5523 20.0029 30.0001 20.0029H18.0001ZM26.5833 26.0235C26.3 26.2061 25.8089 26.3795 25.0001 26.4584V24.9523C25.6205 24.8889 26.2147 24.7674 26.7715 24.5957C26.9363 24.7528 27 24.9436 27 25.2252C27 25.5956 26.8878 25.8272 26.5833 26.0235Z" fill="currentColor"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M32 32H42V16H32V6H16V16H6V32H16V42H32V32ZM30 40V30H40V18H30V8H18V18H8V30H18V40H30Z" fill="currentColor"/>
-        </svg>
-    `,
-    className: "",
-    iconSize: [48, 48],
-    iconAnchor: [12, 40],
-});
-
-//
-// Markers
-//
-
-const markersMSP = new L.MarkerClusterGroup({ chunkedLoading: true });
-const markersPharmacy = new L.MarkerClusterGroup({ chunkedLoading: true });
-
-export function updateLayers(layerMSPChecked, layerPharmacieChecked) {
-    // MSP
-    if (layerMSPChecked && !map.hasLayer(markersMSP)) {
-        map.addLayer(markersMSP)
-    } else if (!layerMSPChecked && map.hasLayer(markersMSP)) {
-        map.removeLayer(markersMSP)
-    }
-
-    //Pharmacy
-    if (layerPharmacieChecked && !map.hasLayer(markersPharmacy)) {
-        map.addLayer(markersPharmacy)
-    } else if (!layerPharmacieChecked && map.hasLayer(markersPharmacy)) {
-        map.removeLayer(markersPharmacy)
-    }
-}
-
-export function initMap(data, dataP4Pillon, columns, getName, displayInfo, layerMSPChecked, layerPharmacieChecked) {
-    for (const msp of data) {
-        if (msp[columns.x] && msp[columns.y]) {
-            const isMSP = msp[columns.categetab] == "603"
-            const marker = L.marker([msp[columns.x], msp[columns.y]], {
-                title: getName(msp, dataP4Pillon[msp[columns.finessET]]),
-                icon: isMSP ? mspIcon : pharmacyIcon
-            })
-            .on("click", (e)=> {
-                window.msp = msp
-                displayInfo(msp, dataP4Pillon[msp[columns.finessET]])
-            });
-            isMSP ? markersMSP.addLayer(marker) : markersPharmacy.addLayer(marker)
-        }
-    }
-    if (layerMSPChecked) {
-        map.addLayer(markersMSP)
-    }
-    if (layerPharmacieChecked) {
-        map.addLayer(markersPharmacy)
-    }
-}
-
-// tileLayer
-
-var tileLayer = L.tileLayer('https://{s}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}{r}.png', {
-    maxZoom: 19,
-    subdomains: 'abcd',
-    attribution: ''
-})
-map.addLayer(tileLayer)
-
-// Localisation
-
-function getMapLocation() {
-    const mapLocation = L.Permalink.getMapLocation();
-    const mapLocationDefaultCenter = [52.26869,-113.81034]
-    const defaultCenter = [46.55886, 3.21924]
-    const defaultZoom = 6
-
-    function isDefaultCenter() {
-        return JSON.stringify(mapLocation.center) == JSON.stringify(defaultCenter)
-    }
-
-    return {
-        getCenter : () => {
-            return isDefaultCenter() ? defaultCenter : mapLocation.center
-        },
-        getZoom : () => {
-            return isDefaultCenter() ? defaultZoom : mapLocation.zoom
-        },
-    }
-}
-const mapLocation = getMapLocation();
-map.setView(mapLocation.getCenter(), mapLocation.getZoom())
-
-// Zoom
-
-export function zoomIn() {
-    map.zoomIn()
-}
-
-export function zoomOut() {
-    map.zoomOut()
-}
-
-// Changement d'URL
-
-L.Permalink.setup(map);

assets/scripts/main.js

@@ -1,19 +0,0 @@
-function menu() {
-    const menuElement = document.getElementById("menu")
-    const menuOpenElement = document.getElementById("menuOpen")
-    const menuCloseElement = document.getElementById("menuClose")
-    menuOpenElement.addEventListener('click', function () {
-        console.log("open")
-        menuElement.classList.toggle('hidden')
-    })
-    menuCloseElement.addEventListener('click', function () {
-        console.log("close")
-        menuElement.classList.toggle('hidden')
-    })
-}
-
-function launch() {
-    menu()
-}
-
-launch()

assets/styles/components/all.css

@@ -1 +0,0 @@
-@import "buttons.css";

assets/styles/styles.css

@@ -1,21 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-@import "components/all.css";
-
-html {
-  font-size: 14px;
-}
-
-@screen md {
-  html {
-    font-size: 16px;
-  }
-}
-
-@layer components {
-  .btn-primary {
-    @apply rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
-  }
-}

blog/[slug]/page.tsx

@@ -0,0 +1,123 @@
+import { notFound } from 'next/navigation'
+import { CustomMDX } from '@/components/Mdx'
+import { formatDate, getBlogPosts } from '@/blog/utils'
+import { baseUrl } from '@/app/sitemap'
+
+export async function generateStaticParams() {
+  let posts = getBlogPosts()
+
+  return posts.map((post) => ({
+    slug: post.slug,
+  }))
+}
+
+export function generateMetadata({ params }) {
+  let post = getBlogPosts().find((post) => post.slug === params.slug)
+  if (!post) {
+    return
+  }
+
+  let {
+    title,
+    publishedAt: publishedTime,
+    summary: description,
+    image,
+  } = post.metadata
+  let ogImage = image ? image : `${baseUrl}/og?title=${encodeURIComponent(title)}`
+
+  return {
+    title,
+    description,
+    openGraph: {
+      title,
+      description,
+      type: 'article',
+      publishedTime,
+      url: `${baseUrl}/blog/${post.slug}`,
+      images: [
+        {
+          url: ogImage,
+        },
+      ],
+    },
+    twitter: {
+      card: 'summary_large_image',
+      title,
+      description,
+      images: [ogImage],
+    },
+  }
+}
+
+export default function Blog({ params }) {
+  let post = getBlogPosts().find((post) => post.slug === params.slug)
+
+  if (!post) {
+    notFound()
+  }
+
+  return (
+    <section className="py-10 lg:py-20">
+      <script
+        type="application/ld+json"
+        suppressHydrationWarning
+        dangerouslySetInnerHTML={{
+          __html: JSON.stringify({
+            '@context': 'https://schema.org',
+            '@type': 'BlogPosting',
+            headline: post.metadata.title,
+            datePublished: post.metadata.publishedAt,
+            dateModified: post.metadata.publishedAt,
+            description: post.metadata.summary,
+            image: post.metadata.image
+              ? `${baseUrl}${post.metadata.image}`
+              : `/og?title=${encodeURIComponent(post.metadata.title)}`,
+            url: `${baseUrl}/blog/${post.slug}`,
+            author: {
+              '@type': 'Person',
+              name: 'My Portfolio',
+            },
+          }),
+        }}
+      />
+      <div className="container mx-auto px-4">
+        <div className="max-w-2xl mx-auto mb-12 text-center">
+          {/* <a className="uppercase text-base lg:text-xl text-green-600 hover:text-green-700 hover:underline" href="#">Travel</a> */}
+          <span className="text-base lg:text-xl text-gray-400">{formatDate(post.metadata.publishedAt)}</span>
+          <div className="mt-2">
+            <h1 className="mb-6 text-4xl lg:text-5xl font-bold font-heading">{post.metadata.title}</h1>
+            {/* <div className="flex justify-center">
+              <div className="mr-4">
+                <img className="w-12 h-12 object-cover object-top rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80" alt="" />
+              </div>
+              <div className="text-left">
+                <a href="#">
+                  <h3 className="text-gray-500 hover:text-gray-600 hover:underline font-bold">Alice Bradley</h3>
+                </a>
+                <a href="#">
+                  <span className="text-xs text-green-600 font-bold">Author</span>
+                </a>
+              </div>
+            </div> */}
+          </div>
+        </div>
+        <div className="max-w-2xl mx-auto">
+          <CustomMDX source={post.content} />
+          <p className="mb-6 leading-loose text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo est eget consequat imperdiet. Suspendisse laoreet scelerisque lobortis. Mauris facilisis hendrerit nulla at vehicula. Suspendisse potenti. Ut in nulla a purus bibendum convallis. Suspendisse id nunc maximus, suscipit ante ac, vulputate massa. Sed ut nunc suscipit, bibendum arcu a, interdum elit. Nullam laoreet mollis dictum. Ut suscipit, magna at elementum iaculis, erat erat fermentum justo, sit amet ultrices enim leo sit amet purus. Nulla sed erat molestie, auctor mauris lobortis, iaculis justo.</p>
+          <p className="leading-loose text-gray-500">Duis hendrerit dui in dui ornare luctus. Nullam gravida tincidunt lorem cursus suscipit. Integer scelerisque sem et sem porta, eu volutpat mi tempor. Duis interdum sodales lacus non tempor. Nam mattis, sapien a commodo ultrices, nunc orci tincidunt ante, tempus tempus turpis metus laoreet lacus. Praesent condimentum, arcu ut fringilla tincidunt, augue diam pretium augue, sit amet vestibulum nunc felis vel metus. Duis dolor nulla, pellentesque non ultrices ut, convallis eu felis. Duis luctus tempor arcu, vitae elementum massa porta non. Morbi aliquet, neque ut volutpat sodales, dui enim facilisis enim, ut dictum lacus neque in urna. Nam metus elit, ullamcorper pretium nisi at, aliquet gravida lectus. Nullam id lectus pellentesque, suscipit dolor eget, consequat velit. Pellentesque finibus commodo nisl, id interdum leo. Maecenas aliquam felis justo, ut sagittis nunc maximus ut.</p>
+        </div>
+      </div>
+      {/* <h1 className="title font-semibold text-2xl tracking-tighter">
+        {post.metadata.title}
+      </h1>
+      <div className="flex justify-between items-center mt-2 mb-8 text-sm">
+        <p className="text-sm text-neutral-600 dark:text-neutral-400">
+          {formatDate(post.metadata.publishedAt)}
+        </p>
+      </div>
+      <article className="prose">
+        <CustomMDX source={post.content} />
+      </article> */}
+    </section>
+  )
+}

blog/page.tsx

@@ -0,0 +1,12 @@
+import { BlogPosts } from '@/components/Posts'
+
+export const metadata = {
+  title: 'P4Pillon - Les actualités de P4Pillon',
+  description: 'Lisez les dernières actualités de P4Pillon',
+}
+
+export default function Page() {
+  return (
+    <BlogPosts />
+  )
+}

blog/posts/2024-05-03-nouveau-site-web.mdx

@@ -0,0 +1,32 @@
+---
+title: 'Lancement du nouveau site web P4Pillon'
+description: 'Le premier article du blog pour vous présenter notre nouveau site web.'
+publishedAt: '2024-05-03'
+summary: 'Explore the enduring debate between using spaces and tabs for code indentation, and why this choice matters more than you might think.'
+---
+
+The debate between using spaces and tabs for indentation in coding may seem trivial to the uninitiated, but it is a topic that continues to inspire passionate discussions among developers. This seemingly minor choice can affect code readability, maintenance, and even team dynamics.
+
+Let's delve into the arguments for both sides and consider why this debate remains relevant in the software development world.
+
+## The Case for Spaces
+
+Advocates for using spaces argue that it ensures consistent code appearance across different editors, tools, and platforms. Because a space is a universally recognized character with a consistent width, code indented with spaces will look the same no matter where it's viewed. This consistency is crucial for maintaining readability and avoiding formatting issues when code is shared between team members or published online.
+
+Additionally, some programming languages and style guides explicitly recommend spaces for indentation, suggesting a certain number of spaces (often two or four) per indentation level. Adhering to these recommendations can be essential for projects that aim for best practices in code quality and readability.
+
+## The Case for Tabs
+
+On the other side of the debate, proponents of tabs highlight the flexibility that tabs offer. Because the width of a tab can be adjusted in most text editors, individual developers can choose how much indentation they prefer to see, making the code more accessible and comfortable to read on a personal level. This adaptability can be particularly beneficial in teams with diverse preferences regarding code layout.
+
+Tabs also have the advantage of semantic meaning. A tab is explicitly meant to represent indentation, whereas a space is used for many purposes within code. This distinction can make automated parsing and manipulation of code simpler, as tools can more easily recognize and adjust indentation levels without confusing them with spaces used for alignment.
+
+## Hybrid Approaches and Team Dynamics
+
+The debate often extends into discussions about hybrid approaches, where teams might use tabs for indentation and spaces for alignment within lines, attempting to combine the best of both worlds. However, such strategies require clear team agreements and disciplined adherence to coding standards to prevent formatting chaos.
+
+Ultimately, the choice between spaces and tabs often comes down to team consensus and project guidelines. In environments where collaboration and code sharing are common, agreeing on a standard that everyone follows is more important than the individual preferences of spaces versus tabs. Modern development tools and linters can help enforce these standards, making the choice less about technical limitations and more about team dynamics and coding philosophy.
+
+## Conclusion
+
+While the spaces vs. tabs debate might not have a one-size-fits-all answer, it underscores the importance of consistency, readability, and team collaboration in software development. Whether a team chooses spaces, tabs, or a hybrid approach, the key is to make a conscious choice that serves the project's needs and to adhere to it throughout the codebase. As with many aspects of coding, communication and agreement among team members are paramount to navigating this classic programming debate.

blog/posts/static-typing.mdx

@@ -0,0 +1,52 @@
+---
+title: 'The Power of Static Typing in Programming'
+publishedAt: '2024-04-07'
+summary: 'In the ever-evolving landscape of software development, the debate between dynamic and static typing continues to be a hot topic.'
+---
+
+In the ever-evolving landscape of software development, the debate between dynamic and static typing continues to be a hot topic. While dynamic typing offers flexibility and rapid development, static typing brings its own set of powerful advantages that can significantly improve the quality and maintainability of code. In this post, we'll explore why static typing is crucial for developers, accompanied by practical examples through markdown code snippets.
+
+## Improved Code Quality and Safety
+
+One of the most compelling reasons to use static typing is the improvement it brings to code quality and safety. By enforcing type checks at compile time, static typing catches errors early in the development process, reducing the chances of runtime errors.
+
+```ts
+function greet(name: string): string {
+  return `Hello, ${name}!`
+}
+
+// This will throw an error at compile time, preventing potential runtime issues.
+let message: string = greet(123)
+```
+
+## Enhanced Readability and Maintainability
+
+Static typing makes code more readable and maintainable. By explicitly declaring types, developers provide a clear contract of what the code does, making it easier for others (or themselves in the future) to understand and modify the codebase.
+
+## Facilitates Tooling and Refactoring
+
+Modern IDEs leverage static typing to offer advanced features like code completion, refactoring, and static analysis. These tools can automatically detect issues, suggest fixes, and safely refactor code, enhancing developer productivity and reducing the likelihood of introducing bugs during refactoring.
+
+```csharp
+// Refactoring example: Renaming a method in C#
+public class Calculator {
+    public int Add(int a, int b) {
+        return a + b;
+    }
+}
+
+// After refactoring `Add` to `Sum`, all references are automatically updated.
+public class Calculator {
+    public int Sum(int a, int b) {
+        return a + b;
+    }
+}
+```
+
+## Performance Optimizations
+
+Static typing can lead to better performance. Since types are known at compile time, compilers can optimize the generated code more effectively. This can result in faster execution times and lower resource consumption.
+
+## Conclusion
+
+Static typing offers numerous benefits that contribute to the development of robust, efficient, and maintainable software. By catching errors early, enhancing readability, facilitating tooling, and enabling optimizations, static typing is an invaluable asset for developers. As the software industry continues to mature, the importance of static typing in ensuring code quality and performance cannot be overstated. Whether you're working on a large-scale enterprise application or a small project, embracing static typing can lead to better software development outcomes.

blog/posts/vim.mdx

@@ -0,0 +1,39 @@
+---
+title: 'Embracing Vim: The Unsung Hero of Code Editors'
+publishedAt: '2024-04-09'
+summary: 'Discover why Vim, with its steep learning curve, remains a beloved tool among developers for editing code efficiently and effectively.'
+---
+
+In the world of software development, where the latest and greatest tools frequently capture the spotlight, Vim stands out as a timeless classic. Despite its age and initial complexity, Vim has managed to retain a devoted following of developers who swear by its efficiency, versatility, and power.
+
+This article delves into the reasons behind Vim's enduring appeal and why it continues to be a great tool for coding in the modern era.
+
+## Efficiency and Speed
+
+At the heart of Vim's philosophy is the idea of minimizing keystrokes to achieve maximum efficiency.
+
+Unlike other text editors where the mouse is often relied upon for navigation and text manipulation, Vim's keyboard-centric design allows developers to perform virtually all coding tasks without leaving the home row. This not only speeds up coding but also reduces the risk of repetitive strain injuries.
+
+## Highly Customizable
+
+Vim can be extensively customized to suit any developer's preferences and workflow. With a vibrant ecosystem of plugins and a robust scripting language, users can tailor the editor to their specific needs, whether it's programming in Python, writing in Markdown, or managing projects.
+
+This level of customization ensures that Vim remains relevant and highly functional for a wide range of programming tasks and languages.
+
+## Ubiquity and Portability
+
+Vim is virtually everywhere. It's available on all major platforms, and because it's lightweight and terminal-based, it can be used on remote servers through SSH, making it an indispensable tool for sysadmins and developers working in a cloud-based environment.
+
+The ability to use the same editor across different systems without a graphical interface is a significant advantage for those who need to maintain a consistent workflow across multiple environments.
+
+## Vibrant Community
+
+Despite—or perhaps because of—its learning curve, Vim has cultivated a passionate and active community. Online forums, dedicated websites, and plugins abound, offering support, advice, and improvements.
+
+This community not only helps newcomers climb the steep learning curve but also continually contributes to Vim's evolution, ensuring it remains adaptable and up-to-date with the latest programming trends and technologies.
+
+## Conclusion
+
+Vim is not just a text editor; it's a way of approaching coding with efficiency and thoughtfulness. Its steep learning curve is a small price to pay for the speed, flexibility, and control it offers.
+
+For those willing to invest the time to master its commands, Vim proves to be an invaluable tool that enhances productivity and enjoyment in coding. In an age of ever-changing development tools, the continued popularity of Vim is a testament to its enduring value and utility.

blog/utils.ts

@@ -0,0 +1,91 @@
+import fs from 'fs'
+import path from 'path'
+
+type Metadata = {
+  title: string
+  description: string
+  publishedAt: string
+  summary: string
+  image?: string
+}
+
+function parseFrontmatter(fileContent: string) {
+  let frontmatterRegex = /---\s*([\s\S]*?)\s*---/
+  let match = frontmatterRegex.exec(fileContent)
+  let frontMatterBlock = match![1]
+  let content = fileContent.replace(frontmatterRegex, '').trim()
+  let frontMatterLines = frontMatterBlock.trim().split('\n')
+  let metadata: Partial<Metadata> = {}
+
+  frontMatterLines.forEach((line) => {
+    let [key, ...valueArr] = line.split(': ')
+    let value = valueArr.join(': ').trim()
+    value = value.replace(/^['"](.*)['"]$/, '$1') // Remove quotes
+    metadata[key.trim() as keyof Metadata] = value
+  })
+
+  return { metadata: metadata as Metadata, content }
+}
+
+function getMDXFiles(dir) {
+  return fs.readdirSync(dir).filter((file) => path.extname(file) === '.mdx')
+}
+
+function readMDXFile(filePath) {
+  let rawContent = fs.readFileSync(filePath, 'utf-8')
+  return parseFrontmatter(rawContent)
+}
+
+function getMDXData(dir) {
+  let mdxFiles = getMDXFiles(dir)
+  return mdxFiles.map((file) => {
+    let { metadata, content } = readMDXFile(path.join(dir, file))
+    let slug = path.basename(file, path.extname(file))
+
+    return {
+      metadata,
+      slug,
+      content,
+    }
+  })
+}
+
+export function getBlogPosts() {
+  return getMDXData(path.join(process.cwd(), 'app', 'blog', 'posts'))
+}
+
+export function formatDate(date: string, includeRelative = false) {
+  let currentDate = new Date()
+  if (!date.includes('T')) {
+    date = `${date}T00:00:00`
+  }
+  let targetDate = new Date(date)
+
+  let yearsAgo = currentDate.getFullYear() - targetDate.getFullYear()
+  let monthsAgo = currentDate.getMonth() - targetDate.getMonth()
+  let daysAgo = currentDate.getDate() - targetDate.getDate()
+
+  let formattedDate = ''
+
+  if (yearsAgo > 0) {
+    formattedDate = `${yearsAgo}y ago`
+  } else if (monthsAgo > 0) {
+    formattedDate = `${monthsAgo}mo ago`
+  } else if (daysAgo > 0) {
+    formattedDate = `${daysAgo}d ago`
+  } else {
+    formattedDate = 'Today'
+  }
+
+  let fullDate = targetDate.toLocaleString('fr-fr', {
+    month: 'long',
+    day: 'numeric',
+    year: 'numeric',
+  })
+
+  if (!includeRelative) {
+    return fullDate
+  }
+
+  return `${fullDate} (${formattedDate})`
+}

components/Article.tsx

@@ -0,0 +1,89 @@
+import Link from "next/link";
+
+export default function Article({
+  title,
+  date,
+  content,
+}: {
+  title: string;
+  date: string;
+  content: string;
+}) {
+  return (
+    <section className="py-10 lg:py-20 bg-gray-900">
+      <div className="container mx-auto px-4">
+        <div className="max-w-2xl mx-auto mb-12 text-center">
+          <span className="text-base lg:text-xl text-gray-400">
+            24 Janvier, 2024
+          </span>
+          <div className="mt-2">
+            <h1 className="mb-6 text-4xl lg:text-5xl font-bold font-heading text-white">
+              {title}
+            </h1>
+            {/* <div className='flex justify-center'>
+                  <div className='mr-4'>
+                    <img
+                      className='w-12 h-12 object-cover object-top rounded-full'
+                      src='https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80'
+                      alt=''
+                    />
+                  </div>
+                  <div className='text-left'>
+                    <a href='#'>
+                      <h3 className='text-gray-200 hover:text-gray-600 hover:underline font-bold'>
+                        Alice Bradley
+                      </h3>
+                    </a>
+                    <a href='#'>
+                      <span className='text-xs text-green-600 font-bold'>
+                        Author
+                      </span>
+                    </a>
+                  </div>
+                </div> */}
+          </div>
+          <div>
+            <a
+              className="uppercase text-base text-green-600 hover:text-green-700 hover:underline"
+              href="#"
+            >
+              #Travel
+            </a>
+          </div>
+        </div>
+        <div className="max-w-2xl mx-auto prose">
+          {content}
+          {/* <p className='mb-6 leading-loose text-gray-200'>
+                Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+                Praesent commodo est eget consequat imperdiet. Suspendisse
+                laoreet scelerisque lobortis. Mauris facilisis hendrerit nulla
+                at vehicula. Suspendisse potenti. Ut in nulla a purus bibendum
+                convallis. Suspendisse id nunc maximus, suscipit ante ac,
+                vulputate massa. Sed ut nunc suscipit, bibendum arcu a, interdum
+                elit. Nullam laoreet mollis dictum. Ut suscipit, magna at
+                elementum iaculis, erat erat fermentum justo, sit amet ultrices
+                enim leo sit amet purus. Nulla sed erat molestie, auctor mauris
+                lobortis, iaculis justo.
+              </p>
+              <p className='leading-loose text-gray-200'>
+                Duis hendrerit dui in dui ornare luctus. Nullam gravida
+                tincidunt lorem cursus suscipit. Integer scelerisque sem et sem
+                porta, eu volutpat mi tempor. Duis interdum sodales lacus non
+                tempor. Nam mattis, sapien a commodo ultrices, nunc orci
+                tincidunt ante, tempus tempus turpis metus laoreet lacus.
+                Praesent condimentum, arcu ut fringilla tincidunt, augue diam
+                pretium augue, sit amet vestibulum nunc felis vel metus. Duis
+                dolor nulla, pellentesque non ultrices ut, convallis eu felis.
+                Duis luctus tempor arcu, vitae elementum massa porta non. Morbi
+                aliquet, neque ut volutpat sodales, dui enim facilisis enim, ut
+                dictum lacus neque in urna. Nam metus elit, ullamcorper pretium
+                nisi at, aliquet gravida lectus. Nullam id lectus pellentesque,
+                suscipit dolor eget, consequat velit. Pellentesque finibus
+                commodo nisl, id interdum leo. Maecenas aliquam felis justo, ut
+                sagittis nunc maximus ut.
+              </p> */}
+        </div>
+      </div>
+    </section>
+  );
+}

components/Blog.tsx

@@ -0,0 +1,337 @@
+import Link from "next/link";
+
+export default function Blog() {
+  return (
+    <section>
+      <div className="skew skew-top mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-50"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 10 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-top ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-50"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 10 10 0 10 10" />
+        </svg>
+      </div>
+      <div className="py-20 bg-gray-50 radius-for-skewed">
+        <div className="container mx-auto px-4">
+          <div className="mb-16 flex flex-wrap items-center">
+            <div className="w-full lg:w-1/2">
+              <span className="text-green-600 font-bold">
+                Dolor sit amet consectutar
+              </span>
+              <h2 className="text-4xl lg:text-5xl font-bold font-heading">
+                Featured Posts
+              </h2>
+            </div>
+            <div className="hidden lg:block text-right w-1/2">
+              <a
+                className="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-green-600 hover:bg-green-700 text-gray-50 font-bold leading-loose transition duration-200"
+                href="#"
+              >
+                View More Articles
+              </a>
+            </div>
+          </div>
+          <div className="flex flex-wrap -mx-3">
+            <div className="mb-8 lg:mb-0 w-full lg:w-1/4 px-3">
+              <div className="py-4 px-6 bg-white shadow rounded">
+                <h4 className="mb-4 text-gray-500 font-bold uppercase">
+                  Topics
+                </h4>
+                <ul>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded text-green-600 font-bold bg-gray-50"
+                      href="#"
+                    >
+                      All
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Community
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Design
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Engineering
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Marketplace
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      News
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Culture
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Product Updates
+                    </a>
+                  </li>
+                  <li>
+                    <a
+                      className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50"
+                      href="#"
+                    >
+                      Trust &amp; Security
+                    </a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+            <div className="w-full lg:w-3/4 px-3">
+              <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/photo-1552338804-c42590cb7b88?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1189&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+              <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/photo-1578509395623-a34c97f15379?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=968&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+              <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/photo-1551008475-4533d141425b?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=968&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+              <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/37/IHLjdHdzSvi0rgUMMlSK_TE3_0286.jpg?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1191&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+              <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/photo-1552338804-c42590cb7b88?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1189&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+              <div className="flex flex-wrap -mx-3">
+                <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                  <img
+                    className="w-full h-full object-cover rounded"
+                    src="https://images.unsplash.com/photo-1578509395623-a34c97f15379?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=968&q=80"
+                    alt=""
+                  />
+                </div>
+                <div className="w-full lg:w-3/4 px-3">
+                  <a className="hover:underline" href="#">
+                    <h3 className="mb-1 text-2xl font-bold font-heading">
+                      Morbi scelerisque nulla et lectus dignissim eleifend nulla
+                      eu nulla a metus
+                    </h3>
+                  </a>
+                  <div className="mb-2 flex items-center text-sm">
+                    <a
+                      className="text-green-600 hover:underline hover:text-green-700"
+                      href="#"
+                    >
+                      John Doe
+                    </a>
+                    <span className="text-gray-400 mx-2">•</span>
+                    <span className="text-gray-400">24 Jan, 2021</span>
+                  </div>
+                  <p className="text-gray-500">
+                    Quisque id sagittis turpis. Nulla sollicitudin rutrum eros
+                    eu dictum...
+                  </p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="skew skew-bottom mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-50"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-bottom ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-50"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 10 10" />
+        </svg>
+      </div>
+    </section>
+  );
+}

components/Concepts.tsx

@@ -0,0 +1,309 @@
+import Link from "next/link";
+
+export default function Concepts() {
+  return (
+    <>
+      <section>
+        <div id="concepts" className="skew skew-top mr-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 10 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-top ml-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 10 10 0 10 10" />
+          </svg>
+        </div>
+        <div className="py-20 bg-gray-900 radius-for-skewed">
+          <div className="container mx-auto px-4">
+            <div className="mb-4 max-w-5xl mx-auto text-center">
+              <span className="text-purple-600 font-bold">Notre approche</span>
+              <h2 className="text-4xl md:text-5xl font-bold text-white">
+                l&apos;Effet Papillon
+              </h2>
+            </div>
+            <div className="mb-16 max-w-5xl mx-auto">
+              <p className="mb-6 text-gray-200 leading-loose">
+                « <strong>Effet papillon</strong> » est une expression qui
+                résume une métaphore concernant le phénomène fondamental de
+                sensibilité aux <strong>conditions initiales</strong> de la
+                théorie du chaos et son impact à long terme sur les systèmes
+                dynamiques et complexes. La formulation exacte qui en est à
+                l&apos;origine fut exprimée par Edward Lorenz lors d&apos;une conférence
+                scientifique en 1972 :
+              </p>
+              <cite className="text-4xl md:text-xl font-bold text-white">
+                « Le battement d&apos;ailes d&apos;un papillon au Brésil peut-il provoquer
+                une tornade au Texas ? »
+              </cite>
+              <p className="mb-6 text-gray-200 leading-loose">
+                Notre principale hypothèse de travail questionne les conditions
+                initiales qui structurent l’efficience et la performance des
+                parcours de soins et de santé notamment l’usage de la{" "}
+                <strong>métrique hebdomadaire</strong>, le conditionnement des{" "}
+                <strong>produits de santé</strong>, la production participative
+                de données de santé et l’accès à des{" "}
+                <strong>bases communes</strong>.
+              </p>
+              <p className="mb-6 text-gray-200 leading-loose">
+                Nos preuves de concept émanent essentiellement de projets de
+                recherche-action portés au sein d’un collectif soignant
+                structuré en Société Interprofessionnelle de Soins Ambulatoires (SISA),
+                le pôle de santé MilleSoins.
+              </p>
+              <p className="mb-6 text-gray-200 leading-loose">
+                Par expérience de pensée, les éléments de prospective soulevés
+                et les co-bénéfices potentiels nous permettent d’envisager une
+                soutenabilité et une meilleure résilience du système de santé
+                face aux défis épidémiologiques, démocratiques, écologiques et
+                sociaux sous des angles divers :
+              </p>
+              <ul className="text-gray-200 ml-8 text-center">
+                <li>Modes de gouvernance agiles</li>
+                <li>Financement du système de santé</li>
+                <li>Modèles organisationnels communautaires</li>
+                <li>Approvisionnements en produits de santé</li>
+                <li>Formation initiale et continue des professionnels</li>
+              </ul>
+            </div>
+            <div className="flex flex-wrap -mx-4">
+              <div className="mb-12 lg:mb-0 w-full md:w-1/2 lg:w-1/4 px-4">
+                <span className="mb-4 md:mb-6 inline-block bg-blue-800 p-3 text-blue-500 rounded">
+                  <svg
+                    className="w-8 h-8"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 20 20"
+                    fill="currentColor"
+                  >
+                    <path d="M3 1a1 1 0 000 2h1.22l.305 1.222a.997.997 0 00.01.042l1.358 5.43-.893.892C3.74 11.846 4.632 14 6.414 14H15a1 1 0 000-2H6.414l1-1H14a1 1 0 00.894-.553l3-6A1 1 0 0017 3H6.28l-.31-1.243A1 1 0 005 1H3zM16 16.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM6.5 18a1.5 1.5 0 100-3 1.5 1.5 0 000 3z" />
+                  </svg>
+                </span>
+                <h4 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Innovation organisationnelle
+                </h4>
+                <p className="text-gray-200 leading-loose">
+                  P4Pillon s’appuie sur les équipes coordonnées en santé
+                  (maisons et centres de santé) dont le fonctionnement s’inscrit
+                  dans l’identification, la création et l’usage de différents
+                  communs (territoire d’action, projet de santé, personne
+                  morale, lieu d’exercice, financements et outils)
+                </p>
+                {/* <a
+                  className="inline-block relative w-full lg:w-auto py-2 leading-loose text-white font-semibold bg-gray-900 border-2 border-none rounded-xl transition duration-200 after:bg-white after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:transition-all after:duration-300"
+                  href="#"
+                >
+                  En savoir plus
+                </a> */}
+              </div>
+
+              <div className="w-full md:w-1/2 lg:w-1/4 px-4">
+                <span className="mb-4 md:mb-6 inline-block bg-purple-800 p-3 text-purple-500 rounded">
+                  <svg
+                    className="w-8 h-8"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 20 20"
+                    fill="currentColor"
+                  >
+                    <path
+                      fillRule="evenodd"
+                      d="M6 6V5a3 3 0 013-3h2a3 3 0 013 3v1h2a2 2 0 012 2v3.57A22.952 22.952 0 0110 13a22.95 22.95 0 01-8-1.43V8a2 2 0 012-2h2zm2-1a1 1 0 011-1h2a1 1 0 011 1v1H8V5zm1 5a1 1 0 011-1h.01a1 1 0 110 2H10a1 1 0 01-1-1z"
+                      clipRule="evenodd"
+                    />
+                    <path d="M2 13.692V16a2 2 0 002 2h12a2 2 0 002-2v-2.308A24.974 24.974 0 0110 15c-2.796 0-5.487-.46-8-1.308z" />
+                  </svg>
+                </span>
+                <h4 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Réappropriation numérique
+                </h4>
+                <p className="text-gray-200 leading-loose">
+                  L&apos;usage de technologies conviviales et libres ainsi que
+                  l&apos;autogestion de base de données de santé produites de manière
+                  participative permettent une émancipation face aux éditeurs de
+                  logiciels actuels et (rempare face à l&apos;usage mercantile des
+                  données de santé).
+                </p>
+                {/* <a className="inline-block relative w-full lg:w-auto py-2 leading-loose text-white font-semibold bg-gray-900 border-2 border-none rounded-xl transition duration-200 after:bg-white after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:transition-all after:duration-300">
+                  En savoir plus
+                </a> */}
+              </div>
+              <div className="mb-12 lg:mb-0 w-full md:w-1/2 lg:w-1/4 px-4">
+                <span className="mb-4 md:mb-6 inline-block bg-pink-800 p-3 text-pink-500 rounded">
+                  <svg
+                    className="w-8 h-8"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 20 20"
+                    fill="currentColor"
+                  >
+                    <path
+                      fillRule="evenodd"
+                      d="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 101.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z"
+                      clipRule="evenodd"
+                    />
+                  </svg>
+                </span>
+                <h4 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Pratiques professionnelles renouvelées
+                </h4>
+                <p className="text-gray-200 leading-loose">
+                  L&apos;usage de systèmes d&apos;information partagés au sein de
+                  collectifs de soignants permet d&apos;envisager de nouvelles formes
+                  de prise en charge individuelle et populationnelle avec une
+                  approche territoriale.
+                </p>
+                {/* <a
+                  className="inline-block relative w-full lg:w-auto py-2 leading-loose text-white font-semibold bg-gray-900 border-2 border-none rounded-xl transition duration-200 after:bg-white after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:transition-all after:duration-300"
+                  href="#"
+                >
+                  En savoir plus
+                </a> */}
+              </div>
+              <div className="mb-12 lg:mb-0 w-full md:w-1/2 lg:w-1/4 px-4">
+                <span className="mb-4 mx-auto md:mb-6 inline-block bg-yellow-800 p-3 text-yellow-500 rounded">
+                  <svg
+                    className="w-8 h-8"
+                    xmlns="http://www.w3.org/2000/svg"
+                    fill="none"
+                    viewBox="0 0 24 24"
+                    stroke="currentColor"
+                  >
+                    <path
+                      strokeLinecap="round"
+                      strokeLinejoin="round"
+                      strokeWidth={2}
+                      d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"
+                    />
+                  </svg>
+                </span>
+                <h4 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Économie et santé planétaire
+                </h4>
+                <p className="text-gray-200 leading-loose">
+                  Une approche transdisciplinaire, impulsée par la science
+                  fondée sur les preuves, la santé publique, centrée sur les
+                  liens entre les modifications des écosystèmes dues aux
+                  activités humaines et leurs conséquences sur la santé du
+                  vivant et des écosystèmes.
+                </p>
+                {/* <a
+                  className="inline-block relative w-full lg:w-auto py-2 leading-loose text-white font-semibold bg-gray-900 border-2 border-none rounded-xl transition duration-200 after:bg-white after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:transition-all after:duration-300"
+                  href="#"
+                >
+                  En savoir plus
+                </a> */}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="skew skew-bottom mr-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 0 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-bottom ml-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 0 10 10" />
+          </svg>
+        </div>
+      </section>
+      <section>
+        <div className="skew skew-top mr-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 10 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-top ml-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 10 10 0 10 10" />
+          </svg>
+        </div>
+        <div className="py-20 bg-gray-900 radius-for-skewed">
+          <div className="container mx-auto px-4">
+            <div className="max-w-6xl p-4 flex flex-wrap justify-center items-center">
+              <div className="mb-6 w-full lg:w-1/3 text-center">
+                <img
+                  className="mb-6 mx-auto w-48 h-48 rounded-full object-cover"
+                  src="/Thomas-Kuhn.jpg"
+                  alt=""
+                />
+                <h4 className="text-xl text-gray-50">Thomas Kuhn</h4>
+                <p className="text-purple-600">
+                  Philosophe et historien des sciences
+                </p>
+              </div>
+              <div className="w-full lg:w-2/3">
+                <svg
+                  className="mb-4 text-purple-600 h-10"
+                  viewBox="0 0 32 28"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M10.2418 12.749C9.45369 12.522 8.66554 12.4069 7.89887 12.4069C6.71496 12.4069 5.72709 12.6775 4.96109 13.0088C5.69957 10.3053 7.47358 5.6405 11.0075 5.11517C11.3348 5.0665 11.603 4.82986 11.6923 4.51131L12.4646 1.74875C12.5298 1.51512 12.4912 1.26505 12.3579 1.06231C12.2246 0.859563 12.0105 0.724288 11.7705 0.691393C11.5097 0.655812 11.2438 0.637686 10.9803 0.637686C6.73846 0.637686 2.53756 5.06516 0.764895 11.4046C-0.275679 15.1238 -0.580802 20.7154 1.98237 24.2349C3.41668 26.2043 5.50924 27.2559 8.20198 27.361C8.21305 27.3613 8.2238 27.3616 8.23487 27.3616C11.5573 27.3616 14.5035 25.1241 15.3997 21.9208C15.9351 20.0058 15.6931 17.9975 14.7176 16.2644C13.7526 14.5508 12.1632 13.3018 10.2418 12.749Z"
+                    fill="currentColor"
+                  />
+                  <path
+                    d="M31.0396 16.2648C30.0746 14.5508 28.4852 13.3018 26.5638 12.749C25.7757 12.522 24.9875 12.4069 24.2212 12.4069C23.0373 12.4069 22.0491 12.6775 21.2831 13.0088C22.0215 10.3053 23.7955 5.6405 27.3298 5.11517C27.6571 5.0665 27.9249 4.82986 28.0146 4.51131L28.7869 1.74875C28.8521 1.51512 28.8135 1.26505 28.6802 1.06231C28.5473 0.859563 28.3331 0.724288 28.0928 0.691393C27.8323 0.655812 27.5664 0.637686 27.3026 0.637686C23.0608 0.637686 18.8599 5.06516 17.0869 11.4046C16.0466 15.1238 15.7415 20.7154 18.305 24.2356C19.739 26.2046 21.8319 27.2566 24.5243 27.3613C24.5354 27.3616 24.5461 27.362 24.5575 27.362C27.8796 27.362 30.8261 25.1244 31.7224 21.9211C32.2571 20.0061 32.0147 17.9975 31.0396 16.2648Z"
+                    fill="currentColor"
+                  />
+                </svg>
+                <h3 className="mb-6 text-3xl lg:text-4xl font-bold font-heading text-gray-50">
+                  Un changement de paradigme est une mécanique sociologique
+                  impliquant la genèse d&apos;une communauté de pensée, de méthode et
+                  d&apos;objectif autour d&apos;outils communs.
+                </h3>
+                {/* <div>
+              <button className='mr-1 bg-gray-800 rounded-full p-1' />
+              <button className='mr-1 bg-gray-800 rounded-full p-1' />
+              <button className='mr-1 bg-purple-600 rounded-full p-1' />
+              <button className='bg-gray-800 rounded-full p-1' />
+            </div> */}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="skew skew-bottom mr-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 0 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-bottom ml-for-radius">
+          <svg
+            className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+            viewBox="0 0 10 10"
+            preserveAspectRatio="none"
+          >
+            <polygon fill="currentColor" points="0 0 10 0 10 10" />
+          </svg>
+        </div>
+      </section>
+    </>
+  );
+}

components/Footer.tsx

@@ -0,0 +1,108 @@
+import Link from "next/link";
+
+export default function Footer() {
+  return (
+    <section>
+      <div className="skew skew-top mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 10 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-top ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 10 10 0 10 10" />
+        </svg>
+      </div>
+      <div className="py-20 bg-gray-900 radius-for-skewed">
+        <div className="container mx-auto px-4">
+          <div className="flex flex-wrap mb-6 lg:mb-2">
+            <div className="mb-6 w-full lg:w-1/5">
+              <Link
+                className="text-white text-3xl font-bold leading-none flex align-middle"
+                href="/"
+              >
+                <img
+                  className="h-12 inline"
+                  src="/logo2.svg"
+                  alt=""
+                  width="auto"
+                />
+                <h1 className="ml-4 leading-loose">P4Pillon</h1>
+              </Link>
+            </div>
+            <div className="mb-5 w-full lg:w-1/5">
+              <p className="text-gray-400 leading-loose">
+                Pour une santé en commun et des communs en santé
+              </p>
+            </div>
+            <div className="w-full lg:w-3/5 flex flex-wrap -mx-3 justify-end">
+              <div className="mb-6 w-full md:w-1/2 lg:w-1/4 lg:mr-6 px-3">
+                <h5 className="mb-4 font-bold text-gray-50">Liens</h5>
+                <p className="text-gray-400 leading-loose">
+                  <Link href="/">La SCIC</Link>
+                </p>
+                {/* <p className="text-gray-400 leading-loose">
+                  <a href="https://staging.p4pillon.org/annuaire/#45.55349,2.02698,10z">
+                    Annuaire
+                  </a>
+                </p> */}
+                <p className="text-gray-400 leading-loose mb-4">
+                  <a href="https://apps.p4pillon.org">Outils numériques</a>
+                </p>
+                <p className="text-gray-400 leading-loose">
+                  <Link href="/mentions-legales/">Mentions légales</Link>
+                </p>
+              </div>
+              <div className="mb-6 w-full md:w-1/2 lg:w-1/4 px-3">
+                <h5 className="mb-4 font-bold text-gray-50">Contacts</h5>
+                <p className="text-gray-400">
+                  <a href="mailto:bonjour@p4pillon.org">bonjour@p4pillon.org</a>
+                </p>
+              </div>
+            </div>
+          </div>
+          <div className="w-full flex justify-center">
+            <p className="text-sm text-gray-400">© 2024 - CC-BY-NC-SA</p>
+            {/* <div className='flex space-x-2 lg:space-x-4'>
+                <a href='#'>
+                <img src='atis-assets/social/facebook-purple.svg' alt='' />
+                </a>
+                <a href='#'>
+                <img src='atis-assets/social/twitter-purple.svg' alt='' />
+                </a>
+                <a href='#'>
+                <img src='atis-assets/social/instagram-purple.svg' alt='' />
+                </a>
+            </div> */}
+          </div>
+        </div>
+      </div>
+      <div className="skew skew-bottom mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-bottom ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 10 10" />
+        </svg>
+      </div>
+    </section>
+  );
+}

components/Hero.tsx

@@ -0,0 +1,185 @@
+import Link from "next/link";
+
+export default function Hero() {
+  return (
+    <>
+      <section>
+        <div className="bg-gray-900 pt-12 lg:pt-20 pb-12 md:pb-24">
+          <div className="container mx-auto px-4">
+            <div className="flex flex-wrap -mx-4">
+              <div className="w-full lg:w-1/2 px-4 mb-12 md:mb-20 lg:mb-0 flex items-center">
+                <div className="w-full text-center lg:text-left">
+                  <div className="max-w-md mx-auto lg:mx-0">
+                    <h2 className="mb-3 text-4xl lg:text-5xl text-white font-bold">
+                      <span> Composer une santé en </span>
+                      <span className="text-purple-600">commun</span>
+                    </h2>
+                  </div>
+                  <div className="max-w-sm mx-auto lg:mx-0">
+                    <p className="mb-6 text-gray-400 leading-loose">
+                      P4Pillon est une initiative de recherche et développement
+                      en soins de premier recours ayant pour objectif de changer
+                      le paradigme du système de santé.
+                    </p>
+                    <div>
+                      <a
+                        className="inline-block mb-3 lg:mb-0 lg:mr-3 w-full lg:w-auto py-2 px-6 leading-loose bg-purple-600 hover:bg-purple-700 text-white font-semibold rounded-l-xl rounded-t-xl transition duration-200"
+                        href="#"
+                      >
+                        Devenir partenaire
+                      </a>
+                      {/* <a
+                      className='inline-block w-full lg:w-auto py-2 px-6 leading-loose text-white font-semibold bg-gray-900 border-2 border-gray-700 hover:border-gray-600 rounded-l-xl rounded-t-xl transition duration-200'
+                      href='#'
+                    >
+                      How it works
+                    </a> */}
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="w-full lg:w-1/2 px-4 flex items-center justify-center">
+                <div className="relative" style={{ zIndex: 0 }}>
+                  <img
+                    className="h-128 w-full max-w-lg object-cover rounded-3xl md:rounded-br-none"
+                    src="/sante.webp"
+                    alt=""
+                  />
+                  <img
+                    className="hidden md:block absolute"
+                    style={{ top: "-2rem", right: "3rem", zIndex: -1 }}
+                    src="atis-assets/elements/blue-up.svg"
+                    alt=""
+                  />
+                  <img
+                    className="hidden md:block absolute"
+                    style={{ bottom: "-2rem", right: "-2rem", zIndex: -1 }}
+                    src="atis-assets/elements/wing-purple-down.svg"
+                    alt=""
+                  />
+                  <img
+                    className="hidden md:block absolute"
+                    style={{ top: "3rem", right: "-3rem", zIndex: -1 }}
+                    src="atis-assets/elements/bullets-pink-left.svg"
+                    alt=""
+                  />
+                  <img
+                    className="hidden md:block absolute"
+                    style={{ bottom: "2.5rem", left: "-4.5rem", zIndex: -1 }}
+                    src="atis-assets/elements/bullets-yellow-left.svg"
+                    alt=""
+                  />
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="hidden navbar-menu fixed top-0 left-0 bottom-0 w-5/6 max-w-sm z-50">
+          <div className="navbar-backdrop fixed inset-0 bg-gray-800 opacity-25" />
+          <nav className="relative flex flex-col py-6 px-6 h-full w-full bg-white border-r overflow-y-auto">
+            <div className="flex items-center mb-8">
+              <a className="mr-auto text-3xl font-bold leading-none" href="#">
+                <img
+                  className="h-10"
+                  src="atis-assets/logo/atis/atis-color-black.svg"
+                  alt=""
+                  width="auto"
+                />
+              </a>
+              <button className="navbar-close">
+                <svg
+                  className="h-6 w-6 text-gray-400 cursor-pointer hover:text-gray-500"
+                  xmlns="http://www.w3.org/2000/svg"
+                  fill="none"
+                  viewBox="0 0 24 24"
+                  stroke="currentColor"
+                >
+                  <path
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                    strokeWidth={2}
+                    d="M6 18L18 6M6 6l12 12"
+                  />
+                </svg>
+              </button>
+            </div>
+            <div>
+              <ul>
+                <li className="mb-1">
+                  <a
+                    className="block p-4 text-sm font-semibold text-gray-400 hover:bg-purple-50 hover:text-purple-600 rounded"
+                    href="#"
+                  >
+                    Concepts
+                  </a>
+                </li>
+                <li className="mb-1">
+                  <a
+                    className="block p-4 text-sm font-semibold text-gray-400 hover:bg-purple-50 hover:text-purple-600 rounded"
+                    href="#"
+                  >
+                    Projets
+                  </a>
+                </li>
+                <li className="mb-1">
+                  <a
+                    className="block p-4 text-sm font-semibold text-gray-400 hover:bg-purple-50 hover:text-purple-600 rounded"
+                    href="#"
+                  >
+                    La SCIC
+                  </a>
+                </li>
+                <li className="mb-1">
+                  <a
+                    className="block p-4 text-sm font-semibold text-gray-400 hover:bg-purple-50 hover:text-purple-600 rounded"
+                    href="#"
+                  >
+                    Blog
+                  </a>
+                </li>
+                {/* <li className="mb-1">
+                  <a
+                    className="block p-4 text-sm font-semibold text-gray-400 hover:bg-purple-50 hover:text-purple-600 rounded"
+                    href="#"
+                  >
+                    Annuaire
+                  </a>
+                </li> */}
+              </ul>
+            </div>
+            <div className="mt-auto">
+              <div className="pt-6">
+                <a
+                  className="block px-4 py-3 mb-3 leading-loose text-xs text-center font-semibold leading-none bg-gray-50 hover:bg-gray-100 rounded-l-xl rounded-t-xl"
+                  href="#"
+                >
+                  Sign In
+                </a>
+                <a
+                  className="block px-4 py-3 mb-2 leading-loose text-xs text-center text-white font-semibold bg-pink-600 hover:bg-pink-700 rounded-l-xl rounded-t-xl"
+                  href="#"
+                >
+                  Sign Up
+                </a>
+              </div>
+              <p className="my-4 text-xs text-center text-gray-400">
+                <span>© 2020 All rights reserved.</span>
+              </p>
+              <div className="text-center">
+                <a className="inline-block px-1" href="#">
+                  <img src="atis-assets/social/facebook-purple.svg" alt="" />
+                </a>
+                <a className="inline-block px-1" href="#">
+                  <img src="atis-assets/social/twitter-purple.svg" alt="" />
+                </a>
+                <a className="inline-block px-1" href="#">
+                  <img src="atis-assets/social/instagram-purple.svg" alt="" />
+                </a>
+              </div>
+            </div>
+          </nav>
+        </div>
+      </section>
+    </>
+  );
+}

components/Mdx.tsx

@@ -0,0 +1,109 @@
+import Link from 'next/link'
+import Image from 'next/image'
+import { MDXRemote } from 'next-mdx-remote/rsc'
+// import { highlight } from 'sugar-high'
+import React from 'react'
+
+function Table({ data }) {
+  let headers = data.headers.map((header, index) => (
+    <th key={index}>{header}</th>
+  ))
+  let rows = data.rows.map((row, index) => (
+    <tr key={index}>
+      {row.map((cell, cellIndex) => (
+        <td key={cellIndex}>{cell}</td>
+      ))}
+    </tr>
+  ))
+
+  return (
+    <table>
+      <thead>
+        <tr>{headers}</tr>
+      </thead>
+      <tbody>{rows}</tbody>
+    </table>
+  )
+}
+
+function CustomLink(props) {
+  let href = props.href
+
+  if (href.startsWith('/')) {
+    return (
+      <Link href={href} {...props}>
+        {props.children}
+      </Link>
+    )
+  }
+
+  if (href.startsWith('#')) {
+    return <a {...props} />
+  }
+
+  return <a target="_blank" rel="noopener noreferrer" {...props} />
+}
+
+function RoundedImage(props) {
+  return <Image alt={props.alt} className="rounded-lg" {...props} />
+}
+
+// function Code({ children, ...props }) {
+//   let codeHTML = highlight(children)
+//   return <code dangerouslySetInnerHTML={{ __html: codeHTML }} {...props} />
+// }
+
+function slugify(str) {
+  return str
+    .toString()
+    .toLowerCase()
+    .trim() // Remove whitespace from both ends of a string
+    .replace(/\s+/g, '-') // Replace spaces with -
+    .replace(/&/g, '-and-') // Replace & with 'and'
+    .replace(/[^\w\-]+/g, '') // Remove all non-word characters except for -
+    .replace(/\-\-+/g, '-') // Replace multiple - with single -
+}
+
+function createHeading(level) {
+  const Heading = ({ children }) => {
+    let slug = slugify(children)
+    return React.createElement(
+      `h${level}`,
+      { id: slug },
+      [
+        React.createElement('a', {
+          href: `#${slug}`,
+          key: `link-${slug}`,
+          className: 'anchor',
+        }),
+      ],
+      children
+    )
+  }
+
+  Heading.displayName = `Heading${level}`
+
+  return Heading
+}
+
+let components = {
+  h1: createHeading(1),
+  h2: createHeading(2),
+  h3: createHeading(3),
+  h4: createHeading(4),
+  h5: createHeading(5),
+  h6: createHeading(6),
+  Image: RoundedImage,
+  a: CustomLink,
+  // code: Code,
+  Table,
+}
+
+export function CustomMDX(props) {
+  return (
+    <MDXRemote
+      {...props}
+      components={{ ...components, ...(props.components || {}) }}
+    />
+  )
+}

components/Nav.tsx

@@ -0,0 +1,138 @@
+import Link from "next/link";
+
+export default function Nav() {
+  return (
+    <section className="bg-gray-900">
+      <nav className="container mx-auto px-4 relative px-6 py-6 flex justify-between items-center">
+        <Link
+          className="text-white text-3xl font-bold leading-none flex align-middle"
+          href="/"
+        >
+          <img className="h-12 inline" src="/logo2.svg" alt="" width="auto" />
+          <h1 className="ml-4 leading-loose">P4Pillon</h1>
+        </Link>
+        <div className="lg:hidden">
+          <button className="navbar-burger flex items-center text-white p-3">
+            <svg
+              className="block h-4 w-4 fill-current"
+              viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <title>Mobile menu</title>
+              <path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z" />
+            </svg>
+          </button>
+        </div>
+        <ul className="hidden absolute top-1/2 left-1/2 transform -translate-y-1/2 -translate-x-1/2 lg:flex lg:mx-auto lg:flex lg:items-center lg:w-auto lg:space-x-6">
+          <li>
+            <Link
+              className="text-sm text-gray-300 hover:text-white"
+              href="/#concepts"
+            >
+              Concepts
+            </Link>
+          </li>
+          <li className="text-gray-800">
+            <svg
+              className="w-4 h-4 current-fill"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+              />
+            </svg>
+          </li>
+          <li>
+            <Link className="text-sm text-white font-bold" href="/#projects">
+              Projets
+            </Link>
+          </li>
+          <li className="text-gray-800">
+            <svg
+              className="w-4 h-4 current-fill"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+              />
+            </svg>
+          </li>
+          <li>
+            <Link
+              className="text-sm text-gray-300 hover:text-white"
+              href="/#roadmap"
+            >
+              La SCIC
+            </Link>
+          </li>
+          <li className="text-gray-800">
+            <svg
+              className="w-4 h-4 current-fill"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+              />
+            </svg>
+          </li>
+          <li>
+            <Link
+              className="text-sm text-gray-300 hover:text-white"
+              href="/blog"
+            >
+              Blog
+            </Link>
+          </li>
+          {/* <li className="text-gray-800">
+            <svg
+              className="w-4 h-4 current-fill"
+              xmlns="http://www.w3.org/2000/svg"
+              fill="none"
+              viewBox="0 0 24 24"
+              stroke="currentColor"
+            >
+              <path
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={2}
+                d="M12 5v.01M12 12v.01M12 19v.01M12 6a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2zm0 7a1 1 0 110-2 1 1 0 010 2z"
+              />
+            </svg>
+          </li>
+          <li>
+            <a
+              className="text-sm text-gray-300 hover:text-white"
+              href="https://staging.p4pillon.org/annuaire/#45.55349,2.02698,10z"
+            >
+              Annuaire
+            </a>
+          </li> */}
+        </ul>
+        <a
+          className="hidden lg:inline-block py-2 px-6 bg-pink-500 hover:bg-pink-600 text-sm text-white font-bold rounded-l-xl rounded-t-xl transition duration-200"
+          href="https://apps.p4pillon.org/"
+        >
+          Se connecter
+        </a>
+      </nav>
+    </section>
+  );
+}

components/Newsletter.tsx

@@ -0,0 +1,94 @@
+import Link from "next/link";
+
+export default function Newsletter() {
+  return (
+    <section>
+      <div className="skew skew-top mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 10 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-top ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 10 10 0 10 10" />
+        </svg>
+      </div>
+      <div className="py-20 bg-gray-900 radius-for-skewed">
+        <div className="container mx-auto px-4">
+          <div className="flex flex-wrap items-center">
+            {/* <div className='mb-4 w-full lg:w-auto lg:mr-8 text-center'>
+            <div className='flex justify-center items-center p-5 mx-auto w-16 h-16 bg-gray-800 rounded'>
+              <img
+                className='h-12'
+                src='atis-assets/logo/atis/atis-color-sign.svg'
+                alt=''
+              />
+            </div>
+          </div> */}
+            <div className="mb-6 w-full lg:w-auto max-w-lg mx-auto lg:ml-0 mr-auto text-center lg:text-left">
+              <h2 className="text-white text-4xl font-bold font-heading">
+                Inscris-toi à notre lettre d&apos;information
+              </h2>
+              <p className="text-gray-500">
+                Pour retrouver l&apos;essentiel de l&apos;actualité de P4Pillon.
+              </p>
+            </div>
+            <div className="w-full lg:w-2/5">
+              <form
+                method="post"
+                action="https://infolettre.p4pillon.org/subscription/form"
+              >
+                <input type="hidden" name="nonce" />
+                <input
+                  type="checkbox"
+                  name="l"
+                  checked
+                  readOnly
+                  value="200ba3b3-60cd-4201-afcf-dee65ab57d6b"
+                  className="hidden"
+                />
+                <div className="max-w-md lg:max-w-sm mx-auto flex flex-wrap items-center">
+                  <input
+                    className="flex-grow py-3 px-4 mr-4 text-xs rounded leading-loose"
+                    type="email"
+                    name="email"
+                    placeholder="bonjour@p4pillon.org"
+                  />
+                  <button className="flex-none py-2 px-6 rounded-t-xl rounded-l-xl bg-pink-600 hover:bg-pink-700 text-white font-bold leading-loose transition duration-200">
+                    S&apos;abonner
+                  </button>
+                </div>
+              </form>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="skew skew-bottom mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-bottom ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 10 10" />
+        </svg>
+      </div>
+    </section>
+  );
+}

components/Post.tsx

@@ -0,0 +1,39 @@
+import React from 'react';
+
+export default function PostSectionBlogLightMono2() {
+    return (
+        <React.Fragment>
+            <>
+                <section className="py-10 lg:py-20">
+                    <div className="container mx-auto px-4">
+                        <div className="max-w-2xl mx-auto mb-12 text-center">
+                        <a className="uppercase text-base lg:text-xl text-green-600 hover:text-green-700 hover:underline" href="#">Travel</a>
+                        <span className="text-base lg:text-xl text-gray-400">24 Jan, 2021</span>
+                        <div className="mt-2">
+                            <h2 className="mb-6 text-4xl lg:text-5xl font-bold font-heading">Curabitur vestibulum odio maximus ipsum</h2>
+                            <div className="flex justify-center">
+                            <div className="mr-4">
+                                <img className="w-12 h-12 object-cover object-top rounded-full" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=334&q=80" alt="" />
+                            </div>
+                            <div className="text-left">
+                                <a href="#">
+                                <h3 className="text-gray-500 hover:text-gray-600 hover:underline font-bold">Alice Bradley</h3>
+                                </a>
+                                <a href="#">
+                                <span className="text-xs text-green-600 font-bold">Author</span>
+                                </a>
+                            </div>
+                            </div>
+                        </div>
+                        </div>
+                        <div className="max-w-2xl mx-auto">
+                        <p className="mb-6 leading-loose text-gray-500">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo est eget consequat imperdiet. Suspendisse laoreet scelerisque lobortis. Mauris facilisis hendrerit nulla at vehicula. Suspendisse potenti. Ut in nulla a purus bibendum convallis. Suspendisse id nunc maximus, suscipit ante ac, vulputate massa. Sed ut nunc suscipit, bibendum arcu a, interdum elit. Nullam laoreet mollis dictum. Ut suscipit, magna at elementum iaculis, erat erat fermentum justo, sit amet ultrices enim leo sit amet purus. Nulla sed erat molestie, auctor mauris lobortis, iaculis justo.</p>
+                        <p className="leading-loose text-gray-500">Duis hendrerit dui in dui ornare luctus. Nullam gravida tincidunt lorem cursus suscipit. Integer scelerisque sem et sem porta, eu volutpat mi tempor. Duis interdum sodales lacus non tempor. Nam mattis, sapien a commodo ultrices, nunc orci tincidunt ante, tempus tempus turpis metus laoreet lacus. Praesent condimentum, arcu ut fringilla tincidunt, augue diam pretium augue, sit amet vestibulum nunc felis vel metus. Duis dolor nulla, pellentesque non ultrices ut, convallis eu felis. Duis luctus tempor arcu, vitae elementum massa porta non. Morbi aliquet, neque ut volutpat sodales, dui enim facilisis enim, ut dictum lacus neque in urna. Nam metus elit, ullamcorper pretium nisi at, aliquet gravida lectus. Nullam id lectus pellentesque, suscipit dolor eget, consequat velit. Pellentesque finibus commodo nisl, id interdum leo. Maecenas aliquam felis justo, ut sagittis nunc maximus ut.</p>
+                        </div>
+                    </div>
+                </section>
+            </>
+        </React.Fragment>
+    );
+}
+

components/Posts.tsx

@@ -0,0 +1,213 @@
+import Link from 'next/link'
+import { formatDate, getBlogPosts } from '@/blog/utils'
+
+export function BlogPosts() {
+  let allBlogs = getBlogPosts().sort((a, b) => {
+    if (
+      new Date(a.metadata.publishedAt) > new Date(b.metadata.publishedAt)
+    ) {
+      return -1
+    }
+    return 1
+  })
+
+  return (
+    <>
+      <section>
+        <div className="skew skew-top mr-for-radius">
+          <svg className="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewBox="0 0 10 10" preserveAspectRatio="none">
+            <polygon fill="currentColor" points="0 0 10 10 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-top ml-for-radius">
+          <svg className="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewBox="0 0 10 10" preserveAspectRatio="none">
+            <polygon fill="currentColor" points="0 10 10 0 10 10" />
+          </svg>
+        </div>
+        <div className="py-20 bg-gray-50 radius-for-skewed">
+          <div className="container mx-auto px-4">
+            <div className="mb-16 flex flex-wrap items-center">
+              <div className="w-full lg:w-1/2">
+                <span className="text-green-600 font-bold">Nos dernières actualités !</span>
+                <h2 className="text-4xl lg:text-5xl font-bold font-heading">Postes proposés</h2>
+              </div>
+              {/* <div className="hidden lg:block text-right w-1/2"><a className="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-green-600 hover:bg-green-700 text-gray-50 font-bold leading-loose transition duration-200" href="#">View More Articles</a></div> */}
+            </div>
+            <div className="flex flex-wrap -mx-3">
+              {/* <div className="mb-8 lg:mb-0 w-full lg:w-1/4 px-3">
+                <div className="py-4 px-6 bg-white shadow rounded">
+                  <h4 className="mb-4 text-gray-500 font-bold uppercase">Topics</h4>
+                  <ul>
+                    <li><a className="block py-2 px-3 mb-4 rounded text-green-600 font-bold bg-gray-50" href="#">Tous</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Community</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Design</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Engineering</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Marketplace</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">News</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Culture</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Product Updates</a></li>
+                    <li><a className="block py-2 px-3 mb-4 rounded hover:text-green-600 hover:bg-gray-50" href="#">Trust &amp; Security</a></li>
+                  </ul>
+                </div>
+              </div> */}
+              <div className="w-full lg:w-3/4 px-3">
+                {allBlogs.map((post) => (
+                  <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                    <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                      <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1552338804-c42590cb7b88?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1189&q=80" alt="" />
+                    </div>
+                    <div className="w-full lg:w-3/4 px-3">
+                      <Link key={post.slug} className="hover:underline" href={`/blog/${post.slug}`}>
+                        <h3 className="mb-1 text-2xl font-bold font-heading">{post.metadata.title}</h3>
+                      </Link>
+                      <div className="mb-2 flex items-center text-sm">
+                        {/* <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a> */}
+                        {/* <span className="text-gray-400 mx-2">•</span> */}
+                        <span className="text-gray-400">{formatDate(post.metadata.publishedAt, false)}</span>
+                      </div>
+                      <p className="text-gray-500">{post.metadata.description}</p>
+                    </div>
+                  </div>
+                ))}
+                {/* <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1552338804-c42590cb7b88?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1189&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div>
+                <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1578509395623-a34c97f15379?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=968&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div>
+                <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1551008475-4533d141425b?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=968&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div>
+                <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/37/IHLjdHdzSvi0rgUMMlSK_TE3_0286.jpg?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1191&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div>
+                <div className="flex flex-wrap -mx-3 mb-8 lg:mb-6">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1552338804-c42590cb7b88?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1189&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div> */}
+                {/* <div className="flex flex-wrap -mx-3">
+                  <div className="mb-4 lg:mb-0 w-full lg:w-1/4 px-3">
+                    <img className="w-full h-full object-cover rounded" src="https://images.unsplash.com/photo-1578509395623-a34c97f15379?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=968&q=80" alt="" />
+                  </div>
+                  <div className="w-full lg:w-3/4 px-3">
+                    <a className="hover:underline" href="#">
+                      <h3 className="mb-1 text-2xl font-bold font-heading">Morbi scelerisque nulla et lectus dignissim eleifend nulla eu nulla a metus</h3>
+                    </a>
+                    <div className="mb-2 flex items-center text-sm">
+                      <a className="text-green-600 hover:underline hover:text-green-700" href="#">John Doe</a>
+                      <span className="text-gray-400 mx-2">•</span>
+                      <span className="text-gray-400">24 Jan, 2021</span>
+                    </div>
+                    <p className="text-gray-500">Quisque id sagittis turpis. Nulla sollicitudin rutrum eros eu dictum...</p>
+                  </div>
+                </div> */}
+              </div>
+            </div>
+          </div>
+        </div>
+        <div className="skew skew-bottom mr-for-radius">
+          <svg className="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewBox="0 0 10 10" preserveAspectRatio="none">
+            <polygon fill="currentColor" points="0 0 10 0 0 10" />
+          </svg>
+        </div>
+        <div className="skew skew-bottom ml-for-radius">
+          <svg className="h-8 md:h-12 lg:h-20 w-full text-gray-50" viewBox="0 0 10 10" preserveAspectRatio="none">
+            <polygon fill="currentColor" points="0 0 10 0 10 10" />
+          </svg>
+        </div>
+      </section>
+      {/* <div>
+        {allBlogs
+          .sort((a, b) => {
+            if (
+              new Date(a.metadata.publishedAt) > new Date(b.metadata.publishedAt)
+            ) {
+              return -1
+            }
+            return 1
+          })
+          .map((post) => (
+            <Link
+              key={post.slug}
+              className="flex flex-col space-y-1 mb-4"
+              href={`/blog/${post.slug}`}
+            >
+              <div className="w-full flex flex-col md:flex-row space-x-0 md:space-x-2">
+                <p className="text-neutral-600 dark:text-neutral-400 w-[100px] tabular-nums">
+                  {formatDate(post.metadata.publishedAt, false)}
+                </p>
+                <p className="text-neutral-900 dark:text-neutral-100 tracking-tight">
+                  {post.metadata.title}
+                </p>
+              </div>
+            </Link>
+          ))}
+      </div> */}
+
+    </>
+  )
+}

components/Projects.tsx

@@ -0,0 +1,174 @@
+import Link from "next/link";
+
+export default function Roadmap() {
+  return (
+    <section id="projects">
+      <div className="skew skew-top mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-purple-600"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 10 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-top ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-purple-600"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 10 10 0 10 10" />
+        </svg>
+      </div>
+      {/* <div className='py-20 bg-purple-600 radius-for-skewed'> */}
+      <div className="py-20 bg-gray-900 radius-for-skewed">
+        <div className="container mx-auto px-4">
+          <div className="mb-8 md:mb-16 max-w-lg mx-auto text-center">
+            <span className="text-purple-400 font-bold">
+              Avancement des projets
+            </span>
+            <h2 className="mb-6 text-4xl lg:text-5xl font-bold font-heading text-white">
+              Les projets en cours
+            </h2>
+            {/* <div className='inline-flex flex-wrap py-1 sm:px-1 sm:space-x-1 bg-purple-500 rounded text-sm'>
+                  <button className='w-full sm:w-auto mb-1 sm:mb-0 mx-1 sm:mx-0 py-2 px-4 hover:bg-pink-600 text-white rounded hover:shadow font-bold focus:outline-none transition duration-200'>
+                    Category 1
+                  </button>
+                  <button className='w-full sm:w-auto mb-1 sm:mb-0 mx-1 sm:mx-0 py-2 px-4 bg-pink-600 text-white shadow rounded font-bold focus:outline-none transition duration-200'>
+                    Category 2
+                  </button>
+                  <button className='w-full sm:w-auto mb-1 sm:mb-0 mx-1 sm:mx-0 py-2 px-4 hover:bg-pink-600 text-white rounded hover:shadow font-bold focus:outline-none transition duration-200'>
+                    Category 3
+                  </button>
+                  <button className='w-full sm:w-auto mb-1 sm:mb-0 mx-1 sm:mx-0 py-2 px-4 hover:bg-pink-600 text-white rounded hover:shadow font-bold focus:outline-none transition duration-200'>
+                    Category 4
+                  </button>
+                </div> */}
+          </div>
+          <div className="flex flex-wrap -mx-4 mb-12">
+            <div className="flex flex-wrap w-full lg:w-1/2 mb-8 lg:mb-0">
+              <div className="w-full lg:w-1/2 px-4 mb-8">
+                {/* <img
+                      className='h-64 w-full rounded-lg object-cover'
+                      src='https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1050&q=80'
+                      alt=''
+                    /> */}
+              </div>
+              <div className="w-full lg:w-1/2 px-4 mb-8">
+                <img
+                  className="h-64 w-full rounded-lg object-cover"
+                  src="/etactics-inc-FnGty3_1Fz4-unsplash.jpg"
+                  alt=""
+                />
+              </div>
+              <div className="w-full px-4">
+                <div className="relative">
+                  <img
+                    className="h-64 lg:h-128 w-full rounded-lg object-cover"
+                    src="/towfiqu-barbhuiya-HNPrWOH2Z8U-unsplash.jpg"
+                    alt=""
+                  />
+                  <div className="absolute inset-0 bg-gray-900 opacity-80 rounded-lg" />
+                  <div className="absolute inset-0 p-6 flex justify-center">
+                    <div className="max-w-md my-auto">
+                      <span className="text-purple-600 font-bold">2024</span>
+                      <h2 className="text-4xl lg:text-5xl text-white font-bold leading-tight">
+                        Moteur de facturation sesam-vitale
+                      </h2>
+                      <div className="max-w-xs">
+                        <p className="mb-6 text-gray-400">
+                          Développement d’un moteur de facturation sesam‑vitale
+                          avec agrément
+                        </p>
+                        <a
+                          className="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-purple-600 hover:bg-purple-700 text-gray-50 font-bold leading-loose"
+                          href="#"
+                        >
+                          En savoir plus
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div className="flex flex-wrap w-full lg:w-1/2">
+              <div className="w-full px-4 mb-8">
+                <div className="relative">
+                  <img
+                    className="h-128 w-full rounded-lg object-cover"
+                    // src='https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1050&q=80'
+                    src="lucas-george-wendt-zEp3CgWcOj0-unsplash.jpg"
+                    alt=""
+                  />
+                  <div className="absolute inset-0 bg-gray-900 opacity-80 rounded-lg" />
+                  <div className="absolute inset-0 p-6 flex justify-center">
+                    <div className="max-w-md my-auto">
+                      <span className="text-purple-600 font-bold">2024</span>
+                      <h2 className="text-4xl lg:text-5xl text-white font-bold leading-tight">
+                        Mise en place de la SCIC
+                      </h2>
+                      <div className="max-w-xs">
+                        <p className="mb-6 text-gray-400">
+                          Les statuts sont en cours d&apos;écriture, nous prenons
+                          contacts avec différents acteurs.
+                        </p>
+                        <a
+                          className="inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-purple-600 hover:bg-purple-700 text-gray-50 font-bold leading-loose"
+                          href="#"
+                        >
+                          Rejoignez nous !
+                        </a>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="w-full lg:w-1/2 px-4 mb-8 lg:mb-0">
+                <img
+                  className="h-64 w-full rounded-lg object-cover"
+                  src="etactics-inc-Apdejs-GxW4-unsplash.jpg"
+                  alt=""
+                />
+              </div>
+              {/* <div className='w-full lg:w-1/2 px-4'>
+                    <img
+                      className='h-64 w-full rounded-lg object-cover'
+                      src='https://images.unsplash.com/photo-1454496522488-7a8e488e8606?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1055&q=80'
+                      alt=''
+                    />
+                  </div> */}
+            </div>
+          </div>
+          {/* <div className='text-center'>
+                <a
+                  className='inline-block py-2 px-6 rounded-l-xl rounded-t-xl bg-pink-600 hover:bg-pink-700 text-gray-50 font-bold leading-loose transition duration-200'
+                  href='#'
+                >
+                  View More Projects
+                </a>
+              </div> */}
+        </div>
+      </div>
+      <div className="skew skew-bottom mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-purple-600"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-bottom ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-purple-600"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 10 10" />
+        </svg>
+      </div>
+    </section>
+  );
+}

components/Roadmap.tsx

@@ -0,0 +1,164 @@
+import Link from "next/link";
+
+export default function Roadmap() {
+  return (
+    <section id="roadmap">
+      <div className="skew skew-top mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 10 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-top ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 10 10 0 10 10" />
+        </svg>
+      </div>
+      <div className="py-20 bg-gray-900 overflow-hidden radius-for-skewed">
+        <div className="container mx-auto px-4">
+          <div className="mb-16 max-w-md text-center mx-auto">
+            {/* <span className='text-yellow-500 font-bold'>
+                  Dolor sit amet consectutar
+                </span> */}
+            <h2 className="mb-2 text-4xl lg:text-5xl font-bold font-heading text-white">
+              Étapes clés
+            </h2>
+          </div>
+          <div className="relative flex flex-wrap -mx-4 z-0">
+            <img
+              className="h-128 hidden xl:block absolute top-0 right-0 -mt-4 -mr-16"
+              style={{ zIndex: -1 }}
+              src="atis-assets/elements/line-light-gray.svg"
+              alt=""
+            />
+            <div className="mb-10 lg:mb-24 w-full md:w-1/2 lg:w-1/3 px-4">
+              <div className="max-w-xs mb-4">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center justify-center bg-yellow-400 rounded-full font-bold text-md">
+                  2018
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Prototypage d’un logiciel de gestion de stock
+                </h3>
+                <p className="text-gray-500 leading-loose">
+                  Des 4P (Prédictive, Personnalisée, Pratique et Pas chère) à la
+                  Pharmacie des Loutres
+                </p>
+                <a
+                  className="inline-block relative w-full lg:w-auto py-2 leading-loose text-white font-semibold bg-gray-900 border-2 border-none rounded-xl transition duration-200 after:bg-white after:absolute after:h-1 after:w-0 after:bottom-0 after:left-0 hover:after:w-full after:transition-all after:duration-300"
+                  href="#"
+                >
+                  En savoir plus
+                </a>
+              </div>
+            </div>
+            <div className="mb-10 lg:mb-24 w-full md:w-1/2 lg:w-1/3 px-4">
+              <div className="max-w-xs">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center justify-center bg-pink-400 rounded-full font-bold text-md">
+                  2019
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Naissance de l’association P4Pillon
+                </h3>
+                {/* <p className='text-gray-500 leading-loose'>
+                      Fusce quam tellus, placerat eu metus ut, viverra aliquet
+                      purus. Suspendisse potenti. Nulla non nibh feugiat.
+                    </p> */}
+              </div>
+            </div>
+            <div className="mb-10 lg:mb-24 w-full md:w-1/2 lg:w-1/3 px-4">
+              <div className="max-w-xs">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center text-center justify-center bg-purple-400 rounded-full font-bold text-md">
+                  2019 2021
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Réalisation de 4 preuves de concept au sein de la MSPU
+                  MilleSoins
+                </h3>
+                {/* <p className='text-gray-500 leading-loose'>
+                      <ul className='list-disc'>
+                        <li>Les cercles de qualité médecins-pharmaciens</li>
+                        <li>La dispensation à domicile pendant le premier confinement</li>
+                        <li>La stratégie de distribution juste des premiers vaccins covid</li>
+                        <li>La stratégie de pilotage de l’activité croisée entre l’infirmier de pratique avancée et le pharmacien correspondant</li>
+                      </ul>
+                    </p> */}
+              </div>
+            </div>
+            <div className="mb-10 w-full md:w-1/2 lg:w-1/3 px-4 order-last lg:order-1">
+              <div className="max-w-xs">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center justify-center bg-green-400 rounded-full font-bold text-md">
+                  2030
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Généralisation de cet outil émancipateur dans les collectifs
+                  soignants
+                  {/* permettant de poursuivre un idéal de santé communautaire et planétaire */}
+                </h3>
+                {/* <p className='text-gray-500 leading-loose'>
+                      Fusce quam tellus, placerat eu metus ut, viverra aliquet
+                      purus. Suspendisse potenti. Nulla non nibh feugiat.
+                    </p> */}
+              </div>
+            </div>
+            <div className="mb-10 md:mb-0 w-full md:w-1/2 lg:w-1/3 px-4 order-1 lg:order-0">
+              <div className="max-w-xs">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center justify-center bg-blue-400 rounded-full font-bold text-md">
+                  2025
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Déploiement du premier logiciel libre pour équipe coordonnée
+                  en santé dans les universités
+                  {/* et structures de soins apparentées / Montée en charge de la recherche en soins primaires */}
+                </h3>
+                {/* <p className='text-gray-500 leading-loose'>
+                      Fusce quam tellus, placerat eu metus ut, viverra aliquet
+                      purus. Suspendisse potenti. Nulla non nibh feugiat.
+                    </p> */}
+              </div>
+            </div>
+            <div className="w-full md:w-1/2 lg:w-1/3 px-4 lg:order-last">
+              <div className="max-w-xs">
+                <span className="mb-4 lg:mb-10 flex w-16 h-16 items-center justify-center bg-yellow-400 rounded-full font-bold text-md">
+                  2024
+                </span>
+                <h3 className="mb-4 text-2xl font-bold font-heading text-white">
+                  Développement d’un moteur de facturation sesam-vitale /
+                  Création de la SCIC
+                </h3>
+                {/* <p className='text-gray-500 leading-loose'>
+                      Fusce quam tellus, placerat eu metus ut, viverra aliquet
+                      purus. Suspendisse potenti. Nulla non nibh feugiat.
+                    </p> */}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div className="skew skew-bottom mr-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 0 10" />
+        </svg>
+      </div>
+      <div className="skew skew-bottom ml-for-radius">
+        <svg
+          className="h-8 md:h-12 lg:h-20 w-full text-gray-900"
+          viewBox="0 0 10 10"
+          preserveAspectRatio="none"
+        >
+          <polygon fill="currentColor" points="0 0 10 0 10 10" />
+        </svg>
+      </div>
+    </section>
+  );
+}

config/_default/config.yml

@@ -1,24 +0,0 @@
-baseURL: https://p4pillon.org
-disableKinds:
-  - taxonomy
-  - term
-module:
-  hugoVersion:
-    extended: false
-    min: 0.112.0
-  mounts:
-    - source: assets
-      target: assets
-    - source: hugo_stats.json
-      target: assets/watching/hugo_stats.json
-build:
-  writeStats: true
-  cachebusters:
-    - source: assets/watching/hugo_stats\.json
-      target: styles\.css
-    - source: (postcss|tailwind)\.config\.js
-      target: css
-    - source: assets/.*\.(js|ts|jsx|tsx)
-      target: js
-    - source: assets/.*\.(.*)$
-      target: $1

config/staging/config.yml

@@ -1,7 +0,0 @@
-baseURL: https://staging.p4pillon.org/
-
-deployment:
-  targets:
-    - name: staging
-      URL: >-
-        s3://staging.p4pillon.org?endpoint=https://s3.garage.resilien.cloud&disableSSL=true&s3ForcePathStyle=true&region=garage

content/_index.md

@@ -1,7 +0,0 @@
----
-title: Pour une santé en commun et des communs en santé
----
-
-P4Pillon.org est une association loi 1901 qui préfigure d'une [société coopérative d'intérêt collectif](https://fr.wikipedia.org/wiki/Soci%C3%A9t%C3%A9_coop%C3%A9rative_d%27int%C3%A9r%C3%AAt_collectif) ayant pour objet la création et la mise à disposition de [communs informationnels](https://fr.wikipedia.org/wiki/Biens_communs_informationnels) aux citoyens, patients et professionnels qui œuvrent sur un même territoire de santé.
-
-P4Pillon investigue 4 thématiques interdépendantes : les organisations humaines en santé, les technologies de l'information et de la communication, les pratiques professionnelles, et la santé communautaire et planétaire.

content/annuaire/_index.md

@@ -1,6 +0,0 @@
----
-title: Annuaire
-section: annuaire
----
-
-test

content/footer.md

@@ -1,12 +0,0 @@
----
-headless: true
----
-
-## P4PILLON
-
-P4Pillon est une initiative de recherche et développement en santé et en soins de premiers recours
-
-- [Mentions légales](/mentions-legales/)
-- [Politique de confidentialité](/politique-de-confidentialite/)
-- Site éco-conçu 🪶 par [Weko](https://weko.io)
-- Hébergé avec sobriété ⚡ par [RésiLien](https://resilien.fr)

content/notre-histoire.md

@@ -1,35 +0,0 @@
----
-title: Notre histoire
-draft: false
----
-
-# Notre histoire
-
-## L'origine
-
-Dès 2009, les professionnels de santé installés sur la montagne limousine ont pris conscience des enjeux de soutenabilité et de résilience de l'offre de soins vis à vis d'une désertification médicale annoncée par les projections démographiques.
-
-## La contrainte forge l'innovation
-
-Ce territoire est marqué par des contraintes géographiques (zone de moyenne montagne et habitat dispersé), démographiques (population âgée et fragile) et épidémiologiques (forte prévalence des maladies chroniques et des besoins en prévention). Ainsi, il nous semblait être un terrain idéal pour expérimenter et identifier des leviers d’adaptation du système de santé aux enjeux de notre société.
-
-## Agir en communauté de pensée, penser en communauté d'action
-
-En 2014, les professionnels se sont constitués en équipe coordonnée en santé dans la ligne politique portée par l'association AVEC Santé. Cette démarche correspond à la définition ou la création de différents communs :
-
-- définition d'un périmètre d'action commun : cette étape permet d'analyser les caractéristiques du territoire en terme de besoins afin d'y adapter une offre de soins. Dans notre cas, c'est l'exercice dit "multi-sites" ou décentralisé qui a été choisi pour des questions de contraintes géographiques.
-- adoption d'un projet de santé commun à l'équipe : suite au diagnostic territorial, un projet de santé prenant en compte les données de santé publique est rédigé puis signé par les différents professionnels de santé ou intervenants. Dans notre cas, l'accent est mis sur la prise en charge des pathologies chroniques, la prévention et l'organisation des soins non programmés (urgences)
-- partage de lieux d'exercice communs : plusieurs cabinets médicaux sont mis à disposition et partagés entre professionnels de santé afin qu'il puissent répartir leur offre de soins sur tout le territoire.
-- création d'un commun juridique : la constitution en Société Interprofessionnelle de Soins Ambulatoires (SISA) créé une personne morale porteuse du projet de santé ce qui facilite les règles d'accès aux dossiers médicaux et la mise en place d'une fonction de coordination de l'équipe.
-- attribution de financement communs : suite à l'acceptation du projet de santé par l'agence régionale de santé, la SISA peut bénéficier de financements commun via la signature d'une convention avec l'assurance maladie. Ces financements viennent rompre avec la logique historique du financement à l'activité des professionnel de santé, ils sont attribués à une équipe pluriprofessionnelle en fonction de la taille de sa patientèle (financement par capitation).
-- acquisition d'un système d'information partagé permettant la création d'un commun informationnel : ces logiciels hébergent les dossiers médicaux et permettent une coordination des différents professionnels autour du patient. L'accès à une information partagé implique une production participative de l'information et donc la création d'un commun informationnel reflétant l'état de santé du territoire d'action de l'équipe.
-
-## Particularité pharmaceutique du projet
-
-En 2016, la pharmacie de Bugeat est reprise par Antoine Prioux, actuellement président de l'association P4Pillon. Dans son travail de thèse soutenu en 2013, il jetait les base d'une intégration des pharmaciens d'officine au sein de l'équipe coordonnée afin d'améliorer la prise en charge pharmaco-thérapeutique des patients.
-
-Quelques mois plus tard il est rejoint par Eliza Castagné, pharmacienne clinicienne ayant travaillé sur la iatrogénie médicamenteuse et Julien Misiak, ingénieur en informatique et créateur d'un logiciel de gestion d'officine. Cette étape marque le point de départ de l'expérimentation en vie réelle qui aboutira après quelques années à plusieurs preuves de concept autour du design des systèmes d'information et du traitement de données de santé à des fins de maintien en bonne santé de la population.
-
-## Objectif : h4cker le système
-
-P4Pillon collabore et interagit actuellement avec de nombreuses personnes et associations militantes afin de construire et éprouver un récit de transition où la santé au sens large (planétaire) serait le principal argument pour composer une société soutenable et résiliente basée sur les communs et la justice sociale.

content/qui-sommes-nous.md

@@ -1,13 +0,0 @@
----
-title: Qui sommes nous ?
----
-
-# Qui sommes nous ?
-
-La volonté de transformation du système de santé portée par P4Pillon émane de la détermination d'une équipe coordonnée en santé : le pôle Millesoins.
-
-Juridiquement constituée en Société Interprofessionnelle de Soins Ambulatoires (SISA), cette structure adhère au mouvement AVEC Santé qui plaide pour une refondation des soins de premier recours par un exercice pluriprofessionnel coordonné et un partenariat fort avec la population du territoire (santé communautaire).
-
-Cette équipe est composée de médecins généralistes, de pharmacien.ne.s, et d'infirmier.e.s qui collaborent avec des chercheur.se.s pluridisciplinaires, des ingénieur.e.s et diverses associations militantes dans les champs du logiciel libre, de la médecine sociale et de la santé planétaire.
-
-P4Pillon est une association à but non lucratif qui préfigure d'une Société Coopérative d'Intérêt Collectif (SCIC) dont la principale mission est de promouvoir et créer des communs numériques en santé (logiciels libres et bases de données autogérées).

content/se-connecter/_index.md

@@ -1,4 +0,0 @@
----
----
-
-En cours de développement

layouts/404.html

@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" class="h-full">
-    {{ partial "head.html" . }}
-    <body class="h-full">
-        <main class="grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8">
-            <div class="text-center">
-                <p class="text-base font-semibold text-indigo-600">
-                    404
-                </p>
-                <h1 class="mt-4 text-3xl font-bold tracking-tight text-gray-900 sm:text-5xl">
-                    Page non trouvée
-                </h1>
-                <p class="mt-6 text-base leading-7 text-gray-600">
-                    Désolé la page que vous cherchez n'existe pas ou a changé de place.
-                </p>
-                <div class="mt-10 flex items-center justify-center gap-x-6">
-                <a href="/" class="rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">
-                    Revenir à la page d'accueil
-                </a>
-                <a href="mailto:support@p4pillon.org" class="text-sm font-semibold text-gray-900">
-                    Contacter le support <span aria-hidden="true">&rarr;</span>
-                </a>
-                </div>
-            </div>
-        </main>
-    </body>
-</html>

layouts/_default/baseof.html

@@ -1,16 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr" class="h-full">
-  <head>
-    {{ partial "head.html" . }}
-  </head>
-  <body class="h-full">
-    <div class="container mx-auto">
-      <div class="bg-white">
-        {{ partial "header.html" . }}
-      </div>
-      {{ block "main" . }}{{ end }}
-    </div>
-    {{ partial "footer.html" . }}
-    {{ partial "scripts.html" . }}
-  </body>
-</html>

layouts/_default/list.html

@@ -1,8 +0,0 @@
-{{ define "main" }}
-  {{ .Content }}
-  <ul>
-  {{ range .Pages }}
-    <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-  {{ end }}
-  </ul>
-{{ end }}

layouts/_default/single.html

@@ -1,9 +0,0 @@
-{{ define "main" }}
-<div class="relative w-full bg-white my-20 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
-    <div class="mx-auto max-w-prose lg:text-lg">
-      <article class="prose prose-slate mx-auto lg:prose-xl">
-        {{ .Content }}
-      </article>
-    </div>
-</div>
-{{ end }}

layouts/annuaire/annuaire.html

@@ -1,200 +0,0 @@
-<!DOCTYPE html>
-<html lang="fr" class="h-full">
-  <head>
-    {{ partial "head.html" . }}
-    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.1/dist/leaflet.css" integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin=""/>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.css" crossorigin=""/>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet.markercluster@1.4.1/dist/MarkerCluster.Default.css" crossorigin=""/>
-    <link rel="stylesheet" href="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css" />
-    <script src="https://unpkg.com/leaflet@1.9.1/dist/leaflet.js" integrity="sha256-NDI0K41gVbWqfkkaHj15IzU7PtMoelkzyKp8TOaFQ3s=" crossorigin=""></script>
-    <script src="https://unpkg.com/leaflet.markercluster@1.4.1/dist/leaflet.markercluster.js" crossorigin=""></script>
-    <script src="https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js"></script>
-	<script src="/leaflet.permalink.js"></script>
-  </head>
-  <body class="h-full relative">
-      <div class="bg-white">
-        {{ partial "header.html" . }}
-      </div>
-        <div class="absolute sm:bg-opacity-80 left-0 bottom-0 right-0 h-14 w-full max-w-none sm:w-80 sm:right-auto sm:left-4 sm:bottom-4 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg shadow-2xl p-4 text-center">
-            <label class="inline-flex items-center mr-4">
-                <input class="text-green-700" id="layerMSP" type="checkbox" checked="">
-                <span class="ml-2">Maison de santé</span>
-            </label>
-            <label class="inline-flex items-center">
-                <input class="text-green-700" id="layerPharmacie" type="checkbox">
-                <span class="ml-2">Officine</span>
-            </label>
-        </div>
-
-        <div id="info" class="hidden sm:bg-opacity-80 absolute left-0 bottom-14 sm:bottom-24 right-0 sm:right-auto sm:left-4 w-full max-w-none sm:w-80 z-20 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
-        <!-- Modal content -->
-            <!-- Modal header -->
-            <div class="flex items-center justify-between p-4 border-b rounded-t-lg">
-                <h4 class="title text-xl font-semibold text-gray-900 my-0">
-                  MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
-                </h4>
-                <button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
-                    <svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
-                </button>
-            </div>
-            <!-- Modal body -->
-            <div class="p-4 space-y-6">
-                <p id="content" class="text-base leading-relaxed text-gray-500 my-0">
-                  Établissement FINESS N°480002732<br>
-                  SIREN : 837840933
-                </p>
-            </div>
-            <!-- Modal footer -->
-            <div id="contact" class="flex justify-center items-center p-4 space-x-4 border-t border-gray-200 rounded-b-lg">
-              <a id="phone" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
-                  <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z" />
-                </svg>
-              </a>
-              <a id="mail" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
-                  <path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75" />
-                </svg>
-              </a>
-              <a id="website" href="tel:0448250145" title="04 48 25 01 45" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
-                  <path stroke-linecap="round" stroke-linejoin="round" d="M9 17.25v1.007a3 3 0 01-.879 2.122L7.5 21h9l-.621-.621A3 3 0 0115 18.257V17.25m6-12V15a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 15V5.25m18 0A2.25 2.25 0 0018.75 3H5.25A2.25 2.25 0 003 5.25m18 0V12a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 12V5.25" />
-                </svg>
-              </a>
-              <button id="edit" onclick="displayLayout('editLayout')" title="Éditer" data-modal-hide="staticModal" type="button" class="text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-2 py-2 text-center">
-                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4 sm:w-5 sm:h-5">
-                  <path stroke-linecap="round" stroke-linejoin="round" d="M16.862 4.487l1.687-1.688a1.875 1.875 0 112.652 2.652L10.582 16.07a4.5 4.5 0 01-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 011.13-1.897l8.932-8.931zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0115.75 21H5.25A2.25 2.25 0 013 18.75V8.25A2.25 2.25 0 015.25 6H10" />
-                </svg>
-              </button>
-            </div>
-        </div>
-
-        <div id="editLayout" class="hidden overflow-auto layout absolute sm:bg-opacity-90 left-0 sm:left-80 lg:left-auto sm:ml-8 top-20 bottom-14 sm:bottom-4 right-0 sm:right-4 lg:right-16 w-full sm:w-auto max-w-none lg:max-w-md z-30 border-t sm:border border-green-700 bg-white sm:rounded-lg sm:shadow-2xl prose">
-          <div class="flex items-center justify-between p-4 border-b rounded-t-lg">
-            <h4 class="title text-xl font-semibold text-gray-900 my-0">
-              MAISON DE SANTE (MSP) DE SAINT CHELY D'APCHER (48)
-            </h4>
-            <button type="button" class="btnClose bg-transparent border border-white hover:border-green-700 hover:text-gray-900 rounded-lg text-sm p-1.5 ml-auto inline-flex self-start" data-modal-hide="staticModal">
-                <svg class="w-5 h-5 stroke-green-700" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>  
-            </button>
-          </div>
-          <!-- Modal body -->
-          <div class="p-4 space-y-6">
-            <form id="formInfo" method="POST" action="https://formulaire.p4pillon.org/items/MSP_INFO">
-              <div class="grid grid-cols-1 gap-6">
-                <label class="block">
-                  <span class="text-gray-700">Nofinesset</span>
-                  <input id="msp-nofinesset" type="text" name="nofinesset" class="mt-1 block w-full" placeholder="">
-                </label>
-                <label class="block">
-                  <span class="text-gray-700">Nom</span>
-                  <input id="msp-nom" type="text" name="nom" class="mt-1 block w-full" placeholder="">
-                </label>
-                <label class="block">
-                  <span class="text-gray-700">Prénom Leader</span>
-                  <input id="msp-prenom_leader" type="text" name="prenom_leader" class="mt-1 block w-full" placeholder="">
-                </label>
-                <label class="block">
-                  <span class="text-gray-700">Nom Leader</span>
-                  <input id="msp-nom_leader" type="text" name="nom_leader" class="mt-1 block w-full" placeholder="">
-                </label>
-                <div class="block">
-                  <label class="inline-flex items-center">
-                    <input id="msp-avec_sante" type="checkbox" checked="" name="avec_sante">
-                    <span class="ml-2">Avec santé</span>
-                  </label>
-                </div>
-                <div class="block">
-                  <label class="inline-flex items-center">
-                    <input id="msp-accord_conventionnel_interprofessionnel" type="checkbox" checked="" name="accord_conventionnel_interprofessionnel">
-                    <span class="ml-2">Accord Conventionnel Interprofessionnel</span>
-                  </label>
-                </div>
-              </div>
-              <div class="block">
-                <button type="submit" class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-full sm:w-auto px-5 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">Envoyer</button>
-              </div>
-
-            </form>
-
-
-
-            <fieldset class="hidden">
-              <legend>informations générales</legend>
-              <label for="noms">Nom de la structure :</label>
-              <input type="text" name="structure" placeholder="nom de la SISA" required="required">
-              <label for="ville">Ville :</label>
-              <input type="text" name="structure" placeholder="ville" required="required">
-              <label for="code">Code postal :</label>
-              <input type="text" name="structure" placeholder="Ex: 87000" required="required">
-              <label for="rue"> Rue :</label>
-              <input type="text" name="structure" placeholder="Ex: " required="required">
-
-
-
-            <!-- A mettre : dans un premier temps pouvoir mettre un chiffre puis dans un second temps le ventiullé sur le type de praticien -->
-            <label for="npro">Nombre professionnels</label>
-            <select>
-              <option selected>Choisissez</option>
-              <option>moins de 16 professionnels</option>
-              <option>plus de 16 professionnels</option>
-            </select>
-
-            <div class="open">
-              <!-- A mettre -->
-              <label for="ipa">Présence d'un IPA dans l'équipe</label>
-              <label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
-                type="radio" name="no" id="no" />
-            </div>
-
-
-            <div class="open">
-              <!-- A mettre -->
-              <label for="ipam">Formation des jeunes professionnels de santé</label>
-              <label for="prof_sant_yes">Oui</label><input type="radio" name="prof_sant" value="true"
-                id="prof_sant_yes" /><label for="no">Non</label><input type="radio" name="no" id="no" />
-            </div>
-
-
-            <div class="open">
-              <!-- A mettre + champ pour citer le logiciel utilisé (il faut la liste) -->
-              <!-- Système d'information labellisé :  -->
-              <!-- https://esante.gouv.fr/offres-services/label-esante/solutions-labellisees -->
-              <label for="sina">Système d'information labellisé niveau avancé (ASIP Santé)</label>
-              <label for="yes">Oui</label><input type="radio" name="yes" id="yes" /><label for="no">Non</label><input
-                type="radio" name="no" id="no" />
-            </div>
-
-            <input type="submit" name="submit" value="ENVOYER">
-            </fieldset>
-          </div>
-        </div>
-
-        <div id="zoom" class="hidden sm:flex flex-col-reverse items-center justify-between absolute bottom-4 right-4 w-8 h-16 z-20 sm:shadow-2xl">
-          <button id="btnLess" type="button" class="p-1.5 bg-white border rounded-b-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
-            <svg class="w-full h-5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15" />
-            </svg>
-          </button>
-          <button id="btnMore" type="button" class="p-1.5 bg-white border-t border-x rounded-t-lg border-green-700 hover:bg-green-700 stroke-green-700 stroke-2 hover:stroke-white" data-modal-hide="staticModal">
-            <svg class="w-full h-5"  xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
-              <path strokeLinecap="round" strokeLinejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
-            </svg>
-          </button>
-        </div>
-
-        <div class="absolute w-screen h-screen bottom-0 left-0 top-0 right-0 z-10">
-            <div id="map" style="width: 100%; height: 100%;" class=""></div>
-        </div>
-    {{ $js := resources.Get "scripts/annuaire.js" }}
-    {{ with $js }}
-    {{ $secureJS := . | js.Build }}
-    {{ if not $.Site.Params.debug }}
-    {{ $secureJS = $secureJS | minify }}
-    {{ end }}
-    {{ $secureJS = $secureJS | fingerprint }}
-    <script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
-    {{ end }}
-    {{ partial "scripts.html" . }}
-  </body>
-</html>

layouts/index.html

@@ -1,11 +0,0 @@
-{{ define "main" }}
-  {{ partial "heroe" . }}
-  <div class="relative w-full bg-white mb-32 px-6 py-12 shadow-xl shadow-slate-700/10 ring-1 ring-gray-900/5 md:mx-auto md:max-w-3xl lg:max-w-4xl lg:py-16">
-    <div class="mx-auto max-w-prose lg:text-lg">
-      <article class="prose prose-slate mx-auto lg:prose-xl">
-        {{ .Content }}
-      </article>
-    </div>
-  </div>
-  {{ partial "newsletter.html" . }}
-{{ end }}

layouts/partials/footer.html

@@ -1,36 +0,0 @@
-<!--
-  Heads up! 👋
-
-  This component comes with some `rtl` classes. Please remove them if they are not needed in your project.
--->
-
-<footer class="bg-white">
-    <div class="mx-auto max-w-screen-xl px-4 pb-6 pt-6 sm:px-6 lg:px-8">
-      <div class="border-gray-100">
-        <div class="text-center sm:flex sm:justify-between sm:text-left">
-          <p class="text-sm text-gray-500">
-            <a
-              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
-              href="/"
-            >
-            Politique de confidentialité
-            </a>
-  
-            <span>&middot;</span>
-  
-            <a
-              class="inline-block text-green-700 underline transition hover:text-teal-600/75"
-              href="/"
-            >
-            Mentions légales
-            </a>
-          </p>
-  
-          <p class="mt-4 text-sm text-gray-500 sm:order-first sm:mt-0">
-            &copy; 2023 P4Pillon
-          </p>
-        </div>
-      </div>
-    </div>
-  </footer>
-  

layouts/partials/head.html

@@ -1,16 +0,0 @@
-<meta charset="utf-8" />
-<title>
-    {{ .Title }}
-</title>
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="description" content="{{ .Description }}" />
-{{/* styles */}}
-{{ $options := dict "inlineImports" true }}
-{{ $styles := resources.Get "styles/styles.css" }}
-{{ $styles = $styles | resources.PostCSS $options }}
-{{ if hugo.IsProduction }}
-    {{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
-{{/*  {{ else }}
-<link href="/tailwindcss.css" rel="stylesheet" />  */}}
-{{ end }}
-<link href="{{ $styles.RelPermalink }}" rel="stylesheet" />

layouts/partials/header.html

@@ -1,57 +0,0 @@
-<header class="absolute inset-x-0 top-0 z-50">
-    <nav class="flex items-center justify-between p-6 lg:px-8" aria-label="Global">
-      <div class="flex lg:flex-1">
-        <a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
-          <img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
-          <span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
-        </a>
-      </div>
-      <div class="flex lg:hidden">
-        <button id="menuOpen" type="button" class="-m-2.5 border border-emerald-700 bg-white shadow-2xl inline-flex items-center justify-center rounded-md p-2.5 text-gray-700">
-          <span class="sr-only">Open main menu</span>
-          <svg class="h-6 w-6 stroke-emerald-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" />
-          </svg>
-        </button>
-      </div>
-      <div class="hidden lg:flex lg:gap-x-12">
-        <a href="/notre-histoire/" class="text-sm font-semibold leading-6 text-green-700">Histoire</a>
-        <a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-green-700">We 4re</a>
-        <a href="/annuaire/" class="text-sm font-semibold leading-6 text-green-700">Annuaire</a>
-      </div>
-      <div class="hidden lg:flex lg:flex-1 lg:justify-end">
-        <a href="/se-connecter/" class="text-sm font-semibold leading-6 text-green-700">Se connecter <span aria-hidden="true">&rarr;</span></a>
-      </div>
-    </nav>
-    <!-- Mobile menu, show/hide based on menu open state. -->
-    <div id="menu" class="hidden" role="dialog" aria-modal="true">
-      <!-- Background backdrop, show/hide based on slide-over state. -->
-      <div class="fixed inset-0 z-50"></div>
-      <div class="fixed inset-y-0 right-0 z-50 w-full overflow-y-auto bg-white px-6 py-6 sm:max-w-sm sm:ring-1 sm:ring-gray-900/10">
-        <div class="flex items-center justify-between">
-          <a href="/" class="-m-1.5 p-1.5 flex items-center justify-center">
-            <img class="h-8 w-auto" src="/p4pillon-cyan-400.png" alt="">
-            <span class="pl-4 text-2xl font-black text-green-700">P4Pillon</span>
-          </a>
-          <button id="menuClose" type="button" class="-m-2.5 rounded-md p-2.5 text-gray-700 border border-white hover:border-green-700">
-            <span class="sr-only">Close menu</span>
-            <svg class="h-6 w-6 stroke-green-700" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-              <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
-            </svg>
-          </button>
-        </div>
-        <div class="mt-6 flow-root">
-          <div class="-my-6 divide-y divide-gray-500/10">
-            <div class="space-y-2 py-6">
-              <a href="/notre-histoire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Histoire</a>
-              <a href="/qui-sommes-nous/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">We 4re</a>
-              <a href="/annuaire/" class="-mx-3 block rounded-lg px-3 py-2 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Annuaire</a>
-            </div>
-            <div class="py-6">
-              <a href="/se-connecter/" class="-mx-3 block rounded-lg px-3 py-2.5 text-base font-semibold leading-7 text-green-700 hover:bg-gray-50">Se connecter</a>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </header>

layouts/partials/heroe.html

@@ -1,28 +0,0 @@
-<div class="bg-white">  
-    <div class="relative isolate px-6 pt-14 lg:px-8">
-      <div class="absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" aria-hidden="true">
-        <div class="relative left-[calc(50%-11rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 rotate-[30deg] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%-30rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-      </div>
-      <div class="mx-auto max-w-2xl py-32 sm:py-48 lg:py-56">
-        <div class="hidden sm:mb-8 sm:flex sm:justify-center">
-          <div class="relative rounded-full px-3 py-1 text-sm leading-6 text-gray-600 ring-1 ring-gray-900/10 hover:ring-gray-900/20">
-            Prenez connaissance de l'historique du projet. <a href="/notre-histoire/" class="font-semibold text-indigo-600"><span class="absolute inset-0" aria-hidden="true"></span> <span aria-hidden="true">&rarr;</span></a>
-          </div>
-        </div>
-        <div class="text-center">
-          <h1 class="text-4xl font-bold tracking-tight text-gray-900 sm:text-6xl">{{ .Title }}</h1>
-          <p class="mt-6 text-lg leading-8 text-gray-600">
-            P4Pillon est une initiative de recherche et développement en santé et en soins de premiers recours située sur la Montagne Limousine, au cœur du Parc Naturel Régional du Plateau de Millevaches.
-        </p>
-          <div class="mt-10 flex items-center justify-center gap-x-6">
-            <a href="/annuaire/" class="btn-primary">Voir l'annuaire</a>
-            <a href="/qui-sommes-nous/" class="text-sm font-semibold leading-6 text-gray-900">Qui somme-nous <span aria-hidden="true">?</span></a>
-          </div>
-        </div>
-      </div>
-      <div class="absolute inset-x-0 top-[calc(100%-13rem)] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[calc(100%-30rem)]" aria-hidden="true">
-        <div class="relative left-[calc(50%+3rem)] aspect-[1155/678] w-[36.125rem] -translate-x-1/2 bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30 sm:left-[calc(50%+36rem)] sm:w-[72.1875rem]" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-      </div>
-    </div>
-  </div>
-  

layouts/partials/newsletter.html

@@ -1,38 +0,0 @@
-</div>
-<div class="relative isolate overflow-hidden bg-gray-900 py-16 sm:py-24 lg:py-32">
-    <div class="mx-auto max-w-7xl px-6 lg:px-8">
-      <div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 lg:max-w-none lg:grid-cols-2">
-        <div class="max-w-xl lg:max-w-lg">
-          <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">Lettre d'information</h2>
-          <p class="mt-4 text-lg leading-8 text-gray-300">Pour rester informer de notre évolution, nos différents avancées n'hésitez pas à vous inscrire.</p>
-          <div class="mt-6 flex max-w-md gap-x-4">
-            <label for="email-address" class="sr-only">Email address</label>
-            <input id="email-address" name="email" type="email" autocomplete="email" required class="min-w-0 flex-auto rounded-md border-0 bg-white/5 px-3.5 py-2 text-white shadow-sm ring-1 ring-inset ring-white/10 focus:ring-2 focus:ring-inset focus:ring-indigo-500 sm:text-sm sm:leading-6" placeholder="Entrer votre mail">
-            <button type="submit" class="flex-none rounded-md bg-indigo-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-500">S'inscrire</button>
-          </div>
-        </div>
-        <dl class="grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:pt-2">
-          <div class="flex flex-col items-start">
-            <div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
-              <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 012.25-2.25h13.5A2.25 2.25 0 0121 7.5v11.25m-18 0A2.25 2.25 0 005.25 21h13.5A2.25 2.25 0 0021 18.75m-18 0v-7.5A2.25 2.25 0 015.25 9h13.5A2.25 2.25 0 0121 11.25v7.5m-9-6h.008v.008H12v-.008zM12 15h.008v.008H12V15zm0 2.25h.008v.008H12v-.008zM9.75 15h.008v.008H9.75V15zm0 2.25h.008v.008H9.75v-.008zM7.5 15h.008v.008H7.5V15zm0 2.25h.008v.008H7.5v-.008zm6.75-4.5h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V15zm0 2.25h.008v.008h-.008v-.008zm2.25-4.5h.008v.008H16.5v-.008zm0 2.25h.008v.008H16.5V15z" />
-              </svg>
-            </div>
-            <dt class="mt-4 font-semibold text-white">Un mail tous les semestres</dt>
-            <dd class="mt-2 leading-7 text-gray-400">Vous recevrez une lettre d'information tous les semestres</dd>
-          </div>
-          <div class="flex flex-col items-start">
-            <div class="rounded-md bg-white/5 p-2 ring-1 ring-white/10">
-              <svg class="h-6 w-6 text-white" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
-                <path stroke-linecap="round" stroke-linejoin="round" d="M10.05 4.575a1.575 1.575 0 10-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 013.15 0v1.5m-3.15 0l.075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 013.15 0V15M6.9 7.575a1.575 1.575 0 10-3.15 0v8.175a6.75 6.75 0 006.75 6.75h2.018a5.25 5.25 0 003.712-1.538l1.732-1.732a5.25 5.25 0 001.538-3.712l.003-2.024a.668.668 0 01.198-.471 1.575 1.575 0 10-2.228-2.228 3.818 3.818 0 00-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0116.35 15m.002 0h-.002" />
-              </svg>
-            </div>
-            <dt class="mt-4 font-semibold text-white">Pas de spam</dt>
-            <dd class="mt-2 leading-7 text-gray-400">Nous ne communiquons les mails à aucun partenaire, et vous pouvez vous désinscrire à chaque mail</dd>
-          </div>
-        </dl>
-      </div>
-    </div>
-    <div class="absolute left-1/2 top-0 -z-10 -translate-x-1/2 blur-3xl xl:-top-6" aria-hidden="true">
-      <div class="aspect-[1155/678] w-[72.1875rem] bg-gradient-to-tr from-[#ff80b5] to-[#9089fc] opacity-30" style="clip-path: polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)"></div>
-    </div>

layouts/partials/scripts.html

@@ -1,9 +0,0 @@
-{{ $js := resources.Get "scripts/main.js" }}
-{{ with $js }}
-{{ $secureJS := . | js.Build }}
-{{ if not $.Site.Params.debug }}
-{{ $secureJS = $secureJS | minify }}
-{{ end }}
-{{ $secureJS = $secureJS | fingerprint }}
-<script type="module" src="{{ $secureJS.Permalink }}" integrity="{{ $secureJS.Data.Integrity }}"></script>
-{{ end }}

layouts/se-connecter/se-connecter.html

@@ -1,39 +0,0 @@
-{{ define "main" }}
-<div class="absolu top-0 left-0 right-0 bottom-0 flex min-h-full flex-col justify-center px-6 py-12 lg:px-8">
-    <div class="sm:mx-auto sm:w-full sm:max-w-sm">
-      <img class="mx-auto h-10 w-auto" src="https://tailwindui.com/img/logos/mark.svg?color=indigo&shade=600" alt="Your Company">
-      <h2 class="mt-10 text-center text-2xl font-bold leading-9 tracking-tight text-gray-900">Connectez vous à votre compte</h2>
-    </div>
-    <div class="mt-10 sm:mx-auto sm:w-full sm:max-w-sm">
-      <form class="space-y-6" action="#" method="POST">
-        <div>
-          <label for="email" class="block text-sm font-medium leading-6 text-gray-900">Adresse mail</label>
-          <div class="mt-2">
-            <input id="email" name="email" type="email" autocomplete="email" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-          </div>
-        </div>
-  
-        <div>
-          <div class="flex items-center justify-between">
-            <label for="password" class="block text-sm font-medium leading-6 text-gray-900">Mot de passe</label>
-            <div class="text-sm">
-              <a href="#" class="font-semibold text-indigo-600 hover:text-indigo-500">Mot de passe oublié ?</a>
-            </div>
-          </div>
-          <div class="mt-2">
-            <input id="password" name="password" type="password" autocomplete="current-password" required class="block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6">
-          </div>
-        </div>
-  
-        <div>
-          <button type="submit" class="flex w-full justify-center rounded-md bg-indigo-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Se connecter</button>
-        </div>
-      </form>
-  
-      <p class="mt-10 text-center text-sm text-gray-500">
-        Not a member?
-        <a href="#" class="font-semibold leading-6 text-indigo-600 hover:text-indigo-500">Start a 14 day free trial</a>
-      </p>
-    </div>
-  </div>
-{{ end }}

next.config.mjs

@@ -0,0 +1,22 @@
+import createMDX from '@next/mdx'
+
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    output: 'export',
+    pageExtensions: ['js', 'jsx', 'md', 'mdx', 'ts', 'tsx'],
+ 
+    // Optional: Change links `/me` -> `/me/` and emit `/me.html` -> `/me/index.html`
+    // trailingSlash: true,
+   
+    // Optional: Prevent automatic `/me` -> `/me/`, instead preserve `href`
+    // skipTrailingSlashRedirect: true,
+   
+    // Optional: Change the output directory `out` -> `dist`
+    // distDir: 'dist',
+};
+
+const withMDX = createMDX({
+    // Add markdown plugins here, as desired
+})
+
+export default withMDX(nextConfig);

package.json

@@ -1,25 +1,33 @@
 {
-  "name": "p4pillon.org",
+  "name": "website-2024",
-  "version": "1.0.0",
+  "version": "0.1.0",
-  "description": "Vous trouverez ici les sources du site WEB de P4Pillon",
+  "private": true,
-  "main": "index.js",
   "scripts": {
-    "lint": "npm run -s lint:styles",
+    "dev": "next dev",
-    "lint:scripts": "eslint assets/scripts",
+    "build": "next build",
-    "lint:styles": "stylelint \"assets/styles/**/*.{css,sass,scss,sss,less}\"",
+    "start": "next start",
-    "test": "npm run -s lint"
+    "lint": "next lint"
-  },
-  "author": "",
-  "license": "AGPL-3.0",
-  "devDependencies": {
-    "@tailwindcss/forms": "^0.5.3",
-    "@tailwindcss/typography": "^0.5.9",
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.24",
-    "postcss-cli": "^10.1.0",
-    "tailwindcss": "^3.3.2"
   },
   "dependencies": {
-    "@directus/sdk": "^10.3.3"
+    "@mdx-js/loader": "^3.0.1",
+    "@mdx-js/react": "^3.0.1",
+    "@next/mdx": "^14.2.3",
+    "@tailwindcss/typography": "^0.5.10",
+    "@types/mdx": "^2.0.13",
+    "next": "14.1.3",
+    "next-mdx-remote": "^4.4.1",
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "devDependencies": {
+    "@types/node": "^20",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "autoprefixer": "^10.0.1",
+    "eslint": "^8",
+    "eslint-config-next": "14.1.3",
+    "postcss": "^8",
+    "tailwindcss": "^3.3.0",
+    "typescript": "^5"
   }
 }

postcss.config.js

@@ -1,11 +1,6 @@
-let tailwindConfig = process.env.HUGO_FILE_TAILWIND_CONFIG_JS || './tailwind.config.js';
-const tailwind = require('tailwindcss')(tailwindConfig);
-const autoprefixer = require('autoprefixer');
-
 module.exports = {
-	// eslint-disable-next-line no-process-env
+  plugins: {
-	plugins: [
+    tailwindcss: {},
-		tailwind, 
+    autoprefixer: {},
-		...(process.env.HUGO_ENVIRONMENT === 'production' ? [autoprefixer] : []),
+  },
-	],
 };

public/atis-assets/background/lines.svg

@@ -0,0 +1,239 @@
+<svg width="1440" height="768" viewBox="0 0 1440 768" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g opacity="0.2" clip-path="url(#clip0)">
+<path d="M62.5214 1147.88L61.4332 1147.4C61.5928 1147.13 77.9033 1120.79 110.508 1089.69C129.657 1071.42 150.599 1055.1 172.759 1041.18C200.459 1023.78 230.146 1010.1 260.996 1000.53C298.203 988.981 331.372 982.98 365.38 981.64C395.767 980.443 423.245 983.106 452.336 985.927C495.348 990.099 539.828 994.41 602.313 987.931C686.197 979.231 745.04 943.055 801.945 908.069C828.061 892.011 855.065 875.408 883.951 861.874C916.331 846.699 947.843 837.008 980.28 832.24C1073.48 818.545 1162.61 839.4 1256.97 861.479C1365.12 886.785 1476.96 912.953 1613.97 895.425C1747.97 878.285 1865.25 790.373 1940.05 719.64C2021.12 642.977 2071.11 569.43 2071.6 568.697L2072.67 569.221C2072.17 569.954 2022.11 643.598 1940.96 720.342C1893.28 765.424 1844.37 802.745 1795.56 831.266C1734.52 866.936 1673.49 888.869 1614.15 896.458C1552.75 904.313 1490.45 903.957 1423.7 895.369C1364.76 887.784 1309.8 874.927 1256.65 862.488C1162.42 840.44 1073.42 819.617 980.484 833.273C908.489 843.854 854.685 876.93 802.657 908.921C774.225 926.403 744.824 944.479 712.518 958.963C676.219 975.238 640.219 985.054 602.456 988.971C539.824 995.464 495.274 991.146 452.193 986.967C393.353 981.263 342.54 976.334 261.413 1001.51C191.798 1023.11 141.423 1061.76 111.424 1090.39C78.9178 1121.4 62.681 1147.62 62.5214 1147.88Z" fill="url(#paint0_linear)"/>
+<path d="M57.0764 1134.44L55.9719 1133.98C56.1232 1133.72 71.3414 1107.32 102.661 1076.06C121.054 1057.7 141.32 1041.28 162.904 1027.24C189.884 1009.69 219.003 995.852 249.456 986.102C285.901 974.442 318.985 968.179 353.581 966.385C384.406 964.786 412.511 966.933 442.264 969.206C486.299 972.568 531.83 976.044 593.382 968.368C674.501 958.098 730.485 922.462 784.624 888C810.487 871.537 837.229 854.515 866.373 840.464C899.079 824.699 931.414 814.436 965.221 809.092C1058.18 794.59 1146.99 813.822 1241.02 834.181C1350.27 857.835 1463.25 882.299 1601.2 861.295C1734.13 841.372 1847.93 753.698 1919.99 683.66C1998.1 607.746 2045.34 535.631 2045.81 534.912L2046.89 535.422C2046.42 536.141 1999.11 608.357 1920.91 684.351C1874.99 728.993 1827.54 766.188 1779.9 794.908C1720.33 830.823 1660.27 853.503 1601.41 862.328C1539.58 871.743 1476.8 872.738 1409.47 865.369C1350 858.861 1294.45 846.832 1240.72 835.197C1146.82 814.866 1058.14 795.666 965.442 810.125C890.374 821.99 836.984 855.974 785.356 888.841C758.242 906.1 730.207 923.949 699.337 938.412C664.691 954.645 630.094 964.783 593.562 969.408C531.867 977.102 486.262 973.622 442.158 970.253C384.185 965.827 329.425 961.645 249.889 987.09C181.195 1009.09 132.431 1047.98 103.623 1076.73C72.3928 1107.88 57.2237 1134.18 57.0764 1134.44Z" fill="url(#paint1_linear)"/>
+<path d="M51.6273 1120.99L50.5104 1120.56C50.6495 1120.3 64.7795 1093.85 94.815 1062.43C112.451 1043.98 132.046 1027.45 153.049 1013.3C179.309 995.607 207.863 981.602 237.915 971.67C315.855 945.967 372.056 949.175 431.554 952.571C476.804 955.155 523.595 957.829 584.448 948.787C662.826 937.145 715.966 901.988 767.36 867.99C792.925 851.08 819.356 833.591 848.741 819.006C881.746 802.623 914.924 791.805 950.167 785.926C1043.07 770.43 1131.77 788.073 1225.69 806.753C1335.86 828.665 1449.79 851.328 1588.43 827.143C1720.22 804.152 1830.55 716.736 1899.89 647.452C1975.05 572.359 2019.58 501.808 2020.03 501.106L2021.11 501.598C2020.66 502.303 1976.07 572.953 1900.82 648.129C1856.63 692.289 1810.66 729.352 1764.19 758.288C1706.08 794.475 1647.03 817.983 1588.67 828.162C1526.53 839.002 1463.36 841.281 1395.57 835.134C1335.67 829.702 1279.62 818.552 1225.41 807.769C1131.63 789.117 1043.05 771.498 950.404 786.949C872.116 800.005 819.245 834.984 768.117 868.811C742.328 885.871 715.66 903.514 686.209 917.956C653.191 934.146 619.973 944.567 584.665 949.81C523.665 958.869 476.8 956.195 431.476 953.608C372.117 950.219 316.047 947.017 238.361 972.637C170.57 995.038 123.419 1034.17 95.7968 1063.06C65.8473 1094.38 51.7664 1120.73 51.6273 1120.99Z" fill="url(#paint2_linear)"/>
+<path d="M46.1823 1107.55L45.0491 1107.15C45.1759 1106.88 58.2218 1080.37 86.9645 1048.81C103.848 1030.27 122.764 1013.63 143.19 999.364C168.73 981.525 196.716 967.352 226.366 957.242C302.457 931.371 359.91 933.588 420.734 935.934C467.255 937.728 515.36 939.585 575.509 929.217C651.17 916.179 699.292 883.081 750.236 848.043C800.873 813.214 853.237 777.199 935.096 762.771C1027.78 746.437 1116.2 762.502 1209.82 779.513C1321.07 799.729 1436.11 820.632 1575.63 793.002C1706.32 767.124 1813.16 679.966 1879.77 611.405C1951.98 537.087 1993.79 468.002 1994.21 467.314L1995.3 467.792C1994.89 468.483 1953.02 537.652 1880.73 612.057C1838.27 655.764 1793.77 692.698 1748.48 721.84C1691.84 758.281 1633.78 782.568 1575.91 794.025C1531.28 802.86 1486.1 807.241 1439.05 807.241C1420.16 807.241 1400.97 806.536 1381.38 805.126C1320.97 800.783 1264.34 790.492 1209.56 780.536C1116.08 763.549 1027.78 747.501 935.341 763.793C853.773 778.169 801.528 814.104 751.005 848.853C726.521 865.693 701.206 883.106 673.139 897.516C641.704 913.658 609.844 924.365 575.746 930.24C515.45 940.632 467.268 938.772 420.672 936.974C359.984 934.632 302.662 932.422 226.816 958.209C159.918 981.015 114.361 1020.41 87.9259 1049.44C59.2896 1080.91 46.3091 1107.29 46.1823 1107.55Z" fill="url(#paint3_linear)"/>
+<path d="M40.7332 1094.11L39.5836 1093.74C39.7023 1093.48 51.6559 1066.91 79.1141 1035.18C95.2405 1016.56 113.482 999.817 133.331 985.431C158.151 967.446 185.568 953.109 214.822 942.821C289.002 916.821 347.605 918.046 409.639 919.345C457.544 920.347 507.077 921.384 566.571 909.658C639.544 895.275 685.064 862.673 733.259 828.155C783.18 792.401 834.807 755.429 920.033 739.626C1012.46 722.489 1100.56 737.004 1193.84 752.375C1306.2 770.887 1422.39 790.031 1562.86 758.878C1692.44 730.138 1795.8 643.224 1859.69 575.372C1928.94 501.825 1968.03 434.21 1968.42 433.536L1969.52 433.997C1969.14 434.671 1930 502.377 1860.67 576.01C1819.94 619.263 1776.92 656.071 1732.8 685.416C1677.62 722.109 1620.55 747.166 1563.17 759.891C1500.2 773.858 1436.08 778.867 1367.15 775.198C1306.22 771.955 1248.97 762.523 1193.61 753.405C1100.46 738.055 1012.48 723.561 920.303 740.652C835.372 756.4 783.867 793.288 734.057 828.962C710.865 845.572 686.88 862.747 660.171 877.126C630.274 893.219 599.752 904.194 566.857 910.681C507.212 922.438 457.597 921.401 409.619 920.396C347.711 919.101 289.24 917.879 215.296 943.795C149.306 967.003 105.357 1006.65 80.1041 1035.81C52.7441 1067.41 40.8518 1093.85 40.7332 1094.11Z" fill="url(#paint4_linear)"/>
+<path d="M35.2841 1080.66L34.1223 1080.32C34.2286 1080.06 45.0941 1053.43 71.2636 1021.56C86.6332 1002.84 104.2 985.997 123.472 971.492C147.567 953.36 174.42 938.859 203.277 928.39C236.172 916.503 268.343 909.294 304.523 905.706C336.457 902.539 366.492 902.662 398.291 902.794C447.685 902.997 498.76 903.206 557.632 890.08C627.95 874.403 670.934 842.29 716.437 808.295C765.528 771.62 816.288 733.698 904.966 716.464C997.081 698.562 1084.83 711.555 1177.73 725.31C1291.25 742.118 1408.63 759.5 1550.07 724.734C1678.56 693.148 1778.45 606.472 1839.61 539.321C1905.9 466.542 1942.25 400.4 1942.61 399.74L1943.72 400.18C1943.36 400.84 1906.96 467.091 1840.58 539.963C1801.59 582.765 1760.04 619.451 1717.09 648.995C1663.37 685.936 1607.29 711.758 1550.41 725.742C1486.99 741.329 1422.36 747.739 1352.83 745.33C1291.34 743.201 1233.48 734.63 1177.52 726.346C1084.74 712.61 997.114 699.634 905.236 717.49C816.861 734.665 766.215 772.5 717.243 809.088C695.319 825.467 672.652 842.402 647.264 856.746C618.865 872.793 589.643 884.031 557.939 891.1C498.907 904.26 447.754 904.051 398.279 903.845C335.262 903.583 275.74 903.339 203.748 929.357C138.682 952.959 96.3409 992.835 72.2823 1022.13C46.215 1053.88 35.3904 1080.4 35.2841 1080.66Z" fill="url(#paint5_linear)"/>
+<path d="M29.8351 1067.22L28.6609 1066.91C28.755 1066.65 38.5323 1039.96 63.4173 1007.93C78.0301 989.125 94.9214 972.176 113.617 957.556C136.992 939.278 163.276 924.612 191.737 913.965C223.278 902.215 256.066 894.573 291.989 890.604C324.082 887.057 355.921 886.68 386.718 886.314C437.707 885.706 490.435 885.082 548.706 870.517C616.414 853.594 656.922 821.966 699.807 788.478C747.941 750.894 797.711 712.03 889.916 693.312C981.687 674.684 1069.04 686.18 1161.52 698.353C1276.23 713.451 1394.85 729.066 1537.3 690.599C1664.7 656.197 1761.1 569.762 1819.54 503.312C1882.88 431.295 1916.49 366.598 1916.82 365.952L1917.95 366.374C1917.62 367.02 1883.94 431.829 1820.52 503.941C1783.27 546.299 1743.2 582.856 1701.41 612.599C1649.16 649.787 1594.07 676.367 1537.67 691.598C1473.8 708.846 1408.64 716.68 1338.5 715.546C1276.44 714.54 1217.92 706.839 1161.34 699.39C1068.98 687.234 981.745 675.749 890.206 694.331C798.312 712.987 748.661 751.757 700.642 789.249C679.013 806.138 658.583 822.088 634.484 836.401C607.16 852.626 580.013 863.787 549.053 871.523C490.623 886.125 437.809 886.754 386.738 887.361C322.72 888.122 262.248 888.841 192.236 914.925C128.058 938.936 87.3205 979.071 64.4441 1008.51C39.6573 1040.41 29.9332 1066.95 29.8351 1067.22Z" fill="url(#paint6_linear)"/>
+<path d="M24.3859 1053.78L23.2036 1053.5C23.2896 1053.24 31.9745 1026.49 55.5709 994.309C69.4268 975.409 85.6432 958.356 103.762 943.621C126.417 925.196 152.133 910.366 180.196 899.538C210.825 887.77 243.262 879.915 279.356 875.524C311.564 871.607 343.775 870.734 374.928 869.889C427.619 868.462 482.101 866.985 539.771 850.944C604.919 832.826 643.021 801.663 683.366 768.67C730.415 730.19 779.069 690.404 874.861 670.15C966.252 650.828 1053.18 660.864 1145.2 671.487C1261.15 684.871 1381.04 698.712 1524.53 656.455C1650.82 619.259 1743.74 533.079 1799.45 467.332C1859.83 396.068 1890.72 332.788 1891.03 332.156L1892.16 332.554C1891.85 333.186 1860.92 396.56 1800.46 467.922C1764.94 509.837 1726.34 546.271 1685.72 576.209C1634.94 613.646 1580.84 640.976 1524.92 657.443C1460.58 676.395 1394.88 685.677 1324.09 685.828C1261.45 685.964 1202.26 679.128 1145.03 672.52C1053.13 661.911 966.318 651.889 875.156 671.162C779.682 691.347 731.152 731.038 684.217 769.421C663.865 786.066 644.637 801.789 621.785 816.066C595.882 832.25 569.945 843.648 540.155 851.932C482.322 868.018 427.75 869.495 374.973 870.926C312.91 872.609 248.731 874.347 180.708 900.48C117.454 924.885 78.3246 965.254 56.6386 994.822C33.1241 1026.89 24.4718 1053.51 24.3859 1053.78Z" fill="url(#paint7_linear)"/>
+<path d="M18.9368 1040.33L17.7422 1040.09C17.8159 1039.82 25.4127 1013.02 47.7204 980.684C60.8195 961.693 76.3609 944.535 93.9027 929.682C115.838 911.113 140.985 896.116 168.652 885.11C198.38 873.331 230.433 865.274 266.645 860.478C298.923 856.201 331.474 854.847 362.954 853.538C417.44 851.272 473.78 848.926 530.828 831.381C593.468 812.115 629.243 781.398 667.121 748.88C712.959 709.527 760.361 668.834 859.79 646.998C950.764 627.02 1037.23 635.625 1128.77 644.736C1181.86 650.021 1235.79 655.387 1292.32 655.387C1360.6 655.387 1432.66 647.567 1511.74 622.324C1636.97 582.353 1726.41 496.4 1779.39 431.337C1836.8 360.824 1864.94 298.989 1865.22 298.375L1866.37 298.752C1866.09 299.37 1837.89 361.323 1780.39 431.937C1746.62 473.413 1709.49 509.725 1670.04 539.859C1620.72 577.536 1567.6 605.613 1512.17 623.309C1477.42 634.399 1443.17 642.46 1407.47 647.951C1375.8 652.821 1343.8 655.526 1309.64 656.218C1246.38 657.502 1186.52 651.543 1128.62 645.78C1037.2 636.682 950.846 628.088 860.097 648.017C760.991 669.783 713.712 710.372 667.988 749.624C648.875 766.031 630.822 781.531 609.181 795.781C584.652 811.933 559.886 823.561 531.241 832.369C474.018 849.97 417.584 852.32 363.011 854.589C300.174 857.203 235.199 859.905 169.167 886.066C106.805 910.876 69.2754 951.507 48.7759 981.221C26.5663 1013.41 19.0104 1040.06 18.9368 1040.33Z" fill="url(#paint8_linear)"/>
+<path d="M13.4878 1026.89L12.285 1026.68C12.3464 1026.41 18.855 999.549 39.8741 967.066C52.2205 947.988 67.0828 930.722 84.0478 915.753C105.259 897.038 129.841 881.874 157.111 870.689C221.384 844.43 287.194 840.782 350.836 837.26C407.205 834.139 465.492 830.91 521.894 811.818C582.083 791.445 615.612 761.158 651.105 729.09C695.602 688.889 741.616 647.319 844.732 623.85C935.251 603.25 1021.23 610.459 1112.25 618.093C1230.78 628.032 1353.34 638.309 1498.96 588.194C1623.12 545.465 1709.07 459.756 1759.32 395.38C1813.77 325.615 1839.17 265.197 1839.42 264.594L1840.58 264.943C1840.33 265.547 1814.88 326.086 1760.34 395.96C1728.31 436.999 1692.66 473.189 1654.38 503.515C1606.51 541.433 1554.38 570.251 1499.42 589.164C1464.41 601.211 1429.9 610.127 1393.9 616.418C1361.95 622 1329.66 625.358 1295.17 626.678C1283.74 627.114 1272.41 627.313 1261.19 627.313C1209.67 627.313 1160.24 623.166 1112.14 619.134C1021.23 611.51 935.358 604.308 845.055 624.862C742.275 648.255 696.383 689.713 652.001 729.81C634.095 745.986 617.179 761.27 596.708 775.495C573.5 791.623 549.871 803.475 522.348 812.792C465.762 831.943 407.377 835.176 350.914 838.303C287.386 841.822 221.699 845.46 157.639 871.635C96.1814 896.846 60.2591 937.721 40.946 967.575C20.021 999.915 13.5491 1026.62 13.4878 1026.89Z" fill="url(#paint9_linear)"/>
+<path d="M8.0386 1013.44L6.8277 1013.27C6.88089 1013 12.2972 986.081 32.0277 953.441C43.6172 934.272 57.8004 916.901 74.1927 901.814C94.6841 882.952 118.698 867.624 145.567 856.257C207.888 829.995 274.336 825.443 338.592 821.037C396.92 817.04 457.237 812.907 512.955 792.244C570.764 770.81 602.12 740.917 635.318 709.269C678.346 668.247 722.839 625.829 829.673 600.684C919.71 579.494 1005.17 585.345 1095.66 591.538C1139.47 594.537 1183.84 597.574 1229.65 597.574C1309.18 597.574 1393.09 588.428 1486.18 554.042C1609.27 508.58 1691.75 423.109 1739.26 359.417C1790.75 290.395 1813.4 231.381 1813.63 230.794L1814.79 231.116C1814.57 231.706 1791.87 290.845 1740.3 359.979C1710.01 400.585 1675.83 436.65 1638.71 467.171C1592.31 505.33 1541.15 534.88 1486.67 555.002C1451.39 568.03 1416.6 577.819 1380.29 584.926C1348.07 591.234 1315.47 595.252 1280.65 597.211C1216.15 600.834 1154.84 596.638 1095.56 592.578C1005.19 586.392 919.828 580.545 830 601.69C723.514 626.754 679.144 669.054 636.23 709.96C620.227 725.215 603.679 740.991 584.341 755.206C562.41 771.323 539.881 783.398 513.446 793.197C457.539 813.926 397.121 818.07 338.69 822.074C274.545 826.469 208.219 831.014 146.111 857.189C85.5818 882.802 51.2631 923.911 33.1363 953.887C13.4836 986.384 8.08771 1013.17 8.0386 1013.44Z" fill="url(#paint10_linear)"/>
+<path d="M2.58545 999.992L1.37045 999.856C1.41138 999.587 5.73953 972.609 24.1814 939.816C35.0141 920.556 48.5223 903.081 64.3377 887.878C84.1091 868.87 107.554 853.377 134.026 841.833C194.433 815.574 261.45 810.142 326.262 804.888C386.62 799.998 449.035 794.939 504.025 772.681C559.522 750.221 588.788 720.691 619.773 689.43C661.206 647.623 704.054 604.395 814.619 577.533C904.14 555.784 989.067 560.315 1078.98 565.112C1200.22 571.581 1325.6 578.269 1473.41 519.915C1595.44 471.74 1674.43 386.521 1719.2 323.517C1767.73 255.227 1787.64 197.592 1787.83 197.016L1789.01 197.31C1788.82 197.886 1768.87 255.629 1720.27 324.033C1691.72 364.21 1659.02 400.152 1623.07 430.865C1578.12 469.262 1527.94 499.542 1473.93 520.868C1438.38 534.898 1403.31 545.577 1366.69 553.515C1334.18 560.563 1301.29 565.252 1266.12 567.852C1200.96 572.67 1138.91 569.36 1078.9 566.159C989.096 561.37 904.271 556.842 814.954 578.541C704.745 605.317 662.024 648.422 620.71 690.107C605.786 705.164 590.351 720.737 572.097 734.945C551.671 750.846 529.576 763.497 504.548 773.627C479.778 783.653 451.436 791.065 417.903 796.283C387.986 800.94 356.666 803.478 326.373 805.932C261.675 811.176 194.776 816.597 134.579 842.765C74.9536 868.772 42.2427 910.125 25.3023 940.238C6.93817 972.885 2.62637 999.727 2.58545 999.992Z" fill="url(#paint11_linear)"/>
+<path d="M-2.86774 986.548L-4.09091 986.447C-4.0582 986.178 -0.822266 959.141 16.3309 926.197C26.4068 906.847 39.24 889.267 54.4786 873.945C73.53 854.791 96.4105 839.131 122.482 827.408C181.019 801.157 248.547 794.876 313.859 788.806C376.306 783 440.877 776.996 495.086 753.122C548.349 729.666 575.603 700.465 604.46 669.549C644.179 626.999 685.252 582.996 799.556 554.381C888.533 532.105 972.904 535.352 1062.23 538.79C1184.89 543.51 1311.72 548.394 1460.63 485.781C1581.63 434.904 1657.13 349.925 1699.16 287.595C1744.72 220.039 1761.86 163.793 1762.03 163.235L1763.22 163.493C1763.05 164.055 1745.87 220.416 1700.24 288.087C1673.44 327.835 1642.22 363.658 1607.43 394.56C1563.94 433.194 1514.73 464.2 1461.17 486.72C1311.98 549.452 1184.99 544.564 1062.18 539.838C972.957 536.403 888.684 533.16 799.904 555.386C685.972 583.907 645.022 627.777 605.422 670.202C591.537 685.077 577.178 700.458 559.972 714.676C540.708 730.595 519.668 743.473 495.65 754.05C471.224 764.809 442.673 772.873 408.367 778.71C377.759 783.918 345.342 786.931 313.99 789.846C248.797 795.91 181.379 802.176 123.05 828.333C64.3295 854.739 33.2263 896.34 17.4682 926.588C0.388611 959.382 -2.83502 986.279 -2.86774 986.548Z" fill="url(#paint12_linear)"/>
+<path d="M-8.32095 973.101L-9.54413 973.035C-9.52368 972.766 -7.37595 945.673 8.4845 912.572C17.8036 893.131 29.9618 875.447 44.6195 860.01C62.9468 840.709 85.2627 824.884 110.937 812.98C167.65 786.736 235.649 779.639 301.41 772.776C365.993 766.035 432.773 759.063 486.147 733.555C537.275 709.119 562.619 680.232 589.451 649.648C608.314 628.147 627.82 605.917 657.074 585.565C689.952 562.689 731.635 544.917 784.497 531.226C824.723 520.92 866.254 515.031 915.19 512.692C958.373 510.629 1000.5 511.628 1045.09 512.685C1070.71 513.293 1096.54 513.907 1122.67 513.907C1223.21 513.907 1328.68 504.852 1447.85 451.647C1567.83 398.086 1639.85 313.344 1679.13 251.688C1721.71 184.865 1736.1 130.001 1736.24 129.453L1737.43 129.677C1737.29 130.225 1722.89 185.207 1680.23 252.155C1655.18 291.477 1625.43 327.179 1591.81 358.269C1549.77 397.136 1501.53 428.865 1448.43 452.572C1297.99 519.734 1169.41 516.682 1045.06 513.729C956.573 511.628 872.996 509.645 784.857 532.224C667.301 562.665 628.229 607.202 590.441 650.273C577.546 664.973 564.21 680.172 547.998 694.401C529.834 710.344 509.801 723.449 486.753 734.466C462.694 745.965 433.939 754.696 398.835 761.161C367.515 766.928 333.986 770.43 301.561 773.812C235.915 780.665 168.034 787.748 111.526 813.898C53.6972 840.712 24.1936 882.572 9.62589 912.967C-6.16504 945.911 -8.30051 972.833 -8.32095 973.101Z" fill="url(#paint13_linear)"/>
+<path d="M-13.774 959.654L-15.0013 959.626C-14.9931 959.358 -13.9377 932.205 0.638245 898.954C9.20053 879.423 20.6796 861.633 34.7646 846.078C52.3719 826.63 74.1151 810.641 99.3969 798.556C154.387 772.294 222.856 764.383 289.072 756.735C355.762 749.03 424.722 741.064 477.213 713.992C526.156 688.582 550.718 658.626 574.47 629.655C592.421 607.764 610.982 585.125 639.961 564.312C655.568 553.103 672.836 543.332 692.755 534.437C715.111 524.453 740.197 515.827 769.439 508.067C809.391 497.524 850.656 491.255 899.305 488.333C942.218 485.756 984.036 486.172 1028.31 486.608C1154 487.854 1283.96 489.139 1435.08 417.506C1554.14 361.389 1622.67 276.864 1659.2 215.839C1698.77 149.718 1710.33 96.199 1710.44 95.6683L1711.64 95.8533C1711.53 96.3875 1699.94 150.057 1660.29 216.318C1637 255.231 1608.73 290.817 1576.26 322.085C1535.67 361.173 1488.37 393.586 1435.67 418.424C1284.27 490.193 1154.14 488.902 1028.29 487.656C940.381 486.786 857.348 485.962 769.803 509.065C648.434 541.272 611.346 586.508 575.476 630.252C551.651 659.311 527.016 689.357 477.851 714.882C454.185 727.086 425.238 736.47 389.348 743.571C357.333 749.903 322.716 753.904 289.236 757.768C223.135 765.403 154.78 773.299 99.9941 799.463C43.0896 826.668 15.1896 868.761 1.80414 899.279C-12.7063 932.38 -13.7659 959.385 -13.774 959.654Z" fill="url(#paint14_linear)"/>
+<path d="M-20.4545 946.214C-20.4545 945.942 -20.4913 918.734 -7.20407 885.333C0.601379 865.711 11.4055 847.816 24.9096 832.146C41.7968 812.551 62.9714 796.395 87.8523 784.132C141.083 757.89 209.905 749.244 276.46 740.879C345.42 732.215 416.729 723.254 468.274 694.429C515.311 668.125 538.016 638.337 559.968 609.527C576.933 587.262 594.479 564.243 623.107 542.997C638.517 531.561 655.814 521.542 675.986 512.364C698.613 502.07 724.255 493.091 754.376 484.912C793.538 474.278 835.765 467.426 883.473 463.959C926.129 460.859 969.586 460.667 1011.62 460.482C1138.71 459.917 1270.12 459.334 1422.3 383.375C1540.28 324.483 1605.32 240.216 1639.11 179.897C1675.73 114.526 1684.55 62.4105 1684.64 61.8903L1685.85 62.0334C1685.77 62.5536 1676.93 114.799 1640.23 180.309C1618.69 218.782 1591.89 254.246 1560.59 285.71C1521.46 325.042 1475.14 358.206 1422.92 384.272C1270.46 460.374 1138.88 460.957 1011.62 461.523C924.271 461.91 841.77 462.277 754.744 485.903C629.771 519.835 594.806 565.719 560.991 610.089C538.965 638.99 516.191 668.872 468.941 695.295C445.701 708.292 416.536 718.38 379.792 726.141C347.02 733.06 311.236 737.556 276.631 741.906C210.191 750.256 141.484 758.889 88.4578 785.029C32.4573 812.635 6.16092 854.973 -6.03818 885.626C-19.26 918.877 -19.2273 945.939 -19.2273 946.208L-20.4545 946.214Z" fill="url(#paint15_linear)"/>
+<path d="M-28.5013 938.656L-29.7286 938.635C-29.7204 938.363 -28.9022 911.015 -15.1977 877.468C-7.14676 857.762 3.71051 839.797 17.0714 824.071C33.7787 804.41 54.4705 788.216 78.57 775.938C129.461 750.015 196.31 740.533 260.959 731.366C330.153 721.553 401.703 711.409 453.248 681.027C498.817 654.168 520.302 623.577 541.08 593.992C557.194 571.05 573.856 547.326 601.638 525.141C616.602 513.192 633.477 502.663 653.22 492.951C675.389 482.049 700.568 472.459 730.199 463.627C769.496 451.961 810.278 444.529 858.543 440.245C901.121 436.465 942.746 435.707 986.813 434.904C1113.07 432.604 1243.64 430.223 1393.06 352.425C1509.44 291.833 1571.41 204.822 1602.9 142.499C1637.03 74.9708 1643.7 21.0991 1643.77 20.5649L1644.99 20.6697C1644.92 21.2073 1638.22 75.2396 1604.03 142.914C1583.95 182.662 1558.45 219.274 1528.24 251.74C1490.48 292.325 1445.21 326.501 1393.7 353.318C1244 431.263 1113.27 433.648 986.842 435.952C899.354 437.547 816.717 439.052 730.604 464.619C607.635 501.263 574.335 548.68 542.135 594.533C521.292 624.213 499.737 654.901 453.948 681.89C430.715 695.584 401.474 706.364 364.553 714.847C331.658 722.405 295.822 727.488 261.164 732.403C196.63 741.553 129.899 751.017 79.2041 776.839C24.9587 804.469 -1.43585 846.982 -14.0236 877.778C-27.675 911.176 -28.4931 938.388 -28.5013 938.656Z" fill="url(#paint16_linear)"/>
+<path d="M-37.7714 931.109L-38.9987 931.06C-38.9823 930.788 -37.3132 903.297 -23.1832 869.606C-14.8828 849.817 -3.97641 831.782 9.2413 816.004C25.7686 796.273 45.9736 780.04 69.2918 767.756C91.1045 756.26 118.055 746.87 151.679 739.039C181.657 732.061 214.135 726.922 245.54 721.955C314.939 710.976 386.701 699.627 438.222 667.633C482.306 640.257 501.664 610.277 522.155 578.538C552.845 531.006 584.583 481.857 706.013 442.351C744.897 429.783 785.438 421.573 833.6 416.507C876.101 412.039 917.832 410.699 962.01 409.281C1087.44 405.253 1217.13 401.088 1363.81 321.478C1478.59 259.197 1537.48 169.456 1566.67 105.139C1598.31 35.4467 1602.85 -20.2089 1602.89 -20.7604L1604.11 -20.6941C1604.07 -20.139 1599.52 35.6771 1567.82 105.516C1549.2 146.534 1525 184.303 1495.89 217.766C1459.49 259.602 1415.28 294.793 1364.47 322.361C1217.51 402.125 1087.64 406.293 962.055 410.325C874.415 413.139 791.64 415.795 706.451 443.328C585.442 482.695 553.815 531.676 523.231 579.041C513.376 594.303 503.186 610.085 490.169 625.11C475.584 641.94 458.832 656.127 438.942 668.478C387.2 700.608 315.299 711.981 245.765 722.981C183.121 732.892 118.342 743.138 69.9381 768.642C17.4395 796.304 -9.04913 839.005 -22.0296 869.956C-36.0941 903.503 -37.7592 930.837 -37.7714 931.109Z" fill="url(#paint17_linear)"/>
+<path d="M-47.0454 923.559L-48.2686 923.482C-48.2441 923.206 -45.72 895.575 -31.1727 861.741C-22.6268 841.864 -11.6632 823.76 1.41138 807.933C17.7628 788.136 37.4769 771.865 60.0137 759.566C80.8282 748.207 106.72 738.76 139.173 730.682C168.132 723.474 199.698 717.958 230.224 712.624C299.794 700.465 371.737 687.891 423.196 654.235C465.783 626.384 483.963 595.671 503.21 563.157C532.268 514.075 562.312 463.32 681.832 421.073C766.276 391.484 849.305 387.658 937.207 383.609C1061.79 377.87 1190.61 371.932 1334.57 290.534C1447.72 226.57 1503.54 134.114 1530.43 67.8144C1559.59 -4.04596 1562 -61.5133 1562.02 -62.0858L1563.25 -62.0544C1563.23 -61.4819 1560.81 -3.8819 1531.61 68.1216C1514.45 110.414 1491.55 149.331 1463.54 183.796C1428.51 226.881 1385.35 263.089 1335.25 291.407C1300.64 310.981 1266.1 326.739 1229.65 339.582C1197.3 350.983 1164.27 359.78 1128.67 366.476C1062.71 378.875 998.943 381.815 937.276 384.656C849.481 388.702 766.555 392.521 682.302 422.044C563.204 464.144 533.262 514.721 504.307 563.632C495.033 579.295 485.444 595.493 473.077 610.85C459.237 628.036 443.164 642.502 423.941 655.073C372.256 688.875 300.175 701.474 230.465 713.657C166.889 724.769 106.838 735.266 60.6723 760.456C9.94095 788.139 -16.6418 831 -30.0109 862.08C-44.505 895.774 -47.025 923.286 -47.0454 923.559Z" fill="url(#paint18_linear)"/>
+<path d="M-56.3195 916.007L-57.5427 915.903C-57.51 915.627 -54.135 887.857 -39.1664 853.873C-30.375 833.912 -19.3582 815.738 -6.42682 799.854C9.74454 779.991 28.9759 763.682 50.7273 751.373C94.8927 726.385 153.237 715.207 215.006 703.369C284.715 690.013 356.797 676.199 408.162 640.83C449.239 612.546 466.241 581.118 484.245 547.842C511.654 497.179 539.996 444.791 657.646 399.782C741.138 368.169 824.326 363.166 912.4 357.87C1036.13 350.431 1164.07 342.737 1305.32 259.573C1416.88 193.909 1469.62 98.7054 1494.22 30.4023C1520.87 -43.6154 1521.14 -102.842 1521.14 -103.432H1522.37C1522.37 -102.842 1522.1 -43.4548 1495.39 30.7095C1479.7 74.2726 1458.1 114.341 1431.18 149.805C1397.52 194.143 1355.41 231.363 1306.02 260.436C1272.06 280.432 1238.07 296.622 1202.11 309.937C1170.2 321.754 1137.54 330.984 1102.28 338.15C1036.96 351.426 973.681 355.231 912.485 358.911C824.523 364.199 741.441 369.195 658.146 400.732C540.916 445.576 512.673 497.786 485.358 548.275C467.296 581.662 450.233 613.199 408.931 641.64C357.341 677.163 285.116 691.001 215.272 704.385C153.618 716.198 95.3795 727.359 51.4023 752.239C2.43411 779.96 -24.2468 822.996 -38.0045 854.218C-52.9241 888.077 -56.2909 915.732 -56.3195 916.007Z" fill="url(#paint19_linear)"/>
+<path d="M-65.5978 908.457L-66.8169 908.328C-66.7759 908.048 -62.5459 880.138 -47.1559 846.011C-38.1151 825.963 -27.0491 807.72 -14.261 791.787C1.73041 771.858 20.4749 755.51 41.4449 743.19C83.4709 718.502 140.032 706.7 199.914 694.202C269.718 679.635 341.902 664.571 393.132 627.438C432.679 598.775 448.47 566.616 465.189 532.57C477.875 506.74 490.991 480.031 515.385 453.937C542.929 424.477 581.551 399.803 633.461 378.509C716.04 344.633 799.548 338.454 887.96 331.912C1010.74 322.829 1137.69 313.435 1276.07 228.637C1386.02 161.283 1435.69 63.3495 1457.99 -6.95044C1482.16 -83.1326 1480.29 -144.143 1480.27 -144.751L1481.5 -144.782C1481.52 -144.175 1483.39 -83.0034 1459.18 -6.67462C1444.95 38.1591 1424.65 79.3798 1398.82 115.842C1366.53 161.43 1325.47 199.666 1276.79 229.489C1243.52 249.876 1210.12 266.475 1174.68 280.233C1143.24 292.444 1110.99 302.082 1076.1 309.706C1011.48 323.824 948.743 328.467 888.067 332.956C799.769 339.491 716.371 345.659 633.993 379.455C518.433 426.861 491.94 480.806 466.323 532.978C449.546 567.144 433.698 599.41 393.93 628.238C342.479 665.531 270.155 680.626 200.209 695.222C140.441 707.695 83.9863 719.476 42.1445 744.052C-5.08096 771.791 -31.86 815.016 -46.0064 846.388C-61.3473 880.397 -65.5569 908.181 -65.5978 908.457Z" fill="url(#paint20_linear)"/>
+<path d="M-74.8718 900.906L-76.0868 900.749C-76.0377 900.47 -70.9568 872.417 -55.1454 838.146C-45.859 818.014 -34.74 799.701 -22.095 783.716C-6.27951 763.724 11.9742 747.334 32.1628 735.004C72.1064 710.613 126.925 698.224 184.962 685.105C254.823 669.316 327.06 652.989 378.102 614.044C416.135 585.024 430.744 552.189 446.208 517.426C458.031 490.85 470.254 463.369 493.793 436.259C520.405 405.612 558.18 379.762 609.271 357.232C690.848 321.261 774.536 313.882 863.137 306.069C985.054 295.317 1111.12 284.202 1246.82 197.69C1355.16 128.654 1401.75 28.0006 1421.75 -44.2822C1443.44 -122.632 1439.43 -185.458 1439.39 -186.083L1440.62 -186.146C1440.66 -185.521 1444.68 -122.566 1422.96 -44.0727C1410.2 2.03174 1391.19 44.4044 1366.46 81.8654C1335.54 128.703 1295.54 167.955 1247.56 198.528C1214.94 219.323 1182.09 236.345 1147.14 250.567C1116.13 263.183 1084.25 273.247 1049.71 281.336C985.733 296.312 923.478 301.803 863.272 307.109C774.79 314.911 691.216 322.281 609.844 358.16C496.056 408.332 471.301 463.98 447.361 517.796C431.841 552.681 417.183 585.631 378.925 614.823C327.661 653.935 255.281 670.297 185.281 686.117C127.354 699.208 72.6423 711.577 32.8787 735.856C-12.5795 763.616 -39.4527 807.001 -53.9918 838.51C-69.7581 872.675 -74.8227 900.63 -74.8718 900.906Z" fill="url(#paint21_linear)"/>
+<path d="M-84.1459 893.355L-85.3527 893.174C-85.2954 892.894 -79.3636 864.702 -63.1309 830.285C-53.595 810.069 -42.4227 791.686 -29.925 775.649C-14.2895 755.59 3.47729 739.162 22.8846 726.821C60.7991 702.713 113.924 689.772 170.165 676.071C240.034 659.049 312.284 641.451 363.08 600.649C399.608 571.312 413.035 537.82 427.246 502.363C438.202 475.029 449.534 446.767 472.21 418.626C497.88 386.772 534.805 359.728 585.098 335.955C665.644 297.876 749.508 289.285 838.293 280.184C959.351 267.781 1084.53 254.952 1217.59 166.743C1324.33 96.007 1367.84 -7.39026 1385.54 -81.6768C1404.73 -162.184 1398.59 -226.773 1398.53 -227.415L1399.75 -227.506C1399.77 -227.346 1401.35 -211.081 1400.54 -185.071C1399.79 -161.071 1396.79 -123.613 1386.74 -81.4674C1375.45 -34.0923 1357.74 9.43243 1334.11 47.8918C1304.55 95.9791 1265.6 136.247 1218.34 167.571C1186.36 188.774 1154.05 206.215 1119.58 220.891C1089 233.908 1057.5 244.392 1023.29 252.941C959.96 268.769 898.184 275.098 838.44 281.221C749.778 290.308 666.029 298.888 585.691 336.866C473.65 389.833 450.65 447.21 428.404 502.698C414.139 538.281 400.668 571.891 363.919 601.407C312.901 642.383 240.509 660.019 170.497 677.072C114.365 690.746 61.3473 703.663 23.6127 727.656C-20.0905 755.443 -47.0618 799.003 -61.9895 830.651C-78.1732 864.974 -84.0886 893.076 -84.1459 893.355Z" fill="url(#paint22_linear)"/>
+<path d="M-93.42 885.804L-94.6228 885.598C-94.5573 885.315 -87.7746 856.983 -71.1205 822.42C-61.3391 802.116 -50.1137 783.664 -37.7591 767.574C-22.3037 747.449 -5.02368 730.982 13.6022 718.631C49.545 694.799 101.021 681.338 155.52 667.088C225.352 648.827 297.56 629.948 348.055 587.248C383.085 557.624 395.333 523.504 408.297 487.376C418.381 459.278 428.809 430.223 450.618 401.036C475.335 367.956 511.413 339.704 560.917 314.671C640.411 274.469 724.443 264.649 813.412 254.253C933.611 240.209 1057.91 225.684 1188.34 135.796C1293.47 63.3704 1333.91 -42.7602 1349.31 -119.044C1366.02 -201.715 1357.74 -268.088 1357.65 -268.751L1358.87 -268.866C1358.89 -268.702 1361.02 -251.991 1361.04 -225.272C1361.07 -200.616 1359.26 -162.142 1350.52 -118.869C1340.69 -70.2231 1324.28 -25.55 1301.74 13.9113C1273.56 63.2518 1235.66 104.532 1189.1 136.606C1157.75 158.211 1125.98 176.071 1091.99 191.201C1061.84 204.616 1030.72 215.518 996.848 224.525C934.155 241.197 872.849 248.361 813.567 255.29C724.729 265.672 640.812 275.478 561.535 315.571C451.211 371.363 429.987 430.495 409.463 487.683C396.45 523.94 384.161 558.182 348.91 587.991C326.213 607.184 296.873 623.337 259.212 637.367C225.929 649.77 190.313 659.08 155.872 668.087C101.483 682.308 50.1136 695.742 14.3468 719.455C-27.6014 747.271 -54.6668 791.005 -69.9873 822.797C-86.5923 857.273 -93.3546 885.525 -93.42 885.804Z" fill="url(#paint23_linear)"/>
+<path d="M-102.698 878.253L-103.897 878.023C-103.823 877.74 -96.1895 849.265 -79.1182 814.558C-69.0872 794.171 -57.8127 775.648 -45.5972 759.506C-30.3218 739.315 -13.5286 722.81 4.31592 710.449C38.3441 686.875 88.2287 672.928 141.038 658.158C210.784 638.655 282.907 618.488 333.021 573.853C366.566 543.978 377.64 509.247 389.369 472.477C398.577 443.604 408.097 413.746 429.026 383.501C452.778 349.178 488.005 319.704 536.727 293.397C615.142 251.056 699.341 240 788.482 228.292C907.834 212.617 1031.25 196.409 1159.09 104.853C1262.61 30.741 1299.97 -78.1091 1313.09 -156.375C1327.3 -241.215 1316.89 -309.399 1316.78 -310.08L1318 -310.22C1318.03 -310.049 1320.68 -292.891 1321.55 -265.463C1322.35 -240.154 1321.74 -200.661 1314.31 -156.257C1305.95 -106.34 1290.83 -60.5149 1269.39 -20.0552C1242.58 30.535 1205.73 72.8309 1159.88 105.656C1129.15 127.663 1097.92 145.93 1064.4 161.51C1034.67 175.324 1003.93 186.638 970.396 196.098C908.337 213.612 847.501 221.599 788.67 229.328C699.66 241.019 615.584 252.061 537.386 294.284C428.764 352.934 408.465 416.591 390.555 472.756C378.79 509.659 367.675 544.515 333.912 574.583C311.396 594.638 282.138 611.621 244.469 626.503C211.218 639.639 175.737 649.56 141.423 659.157C88.7237 673.896 38.9455 687.814 5.0932 711.266C-35.1041 739.113 -62.2677 783.028 -77.9809 814.967C-95.0113 849.586 -102.62 877.971 -102.698 878.253Z" fill="url(#paint24_linear)"/>
+<path d="M-111.972 870.702L-113.163 870.448C-113.081 870.161 -104.596 841.546 -87.1036 806.693C-76.8272 786.219 -65.4995 767.626 -53.4272 751.432C-38.3318 731.174 -22.0254 714.631 -4.96634 702.259C27.2046 678.933 75.551 664.519 126.736 649.264C193.107 629.481 268.331 607.055 317.995 560.455C350.076 530.356 359.984 495.039 370.477 457.651C378.798 427.992 387.405 397.325 407.446 366.008C430.216 330.421 464.592 299.712 512.542 272.116C589.856 227.625 674.215 215.316 763.523 202.284C882.029 184.994 1004.57 167.113 1129.84 73.9025C1231.76 -1.89911 1266.05 -113.486 1276.87 -193.745C1283 -239.208 1282.41 -279.657 1280.84 -305.58C1279.14 -333.675 1275.94 -351.241 1275.91 -351.416L1277.12 -351.58C1277.16 -351.405 1280.36 -333.801 1282.06 -305.664C1283.64 -279.699 1284.23 -239.19 1278.09 -193.655C1271.19 -142.468 1257.38 -95.4904 1237.03 -54.0323C1211.58 -2.19238 1175.8 41.1158 1130.65 74.6914C1100.54 97.0926 1069.84 115.772 1036.79 131.799C1007.49 146.004 977.114 157.73 943.92 167.644C882.491 185.992 822.121 194.8 763.74 203.317C674.562 216.328 590.335 228.62 513.237 272.986C406.301 334.527 387.904 400.068 371.676 457.899C361.146 495.423 351.201 530.866 318.907 561.163C296.603 582.091 267.46 599.92 229.811 615.664C196.625 629.543 161.305 640.072 127.146 650.255C76.0705 665.479 27.8264 679.861 -4.16861 703.062C-42.6068 730.933 -69.8686 775.027 -85.9745 807.109C-103.43 841.881 -111.89 870.416 -111.972 870.702Z" fill="url(#paint25_linear)"/>
+<path d="M-121.251 863.148L-122.433 862.872C-122.339 862.586 -113.007 833.828 -95.0933 798.832C-84.5714 778.274 -73.1864 759.611 -61.2614 743.365C-46.3419 723.041 -30.5265 706.462 -14.2487 694.08C16.1181 670.984 62.9918 656.13 112.615 640.407C178.81 619.43 253.837 595.657 302.969 547.064C333.614 516.756 342.401 480.897 351.708 442.934C359.161 412.517 366.873 381.064 386.01 348.661C407.782 311.801 441.262 279.803 488.365 250.839C564.57 204.365 648.961 190.789 738.311 176.417C856.027 157.482 977.748 137.898 1100.6 42.9557C1200.91 -34.539 1232.12 -148.859 1240.65 -231.116C1245.47 -277.709 1243.69 -319.174 1241.35 -345.757C1238.81 -374.561 1235.07 -392.577 1235.04 -392.755L1236.24 -392.94C1236.28 -392.762 1240.02 -374.711 1242.56 -345.862C1244.91 -319.24 1246.7 -277.716 1241.87 -231.049C1236.43 -178.591 1223.92 -130.466 1204.66 -88.0093C1180.59 -34.9196 1145.85 9.40454 1101.42 43.7307C1071.89 66.5472 1041.69 85.653 1009.08 102.141C980.182 116.753 950.155 128.898 917.28 139.277C856.448 158.477 796.504 168.119 738.532 177.446C649.321 191.798 565.057 205.353 489.076 251.691C383.993 316.311 367.478 383.696 352.906 443.147C343.571 481.246 334.751 517.231 303.897 547.745C281.843 569.559 252.843 588.239 215.251 604.856C182.156 619.483 147.019 630.619 113.04 641.385C63.5277 657.073 16.7563 671.895 -13.4346 694.859C-50.1178 722.758 -77.4778 767.026 -93.9683 799.247C-111.846 834.181 -121.156 862.866 -121.251 863.148Z" fill="url(#paint26_linear)"/>
+<path d="M-130.525 855.597L-131.699 855.297C-131.596 855.011 -121.414 826.11 -103.079 790.967C-92.3072 770.322 -80.8731 751.589 -69.0913 735.294C-54.3518 714.907 -39.0231 698.287 -23.5309 685.897C5.08505 663.015 50.5474 647.742 98.681 631.568C164.655 609.401 239.433 584.277 287.947 533.669C317.164 503.19 324.802 466.791 332.89 428.254C345.764 366.898 360.36 297.359 464.183 229.566C539.243 180.878 623.811 166.028 713.336 150.308C830.197 129.789 951.034 108.571 1071.36 12.0123C1170.06 -67.172 1198.2 -184.226 1204.42 -268.479C1207.95 -316.203 1204.97 -358.687 1201.85 -385.923C1198.47 -415.439 1194.21 -433.903 1194.17 -434.084L1195.37 -434.29C1195.41 -434.105 1199.69 -415.607 1203.07 -386.049C1206.19 -358.775 1209.17 -316.231 1205.65 -268.437C1201.68 -214.708 1190.46 -165.434 1172.31 -121.979C1149.6 -67.6398 1115.92 -22.2999 1072.2 12.7768C1043.28 35.9809 1013.6 55.4881 981.466 72.4085C952.985 87.4055 923.327 99.9553 890.787 110.774C830.59 130.79 771.104 141.235 713.582 151.334C624.195 167.03 539.763 181.855 464.924 230.4C361.477 297.946 346.93 367.275 334.092 428.439C325.976 467.115 318.31 503.644 288.892 534.333C267.124 557.041 238.308 576.583 200.798 594.079C167.821 609.46 132.897 621.193 99.1228 632.542C51.1037 648.677 5.74368 663.915 -22.7004 686.662C-57.6245 714.589 -85.0827 759.032 -101.966 791.396C-120.265 826.476 -130.426 855.311 -130.525 855.597Z" fill="url(#paint27_linear)"/>
+<path d="M-139.803 848.043L-140.969 847.722C-140.858 847.432 -129.825 818.391 -111.072 783.102C-93.7554 750.514 -66.1213 705.778 -32.8172 677.711C-5.90314 655.024 38.2173 639.342 84.9273 622.74C150.635 599.382 225.115 572.91 272.917 520.271C300.731 489.645 307.227 452.725 314.108 413.641C325.215 350.55 337.803 279.042 439.998 208.285C513.892 157.363 598.623 141.228 688.324 124.147C804.33 102.057 924.288 79.2156 1042.11 -18.9382C1139.21 -99.8156 1164.27 -219.603 1168.2 -305.853C1170.43 -354.708 1166.25 -398.212 1162.36 -426.104C1158.14 -456.328 1153.34 -475.242 1153.29 -475.43L1154.49 -475.654C1154.54 -475.465 1159.35 -456.52 1163.58 -426.254C1167.48 -398.323 1171.65 -354.764 1169.43 -305.839C1166.92 -250.839 1157.01 -200.413 1139.94 -155.96C1118.61 -100.371 1085.98 -54.0184 1042.97 -18.1912C1014.65 5.39685 985.492 25.2985 953.824 42.6519C925.761 58.0293 896.466 70.9771 864.27 82.2318C804.702 103.059 745.675 114.296 688.594 125.166C599.032 142.22 514.44 158.327 440.771 209.095C338.948 279.594 326.397 350.889 315.323 413.791C308.418 453.015 301.897 490.064 273.886 520.906C225.884 573.766 151.249 600.293 85.3978 623.7C38.8023 640.26 -5.21179 655.907 -31.9582 678.448C-65.1273 706.403 -92.6836 751.02 -109.955 783.524C-128.68 818.772 -139.692 847.757 -139.803 848.043Z" fill="url(#paint28_linear)"/>
+<path d="M-149.081 840.492L-150.243 840.15C-150.124 839.86 -138.24 810.676 -119.066 775.24C-101.361 742.52 -73.6364 697.62 -42.1078 669.532C-16.8423 647.023 26.0017 630.947 71.3576 613.925C136.759 589.381 210.882 561.565 257.887 506.88C284.322 476.125 289.694 438.713 295.38 399.102C304.691 334.258 315.241 260.76 415.816 187.012C488.516 133.835 573.406 116.404 663.284 97.955C778.443 74.311 897.525 49.8608 1012.87 -49.878C1108.37 -132.452 1130.35 -254.986 1131.98 -343.24C1132.9 -393.226 1127.54 -437.749 1122.87 -466.295C1117.82 -497.221 1112.48 -516.567 1112.43 -516.759L1113.62 -517C1113.68 -516.808 1119.03 -497.413 1124.09 -466.438C1128.76 -437.854 1134.14 -393.275 1133.21 -343.219C1132.18 -286.949 1123.56 -235.374 1107.59 -189.923C1087.62 -133.084 1056.05 -85.7157 1013.74 -49.1379C986.028 -25.1694 957.383 -4.87323 926.178 12.9059C898.527 28.6604 869.596 42.0027 837.736 53.6938C778.794 75.3199 720.221 87.3461 663.574 98.9778C573.844 117.399 489.093 134.802 416.622 187.811C316.411 261.295 305.889 334.576 296.607 399.231C293.69 419.552 290.933 438.748 285.562 456.88C279.523 477.267 271.047 493.353 258.885 507.501C211.688 562.41 137.405 590.288 71.8608 614.885C26.6154 631.862 -16.1183 647.899 -41.216 670.255C-72.626 698.238 -100.281 743.03 -117.949 775.677C-137.099 811.067 -148.962 840.202 -149.081 840.492Z" fill="url(#paint29_linear)"/>
+<path d="M-158.355 832.938L-159.505 832.575C-159.378 832.282 -146.647 802.958 -127.047 767.375C-108.953 734.522 -81.139 689.458 -51.3818 661.349C-27.72 638.997 11.9987 623.288 57.9928 605.1C123.042 579.376 196.769 550.216 242.869 493.485C267.955 462.619 272.209 424.732 276.717 384.621C280.501 350.938 284.416 316.109 299.847 279.231C317.479 237.099 347.506 199.973 391.643 165.734C463.12 110.288 548.166 91.5491 638.206 71.7137C752.523 46.5303 870.734 20.4882 983.626 -80.8285C1077.53 -165.096 1096.43 -290.363 1095.77 -380.61C1095.39 -431.728 1088.82 -477.27 1083.38 -506.472C1077.49 -538.11 1071.61 -557.903 1071.56 -558.102L1072.75 -558.36C1072.8 -558.165 1078.7 -538.323 1084.59 -506.636C1090.04 -477.396 1096.61 -431.801 1096.99 -380.617C1097.41 -323.077 1090.09 -270.353 1075.22 -223.903C1056.62 -165.815 1026.11 -117.434 984.51 -80.1059C957.383 -55.7603 929.25 -35.0731 898.503 -16.868C871.261 -0.736572 842.695 12.9966 811.166 25.1171C752.846 47.5392 694.718 60.3439 638.505 72.7296C548.616 92.5336 463.709 111.238 392.461 166.509C293.854 243.006 285.394 318.294 277.932 384.719C275.617 405.326 273.432 424.788 268.658 443.101C263.295 463.673 255.42 479.874 243.875 494.082C197.583 551.047 123.697 580.269 58.5041 606.053C12.6328 624.195 -26.9836 639.863 -50.4736 662.054C-80.1245 690.066 -107.877 735.028 -125.935 767.815C-145.51 803.356 -158.228 832.645 -158.355 832.938Z" fill="url(#paint30_linear)"/>
+<path d="M-166.525 831.252L-167.703 830.952C-167.6 830.662 -157.361 801.453 -140.441 765.546C-124.818 732.393 -100.145 686.578 -71.3168 656.595C-47.0945 631.404 -4.40179 613.601 40.7946 594.753C102.784 568.903 173.041 539.6 217.105 483.805C242.881 451.165 246.494 412.587 250.323 371.744C256.463 306.202 263.422 231.915 358.945 154.284C429.394 97.0298 513.667 77.0304 602.894 55.8546C713.36 29.6378 827.587 2.53101 934.883 -96.2513C1025.63 -180.344 1041.67 -303.695 1039.14 -392.361C1037.72 -442.588 1030.31 -487.251 1024.35 -515.873C1017.89 -546.889 1011.69 -566.274 1011.62 -566.466L1012.81 -566.742C1012.87 -566.55 1019.08 -547.13 1025.55 -516.075C1031.52 -487.418 1038.94 -442.696 1040.37 -392.406C1041.98 -335.867 1035.85 -283.951 1022.17 -238.101C1005.05 -180.759 975.984 -132.794 935.779 -95.5357C909.986 -71.7905 883.154 -51.5293 853.74 -33.586C827.673 -17.6814 800.26 -4.04242 769.942 8.11639C713.843 30.6118 657.605 43.9611 603.213 56.8669C514.141 78.0044 430.012 97.9724 359.783 155.045C264.6 232.397 257.662 306.474 251.542 371.827C249.578 392.773 247.725 412.556 243.111 431.372C237.919 452.53 229.979 469.377 218.119 484.392C173.876 540.417 103.459 569.786 41.3305 595.696C-3.74313 614.494 -46.3172 632.249 -70.3718 657.261C-99.1022 687.137 -123.713 732.847 -139.304 765.93C-156.195 801.796 -166.422 830.962 -166.525 831.252Z" fill="url(#paint31_linear)"/>
+<path d="M-174.698 829.566L-175.897 829.335C-175.819 829.045 -168.083 799.938 -153.847 763.696C-140.703 730.232 -119.172 683.663 -91.2436 651.844C-66.5549 623.714 -23.0154 604.608 23.0769 584.382C82.1823 558.444 149.171 529.044 191.34 474.132C217.808 439.666 220.741 400.414 223.842 358.858C228.657 294.381 234.115 221.299 326.238 142.844C395.53 83.8342 478.972 62.6374 567.311 40.1943C674.133 13.056 784.587 -15.0039 886.128 -111.66C974.046 -195.351 987.194 -316.814 982.743 -403.971C977.92 -498.446 951.955 -574.073 951.693 -574.827L952.871 -575.124C952.936 -574.935 959.51 -555.91 966.592 -525.448C973.129 -497.336 981.45 -453.452 983.974 -404.017C986.813 -348.445 981.896 -297.331 969.365 -252.096C953.693 -195.526 925.998 -148.042 887.044 -110.962C862.634 -87.7231 837.119 -67.8109 809.039 -50.084C784.141 -34.3645 757.874 -20.7954 728.738 -8.59814C674.808 13.9775 620.341 27.8156 567.667 41.1962C479.479 63.6009 396.18 84.7593 327.109 143.585C235.317 221.763 229.872 294.633 225.074 358.928C221.961 400.627 219.019 440.012 192.371 474.708C173.446 499.35 148.005 520.98 114.59 540.836C85.2055 558.298 53.9101 572.031 23.6414 585.314C-22.3199 605.484 -65.7368 624.538 -90.2577 652.472C-118.092 684.18 -139.565 730.637 -152.681 764.027C-166.897 800.225 -174.62 829.276 -174.698 829.566Z" fill="url(#paint32_linear)"/>
+<path d="M-182.872 827.876L-184.087 827.719C-184.034 827.429 -178.814 798.409 -167.269 761.825C-156.608 728.047 -138.224 680.72 -111.166 647.089C-86.0973 615.929 -41.9032 595.556 4.88449 573.986C61.2654 547.996 125.165 518.536 165.579 464.455C192.739 428.111 194.948 388.207 197.284 345.96C199.076 313.606 200.925 280.153 213.451 244.416C227.7 203.761 253.898 166.792 293.543 131.401C361.689 70.5652 444.264 48.0977 531.687 24.3107C634.782 -3.74225 741.383 -32.7482 837.388 -127.073C922.295 -210.495 932.568 -330.044 926.235 -415.642C919.366 -508.44 892.047 -582.448 891.773 -583.184L892.943 -583.502C893.217 -582.765 920.581 -508.653 927.462 -415.732C931.504 -361.145 927.793 -310.841 916.433 -266.21C902.225 -210.394 875.945 -163.354 838.321 -126.385C815.236 -103.701 790.998 -84.1798 764.231 -66.7008C740.483 -51.1942 715.349 -37.7193 687.391 -25.4976C635.625 -2.86957 582.975 11.4572 532.063 25.3091C444.796 49.0543 362.364 71.4834 294.435 132.127C205.981 211.092 202.017 282.771 198.515 346.012C196.171 388.402 193.954 428.443 166.619 465.021C148.471 489.303 124.2 510.682 92.4095 530.384C64.4072 547.741 34.4454 561.551 5.46948 574.911C-41.1832 596.418 -85.2505 616.732 -110.152 647.686C-137.111 681.192 -155.442 728.392 -166.079 762.086C-177.607 798.619 -182.819 827.59 -182.872 827.876Z" fill="url(#paint33_linear)"/>
+<path d="M-191.046 826.186L-192.269 826.106C-192.244 825.816 -189.552 796.873 -180.708 759.943C-172.538 725.844 -157.3 677.76 -131.085 642.341C-105.717 608.064 -61.0405 586.459 -13.7373 563.586C42.6927 536.298 101.045 508.081 139.827 454.785C167.674 416.514 169.118 375.981 170.648 333.064C171.785 301.164 172.959 268.175 184.545 232.805C197.709 192.618 222.672 155.705 260.853 119.962C327.817 57.2719 409.475 33.5058 495.929 8.3468C595.313 -20.5789 698.081 -50.489 788.65 -142.485C870.541 -225.67 877.934 -343.32 869.711 -427.371C860.797 -518.48 832.14 -590.822 831.849 -591.542L833.011 -591.88C833.302 -591.158 862.008 -518.697 870.934 -427.458C876.179 -373.862 873.671 -324.361 863.48 -280.337C850.737 -225.279 825.877 -178.672 789.59 -141.811C767.806 -119.682 744.828 -100.552 719.354 -83.328C696.743 -68.0413 672.725 -54.6642 645.938 -42.425C596.324 -19.7621 545.49 -4.96753 496.33 9.3382C410.032 34.4553 328.52 58.1795 261.765 120.67C176.596 200.389 174.085 270.891 171.867 333.096C170.333 376.156 168.885 416.828 140.862 455.337C123.443 479.277 100.26 500.418 69.9872 519.967C43.2818 537.213 14.5963 551.085 -13.1401 564.497C-60.3042 587.304 -104.85 608.846 -130.054 642.9C-156.166 678.186 -171.364 726.141 -179.509 760.152C-188.337 797.02 -191.021 825.9 -191.046 826.186Z" fill="url(#paint34_linear)"/>
+<path d="M-199.227 824.497L-200.454 824.493C-200.454 824.207 -200.307 795.327 -194.163 758.044C-190.554 736.142 -185.613 715.668 -179.476 697.183C-171.802 674.063 -162.221 654.011 -151.008 637.583C-125.423 600.112 -80.4149 577.309 -32.7599 553.166C21.1133 525.874 76.8192 497.65 114.063 445.105C142.589 404.862 143.231 363.721 143.906 320.165C144.397 288.716 144.904 256.198 155.565 221.187C167.666 181.454 191.41 144.6 228.15 108.515C258.104 79.097 292.701 56.0675 337.034 36.0436C376.196 18.3517 416.909 5.69366 460.01 -7.70795C555.705 -37.4645 654.66 -68.2333 739.898 -157.904C818.751 -240.855 823.263 -356.589 813.166 -439.076C802.219 -528.503 772.216 -599.204 771.914 -599.909L773.067 -600.269C773.37 -599.564 803.418 -528.758 814.385 -439.209C820.829 -386.604 819.524 -337.913 810.507 -294.49C799.233 -240.182 775.796 -194.007 740.851 -157.245C655.4 -67.3501 556.286 -36.5289 460.432 -6.72699C375.161 19.7935 294.615 44.8373 229.079 109.203C147.166 189.654 146.086 258.997 145.133 320.179C144.454 363.882 143.812 405.158 115.11 445.646C98.3701 469.262 76.2096 490.169 47.3605 509.564C21.8742 526.701 -5.58401 540.613 -32.1381 554.063C-79.6499 578.133 -124.527 600.869 -149.948 638.107C-175.242 675.152 -187.294 723.854 -192.952 758.187C-199.08 795.404 -199.227 824.211 -199.227 824.497Z" fill="url(#paint35_linear)"/>
+<path d="M-208.636 822.88C-208.661 822.594 -211.07 793.777 -207.638 756.138C-205.621 734.03 -202.013 713.242 -196.916 694.356C-190.538 670.733 -181.796 650.035 -170.93 632.828C-145.207 592.089 -100.002 568.121 -52.1468 542.749C-0.703583 515.471 52.4946 487.265 88.3023 435.432C117.499 393.167 117.295 351.451 117.082 307.284C116.931 276.288 116.775 244.238 126.532 209.58C137.594 170.286 160.139 133.489 195.46 97.0751C210.972 81.0798 227.725 66.9974 246.666 54.0182C263.581 42.4284 281.905 31.9697 302.678 22.045C341.321 3.58862 381.457 -9.73273 423.949 -23.836C515.978 -54.3815 611.141 -85.9672 691.159 -173.313C766.959 -256.058 768.592 -369.9 756.618 -450.83C743.633 -538.56 712.313 -607.579 711.998 -608.266L713.14 -608.647C713.454 -607.959 744.832 -538.818 757.837 -450.963C765.474 -399.35 765.372 -351.468 757.53 -308.649C747.724 -255.091 725.719 -209.343 692.129 -172.674C611.906 -85.0979 516.584 -53.4598 424.399 -22.8655C340.2 5.08276 260.681 31.4774 196.405 97.7419C117.683 178.895 118.015 247.1 118.309 307.277C118.526 351.59 118.726 393.45 89.3619 435.962C53.4028 488.015 0.0777893 516.292 -51.4963 543.636C-99.2086 568.934 -144.274 592.83 -169.846 633.324C-194.343 672.115 -203.253 721.564 -206.411 756.218C-209.839 793.78 -207.434 822.517 -207.409 822.804L-208.636 822.88Z" fill="url(#paint36_linear)"/>
+<path d="M-216.81 821.268C-216.859 820.981 -221.838 792.22 -221.118 754.221C-220.696 731.9 -218.422 710.805 -214.36 691.518C-209.279 667.395 -201.367 646.048 -190.841 628.07C-165.044 583.998 -119.778 558.898 -71.8569 532.325C-22.7169 505.078 28.0922 476.903 62.5459 425.751C92.4013 381.424 91.3172 339.156 90.1677 294.409C89.3822 263.864 88.5722 232.282 97.4372 197.966C107.476 159.098 128.847 122.353 162.765 85.625C177.963 69.1689 194.416 54.6397 213.063 41.1997C229.709 29.205 247.758 18.3412 268.249 7.99768C306.348 -11.2407 345.874 -25.2322 387.72 -40.0477C476.112 -71.3401 567.511 -103.697 642.416 -188.732C715.136 -271.289 713.896 -383.221 700.049 -462.584C685.039 -548.617 652.398 -615.96 652.07 -616.631L653.204 -617.036C653.531 -616.365 686.229 -548.9 701.264 -462.741C710.096 -412.126 711.192 -365.055 704.528 -322.832C696.195 -270.025 675.626 -224.696 643.394 -188.108C568.285 -102.842 476.73 -70.429 388.186 -39.0842C305.141 -9.67676 226.702 18.0899 163.726 86.2813C88.1468 168.108 89.7954 232.306 91.3909 294.392C92.5445 339.288 93.6327 381.696 63.6054 426.278C29.0045 477.651 -21.9314 505.892 -71.19 533.208C-118.968 559.701 -164.099 584.724 -189.749 628.542C-213.468 669.068 -219.236 719.267 -219.895 754.242C-220.611 792.153 -215.648 820.828 -215.599 821.114L-216.81 821.268Z" fill="url(#paint37_linear)"/>
+<path d="M-224.984 819.655C-225.061 819.369 -232.613 790.659 -234.618 752.305C-235.796 729.775 -234.855 708.368 -231.828 688.68C-228.04 664.055 -220.95 642.062 -210.76 623.316C-184.958 575.85 -139.741 549.647 -91.8737 521.908C-44.9305 494.707 3.61218 466.581 36.7854 416.078C67.2872 369.642 65.2826 326.864 63.1595 281.57C61.7481 251.475 60.2877 220.353 68.2731 186.373C77.3099 147.913 97.5231 111.217 130.066 74.1853C144.937 57.2649 161.079 42.2784 179.419 28.3741C195.783 15.9674 213.549 4.69519 233.734 -6.08472C271.256 -26.119 311.948 -41.4755 351.299 -56.3259C436.083 -88.3235 523.751 -121.407 593.664 -204.145C663.275 -286.523 659.168 -396.539 643.459 -474.324C626.433 -558.657 592.482 -624.339 592.139 -624.991L593.259 -625.417C593.599 -624.761 627.607 -558.982 644.662 -474.526C654.68 -424.91 656.984 -378.648 651.498 -337.023C644.637 -284.963 625.512 -240.052 594.659 -203.534C524.553 -120.569 436.725 -87.4229 351.794 -55.3693C269.967 -24.4852 192.682 4.68127 131.048 74.8171C58.5572 157.304 61.519 220.458 64.3826 281.528C66.514 326.972 68.5268 369.897 37.8531 416.588C4.53674 467.304 -44.1246 495.503 -91.1864 522.771C-138.911 550.426 -183.993 576.548 -209.651 623.752C-232.613 665.999 -235.24 716.938 -233.399 752.232C-231.402 790.499 -223.867 819.131 -223.793 819.418L-224.984 819.655Z" fill="url(#paint38_linear)"/>
+<path d="M-233.157 818.039C-233.26 817.753 -243.401 789.096 -248.13 750.381C-250.908 727.638 -251.305 705.921 -249.308 685.834C-246.813 660.71 -240.541 638.075 -230.678 618.558C-218.95 595.361 -202.668 575.675 -179.431 556.615C-158.924 539.789 -136.215 526.045 -112.173 511.495C-67.3241 484.35 -20.9455 456.283 11.0209 406.405C42.1568 357.825 39.1909 314.562 36.0573 268.762C34.0282 239.11 31.9254 208.449 39.0477 174.79C47.1027 136.721 66.1786 100.074 97.3677 62.7491C111.899 45.3609 127.718 29.9171 145.739 15.5311C161.808 2.70544 179.276 -8.98206 199.145 -20.2018C236.062 -41.0461 276.034 -57.1217 314.693 -72.6702C395.902 -105.331 479.88 -139.102 544.917 -219.554C611.395 -301.782 604.411 -409.889 586.849 -486.095C567.806 -568.721 532.567 -632.706 532.215 -633.345L533.324 -633.796C533.68 -633.157 568.972 -569.074 588.048 -486.322C599.253 -437.711 602.755 -392.259 598.451 -351.231C593.071 -299.914 575.399 -255.412 545.928 -218.96C530.255 -199.575 513.245 -182.435 493.916 -166.562C476.714 -152.43 458.071 -139.647 436.925 -127.478C397.685 -104.891 355.758 -88.0302 315.213 -71.7242C234.679 -39.3355 158.613 -8.74121 98.37 63.353C28.9105 146.479 33.1691 208.61 37.2845 268.699C40.4304 314.653 43.4045 358.063 12.1009 406.907C-20.0005 456.995 -66.4937 485.135 -111.457 512.347C-159.018 541.133 -203.944 568.32 -229.549 618.973C-251.779 662.945 -251.26 714.631 -246.911 750.252C-242.194 788.872 -232.086 817.452 -231.983 817.735L-233.157 818.039Z" fill="url(#paint39_linear)"/>
+<path d="M-241.323 816.419C-241.45 816.136 -254.189 787.528 -261.646 748.451C-266.028 725.498 -267.762 703.47 -266.797 682.982C-265.59 657.356 -260.137 634.078 -250.589 613.796C-238.917 589.007 -222.705 568.128 -199.559 548.09C-179.145 530.416 -156.592 516.162 -132.713 501.078C-89.8609 473.999 -45.5482 445.998 -14.7314 396.724C17.0182 345.959 13.0623 302.253 8.87317 255.978C6.23044 226.766 3.49365 196.559 9.7691 163.21C16.8546 125.522 34.8177 88.9168 64.6732 51.3058C78.8522 33.4463 94.3405 17.5383 112.025 2.67047C127.784 -10.5775 144.937 -22.6875 164.471 -34.3541C200.745 -56.0222 239.96 -72.824 277.887 -89.0776C355.565 -122.36 435.886 -156.777 496.174 -234.966C559.481 -317.065 549.63 -423.262 530.219 -497.891C509.171 -578.807 472.664 -641.088 472.295 -641.709L473.392 -642.181C473.76 -641.559 510.329 -579.18 531.413 -498.142C543.8 -450.537 548.497 -405.895 545.38 -365.463C541.481 -314.891 525.273 -270.793 497.205 -234.394C482.674 -215.546 466.777 -198.804 448.613 -183.21C432.434 -169.32 414.814 -156.672 394.748 -144.541C357.496 -122.018 317.307 -104.797 278.444 -88.1455C202.762 -55.715 124.503 -22.1848 65.7 51.8888C-0.79364 135.636 4.74133 196.775 10.0923 255.901C14.2936 302.33 18.2659 346.186 -13.6555 397.22C-44.6032 446.7 -89.0264 474.774 -131.989 501.919C-179.284 531.805 -223.957 560.036 -249.455 614.187C-270.965 659.876 -267.304 712.316 -260.444 748.259C-253.006 787.235 -240.308 815.759 -240.177 816.042L-241.323 816.419Z" fill="url(#paint40_linear)"/>
+<path d="M-249.488 814.799C-249.644 814.516 -264.981 785.957 -275.175 746.52C-281.164 723.355 -284.236 701.016 -284.302 680.13C-284.384 654.004 -279.745 630.084 -270.503 609.038C-259.073 582.996 -242.489 560.263 -219.801 539.544C-199.522 521.025 -176.126 505.592 -153.499 490.668C-112.557 463.662 -70.2165 435.742 -40.4919 387.051C-8.14917 334.069 -13.1319 289.951 -18.4092 243.243C-21.6573 214.464 -25.0201 184.707 -19.5833 151.655C-13.4387 114.32 3.4281 77.7529 31.9785 39.8626C57.7635 5.64471 89.7299 -23.2705 129.702 -48.5377C165.301 -71.0401 203.711 -88.5784 240.86 -105.534C315.049 -139.402 391.762 -174.423 447.427 -250.375C507.522 -332.366 494.804 -436.65 473.551 -509.694C450.507 -588.892 412.748 -649.459 412.368 -650.063L413.448 -650.559C413.828 -649.955 451.653 -589.29 474.734 -509.969C488.295 -463.373 494.19 -419.544 492.259 -379.703C489.845 -329.874 475.11 -286.174 448.466 -249.82C435.044 -231.507 420.239 -215.159 403.208 -199.848C388.031 -186.202 371.414 -173.69 352.407 -161.605C317.107 -139.155 278.64 -121.595 241.437 -104.612C167.146 -70.698 90.3231 -35.6283 33.0135 40.4281C-30.551 124.782 -23.756 184.952 -17.1819 243.142C-11.8882 290.007 -6.88916 334.275 -39.4037 387.533C-69.2551 436.426 -111.702 464.423 -152.751 491.495C-199.69 522.453 -244.027 551.696 -269.354 609.404C-290.164 656.821 -283.353 710.019 -273.976 746.297C-263.811 785.622 -248.527 814.08 -248.371 814.363L-249.488 814.799Z" fill="url(#paint41_linear)"/>
+<path d="M-257.654 813.176C-257.834 812.893 -275.785 784.387 -288.716 744.59C-296.313 721.212 -300.723 698.566 -301.819 677.278C-303.19 650.653 -299.356 626.091 -290.422 604.277C-279.094 576.618 -262.649 552.639 -240.149 530.967C-220.046 511.607 -196.896 495.671 -174.506 480.262C-135.393 453.34 -94.946 425.5 -66.2564 377.374C-33.3369 322.145 -39.375 277.657 -45.7732 230.557C-49.6228 202.204 -53.6032 172.884 -48.9887 140.122C-43.7769 103.122 -27.986 66.5822 -0.715973 28.4196C24.3613 -6.67456 55.6158 -36.4939 94.8313 -62.7455C129.714 -86.0963 167.273 -104.368 203.6 -122.039C277.605 -158.04 347.502 -192.042 398.68 -265.787C455.515 -347.691 439.932 -450.062 416.851 -521.517C391.823 -598.995 352.837 -657.841 352.444 -658.424L353.512 -658.944C353.904 -658.358 392.96 -599.417 418.029 -521.818C432.757 -476.23 439.85 -433.215 439.11 -393.967C438.185 -344.874 424.939 -301.569 399.735 -265.253C387.389 -247.464 373.647 -231.51 357.725 -216.482C343.526 -203.077 327.886 -190.712 309.923 -178.679C276.541 -156.316 239.768 -138.428 204.206 -121.128C131.392 -85.7053 56.0986 -49.0752 0.331299 28.9641C-60.3696 113.915 -52.3269 173.149 -44.55 230.435C-38.1355 277.698 -32.0728 322.34 -65.1601 377.849C-93.9683 426.177 -134.517 454.087 -173.733 481.079C-220.23 513.083 -264.15 543.311 -289.26 604.626C-309.383 653.76 -299.426 707.709 -287.53 744.314C-274.635 783.995 -256.75 812.401 -256.57 812.68L-257.654 813.176Z" fill="url(#paint42_linear)"/>
+<path d="M-265.815 811.552C-266.019 811.27 -286.584 782.812 -302.261 742.659C-311.469 719.071 -317.217 696.115 -319.34 674.429C-321.999 647.305 -318.968 622.101 -310.332 599.518C-299.127 570.222 -282.854 544.987 -260.583 522.369C-240.693 502.171 -217.82 485.742 -195.701 469.859C-158.339 443.024 -119.708 415.278 -92.0127 367.697C-58.5408 310.192 -65.6713 265.368 -73.2149 217.913C-77.6576 189.975 -82.2517 161.088 -78.4472 128.598C-74.1517 91.9225 -59.4204 55.4111 -33.4063 16.9797C20.9128 -63.2763 94.721 -101.551 166.099 -138.565C236.561 -175.104 303.116 -209.615 349.932 -281.196C403.462 -363.037 385.012 -463.505 360.107 -533.376C333.107 -609.122 292.926 -666.216 292.521 -666.785L293.572 -667.326C293.977 -666.757 334.236 -609.551 361.281 -533.68C377.17 -489.108 385.454 -446.906 385.912 -408.248C386.485 -359.895 374.74 -316.975 351.004 -280.687C339.705 -263.41 326.999 -247.844 312.153 -233.099C298.906 -219.934 284.228 -207.716 267.28 -195.739C235.771 -173.47 202.238 -156.082 166.729 -137.668C95.4901 -100.723 21.821 -62.5222 -32.3467 17.5034C-90.2454 103.041 -80.9713 161.367 -71.9999 217.773C-64.4277 265.393 -57.2767 310.37 -90.9122 368.162C-118.722 415.938 -157.451 443.754 -194.907 470.658C-240.885 503.679 -284.314 534.87 -309.162 599.843C-328.606 650.688 -315.511 705.376 -301.103 742.303C-285.476 782.347 -264.976 810.718 -264.772 810.997L-265.815 811.552Z" fill="url(#paint43_linear)"/>
+<path d="M-273.98 809.926C-274.214 809.643 -297.454 781.224 -315.896 740.705C-326.733 716.9 -333.818 693.633 -336.964 671.55C-340.9 643.926 -338.637 618.09 -330.243 594.757C-319.234 563.74 -303.177 537.192 -281.164 513.6C-261.507 492.536 -238.909 475.608 -217.051 459.236C-181.411 432.541 -144.56 404.935 -117.769 358.017C-83.9168 298.2 -92.1314 253.115 -100.833 205.381C-105.848 177.848 -111.036 149.376 -108.016 117.141C-104.609 80.7621 -90.896 44.2577 -66.101 5.53656C-13.4468 -76.6883 58.6309 -116.551 128.336 -155.105C195.32 -192.154 258.595 -227.146 301.189 -296.605C351.34 -378.39 330.038 -476.935 303.337 -545.2C274.381 -619.221 233.018 -674.59 232.601 -675.142L233.632 -675.707C234.045 -675.156 275.486 -619.692 304.49 -545.552C321.529 -501.996 331.012 -460.611 332.669 -422.54C334.743 -374.92 324.52 -332.387 302.277 -296.116C282.805 -264.363 258.083 -237.881 224.484 -212.781C194.809 -190.618 162.843 -172.94 129.003 -154.225C59.4245 -115.745 -12.5182 -75.9552 -65.025 6.03931C-120.211 92.2159 -109.743 149.662 -99.6178 205.22C-90.8878 253.119 -82.6446 298.365 -116.665 358.474C-143.562 405.584 -180.511 433.257 -216.241 460.022C-261.7 494.072 -304.642 526.237 -329.069 595.057C-347.965 647.602 -331.711 703.055 -314.751 740.321C-296.358 780.724 -273.207 809.036 -272.974 809.318L-273.98 809.926Z" fill="url(#paint44_linear)"/>
+<path d="M-282.142 808.292C-282.4 808.01 -308.209 779.66 -329.371 738.788C-341.804 714.778 -350.227 691.204 -354.412 668.719C-359.644 640.592 -358.212 614.107 -350.157 589.992C-339.259 557.359 -323.411 529.585 -301.709 505.086C-282.338 483.222 -260.12 465.844 -238.635 449.043C-204.578 422.407 -169.364 394.864 -143.53 348.34C-109.031 286.209 -118.415 240.834 -128.348 192.796C-139.709 137.891 -151.45 81.1183 -98.7954 -5.90308C-47.8718 -90.0759 22.3691 -131.537 90.2986 -171.634C153.88 -209.165 213.934 -244.615 252.442 -312.014C299.156 -393.771 274.991 -490.41 246.494 -557.083C215.599 -629.366 173.103 -682.968 172.677 -683.503L173.692 -684.093C174.117 -683.558 216.7 -629.844 247.647 -557.442C265.827 -514.906 276.5 -474.334 279.364 -436.852C282.948 -389.969 274.263 -347.813 253.546 -311.557C214.896 -243.91 154.714 -208.386 90.9941 -170.775C23.1914 -130.748 -46.9186 -89.3638 -97.7072 -5.42487C-150.169 81.2823 -138.465 137.88 -127.145 192.614C-117.176 240.824 -107.759 286.356 -142.425 348.791C-168.361 395.499 -203.666 423.112 -237.809 449.818C-280.571 483.264 -324.794 517.849 -348.979 590.281C-367.11 644.575 -347.715 700.779 -328.25 738.366C-307.15 779.119 -281.434 807.367 -281.176 807.646L-282.142 808.292Z" fill="url(#paint45_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint6_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint7_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint8_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint9_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint10_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint11_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint12_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint13_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint14_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint15_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint16_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint17_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint18_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint19_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint20_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint21_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint22_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint23_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint24_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint25_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint26_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint27_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint28_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint29_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint30_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint31_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint32_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint33_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint34_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint35_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint36_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint37_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint38_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint39_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint40_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint41_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint42_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint43_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint44_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<linearGradient id="paint45_linear" x1="0.000168176" y1="2.56907e-05" x2="627" y2="504.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#CBD5E1"/>
+<stop offset="1" stop-color="#CBD5E1"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="1440" height="768" fill="white"/>
+</clipPath>
+</defs>
+</svg>

public/atis-assets/elements/blue-up.svg

@@ -0,0 +1,3 @@
+<svg width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 49V0H49H50L49.99 0.00980377C76.595 0.537064 98 22.2688 98 49C98 76.062 76.062 98 49 98C21.938 98 0 76.062 0 49Z" fill="#0EA6E9"/>
+</svg>

public/atis-assets/elements/bullets-dark-left.svg

@@ -0,0 +1,56 @@
+<svg width="157" height="115" viewBox="0 0 157 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 2.5C152 3.88071 153.119 5 154.5 5C155.881 5 157 3.88071 157 2.5C157 1.11929 155.881 0 154.5 0C153.119 0 152 1.11929 152 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 46.5C152 47.8807 153.119 49 154.5 49C155.881 49 157 47.8807 157 46.5C157 45.1193 155.881 44 154.5 44C153.119 44 152 45.1193 152 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 90.5C152 91.8807 153.119 93 154.5 93C155.881 93 157 91.8807 157 90.5C157 89.1193 155.881 88 154.5 88C153.119 88 152 89.1193 152 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 24.5C152 25.8807 153.119 27 154.5 27C155.881 27 157 25.8807 157 24.5C157 23.1193 155.881 22 154.5 22C153.119 22 152 23.1193 152 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 68.5C152 69.8807 153.119 71 154.5 71C155.881 71 157 69.8807 157 68.5C157 67.1193 155.881 66 154.5 66C153.119 66 152 67.1193 152 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 112.5C152 113.881 153.119 115 154.5 115C155.881 115 157 113.881 157 112.5C157 111.119 155.881 110 154.5 110C153.119 110 152 111.119 152 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 2.5C95 3.88071 96.1193 5 97.5 5C98.8807 5 100 3.88071 100 2.5C100 1.11929 98.8807 0 97.5 0C96.1193 0 95 1.11929 95 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 46.5C95 47.8807 96.1193 49 97.5 49C98.8807 49 100 47.8807 100 46.5C100 45.1193 98.8807 44 97.5 44C96.1193 44 95 45.1193 95 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 90.5C95 91.8807 96.1193 93 97.5 93C98.8807 93 100 91.8807 100 90.5C100 89.1193 98.8807 88 97.5 88C96.1193 88 95 89.1193 95 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 24.5C95 25.8807 96.1193 27 97.5 27C98.8807 27 100 25.8807 100 24.5C100 23.1193 98.8807 22 97.5 22C96.1193 22 95 23.1193 95 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 68.5C95 69.8807 96.1193 71 97.5 71C98.8807 71 100 69.8807 100 68.5C100 67.1193 98.8807 66 97.5 66C96.1193 66 95 67.1193 95 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 112.5C95 113.881 96.1193 115 97.5 115C98.8807 115 100 113.881 100 112.5C100 111.119 98.8807 110 97.5 110C96.1193 110 95 111.119 95 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 2.5C38 3.88071 39.1193 5 40.5 5C41.8807 5 43 3.88071 43 2.5C43 1.11929 41.8807 0 40.5 0C39.1193 0 38 1.11929 38 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 46.5C38 47.8807 39.1193 49 40.5 49C41.8807 49 43 47.8807 43 46.5C43 45.1193 41.8807 44 40.5 44C39.1193 44 38 45.1193 38 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 90.5C38 91.8807 39.1193 93 40.5 93C41.8807 93 43 91.8807 43 90.5C43 89.1193 41.8807 88 40.5 88C39.1193 88 38 89.1193 38 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 24.5C38 25.8807 39.1193 27 40.5 27C41.8807 27 43 25.8807 43 24.5C43 23.1193 41.8807 22 40.5 22C39.1193 22 38 23.1193 38 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 68.5C38 69.8807 39.1193 71 40.5 71C41.8807 71 43 69.8807 43 68.5C43 67.1193 41.8807 66 40.5 66C39.1193 66 38 67.1193 38 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 112.5C38 113.881 39.1193 115 40.5 115C41.8807 115 43 113.881 43 112.5C43 111.119 41.8807 110 40.5 110C39.1193 110 38 111.119 38 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 2.5C133 3.88071 134.119 5 135.5 5C136.881 5 138 3.88071 138 2.5C138 1.11929 136.881 0 135.5 0C134.119 0 133 1.11929 133 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 46.5C133 47.8807 134.119 49 135.5 49C136.881 49 138 47.8807 138 46.5C138 45.1193 136.881 44 135.5 44C134.119 44 133 45.1193 133 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 90.5C133 91.8807 134.119 93 135.5 93C136.881 93 138 91.8807 138 90.5C138 89.1193 136.881 88 135.5 88C134.119 88 133 89.1193 133 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 24.5C133 25.8807 134.119 27 135.5 27C136.881 27 138 25.8807 138 24.5C138 23.1193 136.881 22 135.5 22C134.119 22 133 23.1193 133 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 68.5C133 69.8807 134.119 71 135.5 71C136.881 71 138 69.8807 138 68.5C138 67.1193 136.881 66 135.5 66C134.119 66 133 67.1193 133 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 112.5C133 113.881 134.119 115 135.5 115C136.881 115 138 113.881 138 112.5C138 111.119 136.881 110 135.5 110C134.119 110 133 111.119 133 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 2.5C76 3.88071 77.1193 5 78.5 5C79.8807 5 81 3.88071 81 2.5C81 1.11929 79.8807 0 78.5 0C77.1193 0 76 1.11929 76 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 46.5C76 47.8807 77.1193 49 78.5 49C79.8807 49 81 47.8807 81 46.5C81 45.1193 79.8807 44 78.5 44C77.1193 44 76 45.1193 76 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 90.5C76 91.8807 77.1193 93 78.5 93C79.8807 93 81 91.8807 81 90.5C81 89.1193 79.8807 88 78.5 88C77.1193 88 76 89.1193 76 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 24.5C76 25.8807 77.1193 27 78.5 27C79.8807 27 81 25.8807 81 24.5C81 23.1193 79.8807 22 78.5 22C77.1193 22 76 23.1193 76 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 68.5C76 69.8807 77.1193 71 78.5 71C79.8807 71 81 69.8807 81 68.5C81 67.1193 79.8807 66 78.5 66C77.1193 66 76 67.1193 76 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 112.5C76 113.881 77.1193 115 78.5 115C79.8807 115 81 113.881 81 112.5C81 111.119 79.8807 110 78.5 110C77.1193 110 76 111.119 76 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2.5C19 3.88071 20.1193 5 21.5 5C22.8807 5 24 3.88071 24 2.5C24 1.11929 22.8807 0 21.5 0C20.1193 0 19 1.11929 19 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 46.5C19 47.8807 20.1193 49 21.5 49C22.8807 49 24 47.8807 24 46.5C24 45.1193 22.8807 44 21.5 44C20.1193 44 19 45.1193 19 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 90.5C19 91.8807 20.1193 93 21.5 93C22.8807 93 24 91.8807 24 90.5C24 89.1193 22.8807 88 21.5 88C20.1193 88 19 89.1193 19 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.5C19 25.8807 20.1193 27 21.5 27C22.8807 27 24 25.8807 24 24.5C24 23.1193 22.8807 22 21.5 22C20.1193 22 19 23.1193 19 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 68.5C19 69.8807 20.1193 71 21.5 71C22.8807 71 24 69.8807 24 68.5C24 67.1193 22.8807 66 21.5 66C20.1193 66 19 67.1193 19 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 112.5C19 113.881 20.1193 115 21.5 115C22.8807 115 24 113.881 24 112.5C24 111.119 22.8807 110 21.5 110C20.1193 110 19 111.119 19 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 2.5C114 3.88071 115.119 5 116.5 5C117.881 5 119 3.88071 119 2.5C119 1.11929 117.881 0 116.5 0C115.119 0 114 1.11929 114 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 46.5C114 47.8807 115.119 49 116.5 49C117.881 49 119 47.8807 119 46.5C119 45.1193 117.881 44 116.5 44C115.119 44 114 45.1193 114 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 90.5C114 91.8807 115.119 93 116.5 93C117.881 93 119 91.8807 119 90.5C119 89.1193 117.881 88 116.5 88C115.119 88 114 89.1193 114 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 24.5C114 25.8807 115.119 27 116.5 27C117.881 27 119 25.8807 119 24.5C119 23.1193 117.881 22 116.5 22C115.119 22 114 23.1193 114 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 68.5C114 69.8807 115.119 71 116.5 71C117.881 71 119 69.8807 119 68.5C119 67.1193 117.881 66 116.5 66C115.119 66 114 67.1193 114 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 112.5C114 113.881 115.119 115 116.5 115C117.881 115 119 113.881 119 112.5C119 111.119 117.881 110 116.5 110C115.119 110 114 111.119 114 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 2.5C57 3.88071 58.1193 5 59.5 5C60.8807 5 62 3.88071 62 2.5C62 1.11929 60.8807 0 59.5 0C58.1193 0 57 1.11929 57 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 46.5C57 47.8807 58.1193 49 59.5 49C60.8807 49 62 47.8807 62 46.5C62 45.1193 60.8807 44 59.5 44C58.1193 44 57 45.1193 57 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 90.5C57 91.8807 58.1193 93 59.5 93C60.8807 93 62 91.8807 62 90.5C62 89.1193 60.8807 88 59.5 88C58.1193 88 57 89.1193 57 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 24.5C57 25.8807 58.1193 27 59.5 27C60.8807 27 62 25.8807 62 24.5C62 23.1193 60.8807 22 59.5 22C58.1193 22 57 23.1193 57 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 68.5C57 69.8807 58.1193 71 59.5 71C60.8807 71 62 69.8807 62 68.5C62 67.1193 60.8807 66 59.5 66C58.1193 66 57 67.1193 57 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 112.5C57 113.881 58.1193 115 59.5 115C60.8807 115 62 113.881 62 112.5C62 111.119 60.8807 110 59.5 110C58.1193 110 57 111.119 57 112.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.5C0 47.8807 1.11929 49 2.5 49C3.88071 49 5 47.8807 5 46.5C5 45.1193 3.88071 44 2.5 44C1.11929 44 0 45.1193 0 46.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 90.5C0 91.8807 1.11929 93 2.5 93C3.88071 93 5 91.8807 5 90.5C5 89.1193 3.88071 88 2.5 88C1.11929 88 0 89.1193 0 90.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24.5C0 25.8807 1.11929 27 2.5 27C3.88071 27 5 25.8807 5 24.5C5 23.1193 3.88071 22 2.5 22C1.11929 22 0 23.1193 0 24.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5C0 69.8807 1.11929 71 2.5 71C3.88071 71 5 69.8807 5 68.5C5 67.1193 3.88071 66 2.5 66C1.11929 66 0 67.1193 0 68.5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 112.5C0 113.881 1.11929 115 2.5 115C3.88071 115 5 113.881 5 112.5C5 111.119 3.88071 110 2.5 110C1.11929 110 0 111.119 0 112.5Z" fill="#1E293B"/>
+</svg>

public/atis-assets/elements/bullets-dark-right.svg

@@ -0,0 +1,56 @@
+<svg width="115" height="157" viewBox="0 0 115 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5C0 3.88071 1.11929 5 2.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 5C47.8807 5 49 3.88071 49 2.5C49 1.11929 47.8807 0 46.5 0C45.1193 0 44 1.11929 44 2.5C44 3.88071 45.1193 5 46.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 5C91.8807 5 93 3.88071 93 2.5C93 1.11929 91.8807 0 90.5 0C89.1193 0 88 1.11929 88 2.5C88 3.88071 89.1193 5 90.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 5C25.8807 5 27 3.88071 27 2.5C27 1.11929 25.8807 0 24.5 0C23.1193 0 22 1.11929 22 2.5C22 3.88071 23.1193 5 24.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 5C69.8807 5 71 3.88071 71 2.5C71 1.11929 69.8807 0 68.5 0C67.1193 0 66 1.11929 66 2.5C66 3.88071 67.1193 5 68.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 5C113.881 5 115 3.88071 115 2.5C115 1.11929 113.881 0 112.5 0C111.119 0 110 1.11929 110 2.5C110 3.88071 111.119 5 112.5 5Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 62C3.88071 62 5 60.8807 5 59.5C5 58.1193 3.88071 57 2.5 57C1.11929 57 0 58.1193 0 59.5C0 60.8807 1.11929 62 2.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 62C47.8807 62 49 60.8807 49 59.5C49 58.1193 47.8807 57 46.5 57C45.1193 57 44 58.1193 44 59.5C44 60.8807 45.1193 62 46.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 62C91.8807 62 93 60.8807 93 59.5C93 58.1193 91.8807 57 90.5 57C89.1193 57 88 58.1193 88 59.5C88 60.8807 89.1193 62 90.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 62C25.8807 62 27 60.8807 27 59.5C27 58.1193 25.8807 57 24.5 57C23.1193 57 22 58.1193 22 59.5C22 60.8807 23.1193 62 24.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 62C69.8807 62 71 60.8807 71 59.5C71 58.1193 69.8807 57 68.5 57C67.1193 57 66 58.1193 66 59.5C66 60.8807 67.1193 62 68.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 62C113.881 62 115 60.8807 115 59.5C115 58.1193 113.881 57 112.5 57C111.119 57 110 58.1193 110 59.5C110 60.8807 111.119 62 112.5 62Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 119C3.88071 119 5 117.881 5 116.5C5 115.119 3.88071 114 2.5 114C1.11929 114 0 115.119 0 116.5C0 117.881 1.11929 119 2.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 119C47.8807 119 49 117.881 49 116.5C49 115.119 47.8807 114 46.5 114C45.1193 114 44 115.119 44 116.5C44 117.881 45.1193 119 46.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 119C91.8807 119 93 117.881 93 116.5C93 115.119 91.8807 114 90.5 114C89.1193 114 88 115.119 88 116.5C88 117.881 89.1193 119 90.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 119C25.8807 119 27 117.881 27 116.5C27 115.119 25.8807 114 24.5 114C23.1193 114 22 115.119 22 116.5C22 117.881 23.1193 119 24.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 119C69.8807 119 71 117.881 71 116.5C71 115.119 69.8807 114 68.5 114C67.1193 114 66 115.119 66 116.5C66 117.881 67.1193 119 68.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 119C113.881 119 115 117.881 115 116.5C115 115.119 113.881 114 112.5 114C111.119 114 110 115.119 110 116.5C110 117.881 111.119 119 112.5 119Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 24C3.88071 24 5 22.8807 5 21.5C5 20.1193 3.88071 19 2.5 19C1.11929 19 0 20.1193 0 21.5C0 22.8807 1.11929 24 2.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 24C47.8807 24 49 22.8807 49 21.5C49 20.1193 47.8807 19 46.5 19C45.1193 19 44 20.1193 44 21.5C44 22.8807 45.1193 24 46.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 24C91.8807 24 93 22.8807 93 21.5C93 20.1193 91.8807 19 90.5 19C89.1193 19 88 20.1193 88 21.5C88 22.8807 89.1193 24 90.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C25.8807 24 27 22.8807 27 21.5C27 20.1193 25.8807 19 24.5 19C23.1193 19 22 20.1193 22 21.5C22 22.8807 23.1193 24 24.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 24C69.8807 24 71 22.8807 71 21.5C71 20.1193 69.8807 19 68.5 19C67.1193 19 66 20.1193 66 21.5C66 22.8807 67.1193 24 68.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 24C113.881 24 115 22.8807 115 21.5C115 20.1193 113.881 19 112.5 19C111.119 19 110 20.1193 110 21.5C110 22.8807 111.119 24 112.5 24Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 81C3.88071 81 5 79.8807 5 78.5C5 77.1193 3.88071 76 2.5 76C1.11929 76 0 77.1193 0 78.5C0 79.8807 1.11929 81 2.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 81C47.8807 81 49 79.8807 49 78.5C49 77.1193 47.8807 76 46.5 76C45.1193 76 44 77.1193 44 78.5C44 79.8807 45.1193 81 46.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 81C91.8807 81 93 79.8807 93 78.5C93 77.1193 91.8807 76 90.5 76C89.1193 76 88 77.1193 88 78.5C88 79.8807 89.1193 81 90.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 81C25.8807 81 27 79.8807 27 78.5C27 77.1193 25.8807 76 24.5 76C23.1193 76 22 77.1193 22 78.5C22 79.8807 23.1193 81 24.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 81C69.8807 81 71 79.8807 71 78.5C71 77.1193 69.8807 76 68.5 76C67.1193 76 66 77.1193 66 78.5C66 79.8807 67.1193 81 68.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 81C113.881 81 115 79.8807 115 78.5C115 77.1193 113.881 76 112.5 76C111.119 76 110 77.1193 110 78.5C110 79.8807 111.119 81 112.5 81Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 138C3.88071 138 5 136.881 5 135.5C5 134.119 3.88071 133 2.5 133C1.11929 133 0 134.119 0 135.5C0 136.881 1.11929 138 2.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 138C47.8807 138 49 136.881 49 135.5C49 134.119 47.8807 133 46.5 133C45.1193 133 44 134.119 44 135.5C44 136.881 45.1193 138 46.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 138C91.8807 138 93 136.881 93 135.5C93 134.119 91.8807 133 90.5 133C89.1193 133 88 134.119 88 135.5C88 136.881 89.1193 138 90.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 138C25.8807 138 27 136.881 27 135.5C27 134.119 25.8807 133 24.5 133C23.1193 133 22 134.119 22 135.5C22 136.881 23.1193 138 24.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 138C69.8807 138 71 136.881 71 135.5C71 134.119 69.8807 133 68.5 133C67.1193 133 66 134.119 66 135.5C66 136.881 67.1193 138 68.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 138C113.881 138 115 136.881 115 135.5C115 134.119 113.881 133 112.5 133C111.119 133 110 134.119 110 135.5C110 136.881 111.119 138 112.5 138Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 43C3.88071 43 5 41.8807 5 40.5C5 39.1193 3.88071 38 2.5 38C1.11929 38 0 39.1193 0 40.5C0 41.8807 1.11929 43 2.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 43C47.8807 43 49 41.8807 49 40.5C49 39.1193 47.8807 38 46.5 38C45.1193 38 44 39.1193 44 40.5C44 41.8807 45.1193 43 46.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 43C91.8807 43 93 41.8807 93 40.5C93 39.1193 91.8807 38 90.5 38C89.1193 38 88 39.1193 88 40.5C88 41.8807 89.1193 43 90.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 43C25.8807 43 27 41.8807 27 40.5C27 39.1193 25.8807 38 24.5 38C23.1193 38 22 39.1193 22 40.5C22 41.8807 23.1193 43 24.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 43C69.8807 43 71 41.8807 71 40.5C71 39.1193 69.8807 38 68.5 38C67.1193 38 66 39.1193 66 40.5C66 41.8807 67.1193 43 68.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 43C113.881 43 115 41.8807 115 40.5C115 39.1193 113.881 38 112.5 38C111.119 38 110 39.1193 110 40.5C110 41.8807 111.119 43 112.5 43Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 100C3.88071 100 5 98.8807 5 97.5C5 96.1193 3.88071 95 2.5 95C1.11929 95 0 96.1193 0 97.5C0 98.8807 1.11929 100 2.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 100C47.8807 100 49 98.8807 49 97.5C49 96.1193 47.8807 95 46.5 95C45.1193 95 44 96.1193 44 97.5C44 98.8807 45.1193 100 46.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 100C91.8807 100 93 98.8807 93 97.5C93 96.1193 91.8807 95 90.5 95C89.1193 95 88 96.1193 88 97.5C88 98.8807 89.1193 100 90.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 100C25.8807 100 27 98.8807 27 97.5C27 96.1193 25.8807 95 24.5 95C23.1193 95 22 96.1193 22 97.5C22 98.8807 23.1193 100 24.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 100C69.8807 100 71 98.8807 71 97.5C71 96.1193 69.8807 95 68.5 95C67.1193 95 66 96.1193 66 97.5C66 98.8807 67.1193 100 68.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 100C113.881 100 115 98.8807 115 97.5C115 96.1193 113.881 95 112.5 95C111.119 95 110 96.1193 110 97.5C110 98.8807 111.119 100 112.5 100Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 157C3.88071 157 5 155.881 5 154.5C5 153.119 3.88071 152 2.5 152C1.11929 152 0 153.119 0 154.5C0 155.881 1.11929 157 2.5 157Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 157C47.8807 157 49 155.881 49 154.5C49 153.119 47.8807 152 46.5 152C45.1193 152 44 153.119 44 154.5C44 155.881 45.1193 157 46.5 157Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 157C91.8807 157 93 155.881 93 154.5C93 153.119 91.8807 152 90.5 152C89.1193 152 88 153.119 88 154.5C88 155.881 89.1193 157 90.5 157Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 157C25.8807 157 27 155.881 27 154.5C27 153.119 25.8807 152 24.5 152C23.1193 152 22 153.119 22 154.5C22 155.881 23.1193 157 24.5 157Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 157C69.8807 157 71 155.881 71 154.5C71 153.119 69.8807 152 68.5 152C67.1193 152 66 153.119 66 154.5C66 155.881 67.1193 157 68.5 157Z" fill="#1E293B"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 157C113.881 157 115 155.881 115 154.5C115 153.119 113.881 152 112.5 152C111.119 152 110 153.119 110 154.5C110 155.881 111.119 157 112.5 157Z" fill="#1E293B"/>
+</svg>

public/atis-assets/elements/bullets-gray-left.svg

@@ -0,0 +1,56 @@
+<svg width="157" height="115" viewBox="0 0 157 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 2.5C152 3.88071 153.119 5 154.5 5C155.881 5 157 3.88071 157 2.5C157 1.11929 155.881 0 154.5 0C153.119 0 152 1.11929 152 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 46.5C152 47.8807 153.119 49 154.5 49C155.881 49 157 47.8807 157 46.5C157 45.1193 155.881 44 154.5 44C153.119 44 152 45.1193 152 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 90.5C152 91.8807 153.119 93 154.5 93C155.881 93 157 91.8807 157 90.5C157 89.1193 155.881 88 154.5 88C153.119 88 152 89.1193 152 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 24.5C152 25.8807 153.119 27 154.5 27C155.881 27 157 25.8807 157 24.5C157 23.1193 155.881 22 154.5 22C153.119 22 152 23.1193 152 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 68.5C152 69.8807 153.119 71 154.5 71C155.881 71 157 69.8807 157 68.5C157 67.1193 155.881 66 154.5 66C153.119 66 152 67.1193 152 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 112.5C152 113.881 153.119 115 154.5 115C155.881 115 157 113.881 157 112.5C157 111.119 155.881 110 154.5 110C153.119 110 152 111.119 152 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 2.5C95 3.88071 96.1193 5 97.5 5C98.8807 5 100 3.88071 100 2.5C100 1.11929 98.8807 0 97.5 0C96.1193 0 95 1.11929 95 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 46.5C95 47.8807 96.1193 49 97.5 49C98.8807 49 100 47.8807 100 46.5C100 45.1193 98.8807 44 97.5 44C96.1193 44 95 45.1193 95 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 90.5C95 91.8807 96.1193 93 97.5 93C98.8807 93 100 91.8807 100 90.5C100 89.1193 98.8807 88 97.5 88C96.1193 88 95 89.1193 95 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 24.5C95 25.8807 96.1193 27 97.5 27C98.8807 27 100 25.8807 100 24.5C100 23.1193 98.8807 22 97.5 22C96.1193 22 95 23.1193 95 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 68.5C95 69.8807 96.1193 71 97.5 71C98.8807 71 100 69.8807 100 68.5C100 67.1193 98.8807 66 97.5 66C96.1193 66 95 67.1193 95 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 112.5C95 113.881 96.1193 115 97.5 115C98.8807 115 100 113.881 100 112.5C100 111.119 98.8807 110 97.5 110C96.1193 110 95 111.119 95 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 2.5C38 3.88071 39.1193 5 40.5 5C41.8807 5 43 3.88071 43 2.5C43 1.11929 41.8807 0 40.5 0C39.1193 0 38 1.11929 38 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 46.5C38 47.8807 39.1193 49 40.5 49C41.8807 49 43 47.8807 43 46.5C43 45.1193 41.8807 44 40.5 44C39.1193 44 38 45.1193 38 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 90.5C38 91.8807 39.1193 93 40.5 93C41.8807 93 43 91.8807 43 90.5C43 89.1193 41.8807 88 40.5 88C39.1193 88 38 89.1193 38 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 24.5C38 25.8807 39.1193 27 40.5 27C41.8807 27 43 25.8807 43 24.5C43 23.1193 41.8807 22 40.5 22C39.1193 22 38 23.1193 38 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 68.5C38 69.8807 39.1193 71 40.5 71C41.8807 71 43 69.8807 43 68.5C43 67.1193 41.8807 66 40.5 66C39.1193 66 38 67.1193 38 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 112.5C38 113.881 39.1193 115 40.5 115C41.8807 115 43 113.881 43 112.5C43 111.119 41.8807 110 40.5 110C39.1193 110 38 111.119 38 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 2.5C133 3.88071 134.119 5 135.5 5C136.881 5 138 3.88071 138 2.5C138 1.11929 136.881 0 135.5 0C134.119 0 133 1.11929 133 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 46.5C133 47.8807 134.119 49 135.5 49C136.881 49 138 47.8807 138 46.5C138 45.1193 136.881 44 135.5 44C134.119 44 133 45.1193 133 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 90.5C133 91.8807 134.119 93 135.5 93C136.881 93 138 91.8807 138 90.5C138 89.1193 136.881 88 135.5 88C134.119 88 133 89.1193 133 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 24.5C133 25.8807 134.119 27 135.5 27C136.881 27 138 25.8807 138 24.5C138 23.1193 136.881 22 135.5 22C134.119 22 133 23.1193 133 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 68.5C133 69.8807 134.119 71 135.5 71C136.881 71 138 69.8807 138 68.5C138 67.1193 136.881 66 135.5 66C134.119 66 133 67.1193 133 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 112.5C133 113.881 134.119 115 135.5 115C136.881 115 138 113.881 138 112.5C138 111.119 136.881 110 135.5 110C134.119 110 133 111.119 133 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 2.5C76 3.88071 77.1193 5 78.5 5C79.8807 5 81 3.88071 81 2.5C81 1.11929 79.8807 0 78.5 0C77.1193 0 76 1.11929 76 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 46.5C76 47.8807 77.1193 49 78.5 49C79.8807 49 81 47.8807 81 46.5C81 45.1193 79.8807 44 78.5 44C77.1193 44 76 45.1193 76 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 90.5C76 91.8807 77.1193 93 78.5 93C79.8807 93 81 91.8807 81 90.5C81 89.1193 79.8807 88 78.5 88C77.1193 88 76 89.1193 76 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 24.5C76 25.8807 77.1193 27 78.5 27C79.8807 27 81 25.8807 81 24.5C81 23.1193 79.8807 22 78.5 22C77.1193 22 76 23.1193 76 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 68.5C76 69.8807 77.1193 71 78.5 71C79.8807 71 81 69.8807 81 68.5C81 67.1193 79.8807 66 78.5 66C77.1193 66 76 67.1193 76 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 112.5C76 113.881 77.1193 115 78.5 115C79.8807 115 81 113.881 81 112.5C81 111.119 79.8807 110 78.5 110C77.1193 110 76 111.119 76 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2.5C19 3.88071 20.1193 5 21.5 5C22.8807 5 24 3.88071 24 2.5C24 1.11929 22.8807 0 21.5 0C20.1193 0 19 1.11929 19 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 46.5C19 47.8807 20.1193 49 21.5 49C22.8807 49 24 47.8807 24 46.5C24 45.1193 22.8807 44 21.5 44C20.1193 44 19 45.1193 19 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 90.5C19 91.8807 20.1193 93 21.5 93C22.8807 93 24 91.8807 24 90.5C24 89.1193 22.8807 88 21.5 88C20.1193 88 19 89.1193 19 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.5C19 25.8807 20.1193 27 21.5 27C22.8807 27 24 25.8807 24 24.5C24 23.1193 22.8807 22 21.5 22C20.1193 22 19 23.1193 19 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 68.5C19 69.8807 20.1193 71 21.5 71C22.8807 71 24 69.8807 24 68.5C24 67.1193 22.8807 66 21.5 66C20.1193 66 19 67.1193 19 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 112.5C19 113.881 20.1193 115 21.5 115C22.8807 115 24 113.881 24 112.5C24 111.119 22.8807 110 21.5 110C20.1193 110 19 111.119 19 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 2.5C114 3.88071 115.119 5 116.5 5C117.881 5 119 3.88071 119 2.5C119 1.11929 117.881 0 116.5 0C115.119 0 114 1.11929 114 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 46.5C114 47.8807 115.119 49 116.5 49C117.881 49 119 47.8807 119 46.5C119 45.1193 117.881 44 116.5 44C115.119 44 114 45.1193 114 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 90.5C114 91.8807 115.119 93 116.5 93C117.881 93 119 91.8807 119 90.5C119 89.1193 117.881 88 116.5 88C115.119 88 114 89.1193 114 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 24.5C114 25.8807 115.119 27 116.5 27C117.881 27 119 25.8807 119 24.5C119 23.1193 117.881 22 116.5 22C115.119 22 114 23.1193 114 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 68.5C114 69.8807 115.119 71 116.5 71C117.881 71 119 69.8807 119 68.5C119 67.1193 117.881 66 116.5 66C115.119 66 114 67.1193 114 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 112.5C114 113.881 115.119 115 116.5 115C117.881 115 119 113.881 119 112.5C119 111.119 117.881 110 116.5 110C115.119 110 114 111.119 114 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 2.5C57 3.88071 58.1193 5 59.5 5C60.8807 5 62 3.88071 62 2.5C62 1.11929 60.8807 0 59.5 0C58.1193 0 57 1.11929 57 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 46.5C57 47.8807 58.1193 49 59.5 49C60.8807 49 62 47.8807 62 46.5C62 45.1193 60.8807 44 59.5 44C58.1193 44 57 45.1193 57 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 90.5C57 91.8807 58.1193 93 59.5 93C60.8807 93 62 91.8807 62 90.5C62 89.1193 60.8807 88 59.5 88C58.1193 88 57 89.1193 57 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 24.5C57 25.8807 58.1193 27 59.5 27C60.8807 27 62 25.8807 62 24.5C62 23.1193 60.8807 22 59.5 22C58.1193 22 57 23.1193 57 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 68.5C57 69.8807 58.1193 71 59.5 71C60.8807 71 62 69.8807 62 68.5C62 67.1193 60.8807 66 59.5 66C58.1193 66 57 67.1193 57 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 112.5C57 113.881 58.1193 115 59.5 115C60.8807 115 62 113.881 62 112.5C62 111.119 60.8807 110 59.5 110C58.1193 110 57 111.119 57 112.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.5C0 47.8807 1.11929 49 2.5 49C3.88071 49 5 47.8807 5 46.5C5 45.1193 3.88071 44 2.5 44C1.11929 44 0 45.1193 0 46.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 90.5C0 91.8807 1.11929 93 2.5 93C3.88071 93 5 91.8807 5 90.5C5 89.1193 3.88071 88 2.5 88C1.11929 88 0 89.1193 0 90.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24.5C0 25.8807 1.11929 27 2.5 27C3.88071 27 5 25.8807 5 24.5C5 23.1193 3.88071 22 2.5 22C1.11929 22 0 23.1193 0 24.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5C0 69.8807 1.11929 71 2.5 71C3.88071 71 5 69.8807 5 68.5C5 67.1193 3.88071 66 2.5 66C1.11929 66 0 67.1193 0 68.5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 112.5C0 113.881 1.11929 115 2.5 115C3.88071 115 5 113.881 5 112.5C5 111.119 3.88071 110 2.5 110C1.11929 110 0 111.119 0 112.5Z" fill="#CBD5E1"/>
+</svg>

public/atis-assets/elements/bullets-gray-right.svg

@@ -0,0 +1,56 @@
+<svg width="115" height="157" viewBox="0 0 115 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5C0 3.88071 1.11929 5 2.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 5C47.8807 5 49 3.88071 49 2.5C49 1.11929 47.8807 0 46.5 0C45.1193 0 44 1.11929 44 2.5C44 3.88071 45.1193 5 46.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 5C91.8807 5 93 3.88071 93 2.5C93 1.11929 91.8807 0 90.5 0C89.1193 0 88 1.11929 88 2.5C88 3.88071 89.1193 5 90.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 5C25.8807 5 27 3.88071 27 2.5C27 1.11929 25.8807 0 24.5 0C23.1193 0 22 1.11929 22 2.5C22 3.88071 23.1193 5 24.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 5C69.8807 5 71 3.88071 71 2.5C71 1.11929 69.8807 0 68.5 0C67.1193 0 66 1.11929 66 2.5C66 3.88071 67.1193 5 68.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 5C113.881 5 115 3.88071 115 2.5C115 1.11929 113.881 0 112.5 0C111.119 0 110 1.11929 110 2.5C110 3.88071 111.119 5 112.5 5Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 62C3.88071 62 5 60.8807 5 59.5C5 58.1193 3.88071 57 2.5 57C1.11929 57 0 58.1193 0 59.5C0 60.8807 1.11929 62 2.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 62C47.8807 62 49 60.8807 49 59.5C49 58.1193 47.8807 57 46.5 57C45.1193 57 44 58.1193 44 59.5C44 60.8807 45.1193 62 46.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 62C91.8807 62 93 60.8807 93 59.5C93 58.1193 91.8807 57 90.5 57C89.1193 57 88 58.1193 88 59.5C88 60.8807 89.1193 62 90.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 62C25.8807 62 27 60.8807 27 59.5C27 58.1193 25.8807 57 24.5 57C23.1193 57 22 58.1193 22 59.5C22 60.8807 23.1193 62 24.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 62C69.8807 62 71 60.8807 71 59.5C71 58.1193 69.8807 57 68.5 57C67.1193 57 66 58.1193 66 59.5C66 60.8807 67.1193 62 68.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 62C113.881 62 115 60.8807 115 59.5C115 58.1193 113.881 57 112.5 57C111.119 57 110 58.1193 110 59.5C110 60.8807 111.119 62 112.5 62Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 119C3.88071 119 5 117.881 5 116.5C5 115.119 3.88071 114 2.5 114C1.11929 114 0 115.119 0 116.5C0 117.881 1.11929 119 2.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 119C47.8807 119 49 117.881 49 116.5C49 115.119 47.8807 114 46.5 114C45.1193 114 44 115.119 44 116.5C44 117.881 45.1193 119 46.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 119C91.8807 119 93 117.881 93 116.5C93 115.119 91.8807 114 90.5 114C89.1193 114 88 115.119 88 116.5C88 117.881 89.1193 119 90.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 119C25.8807 119 27 117.881 27 116.5C27 115.119 25.8807 114 24.5 114C23.1193 114 22 115.119 22 116.5C22 117.881 23.1193 119 24.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 119C69.8807 119 71 117.881 71 116.5C71 115.119 69.8807 114 68.5 114C67.1193 114 66 115.119 66 116.5C66 117.881 67.1193 119 68.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 119C113.881 119 115 117.881 115 116.5C115 115.119 113.881 114 112.5 114C111.119 114 110 115.119 110 116.5C110 117.881 111.119 119 112.5 119Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 24C3.88071 24 5 22.8807 5 21.5C5 20.1193 3.88071 19 2.5 19C1.11929 19 0 20.1193 0 21.5C0 22.8807 1.11929 24 2.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 24C47.8807 24 49 22.8807 49 21.5C49 20.1193 47.8807 19 46.5 19C45.1193 19 44 20.1193 44 21.5C44 22.8807 45.1193 24 46.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 24C91.8807 24 93 22.8807 93 21.5C93 20.1193 91.8807 19 90.5 19C89.1193 19 88 20.1193 88 21.5C88 22.8807 89.1193 24 90.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C25.8807 24 27 22.8807 27 21.5C27 20.1193 25.8807 19 24.5 19C23.1193 19 22 20.1193 22 21.5C22 22.8807 23.1193 24 24.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 24C69.8807 24 71 22.8807 71 21.5C71 20.1193 69.8807 19 68.5 19C67.1193 19 66 20.1193 66 21.5C66 22.8807 67.1193 24 68.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 24C113.881 24 115 22.8807 115 21.5C115 20.1193 113.881 19 112.5 19C111.119 19 110 20.1193 110 21.5C110 22.8807 111.119 24 112.5 24Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 81C3.88071 81 5 79.8807 5 78.5C5 77.1193 3.88071 76 2.5 76C1.11929 76 0 77.1193 0 78.5C0 79.8807 1.11929 81 2.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 81C47.8807 81 49 79.8807 49 78.5C49 77.1193 47.8807 76 46.5 76C45.1193 76 44 77.1193 44 78.5C44 79.8807 45.1193 81 46.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 81C91.8807 81 93 79.8807 93 78.5C93 77.1193 91.8807 76 90.5 76C89.1193 76 88 77.1193 88 78.5C88 79.8807 89.1193 81 90.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 81C25.8807 81 27 79.8807 27 78.5C27 77.1193 25.8807 76 24.5 76C23.1193 76 22 77.1193 22 78.5C22 79.8807 23.1193 81 24.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 81C69.8807 81 71 79.8807 71 78.5C71 77.1193 69.8807 76 68.5 76C67.1193 76 66 77.1193 66 78.5C66 79.8807 67.1193 81 68.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 81C113.881 81 115 79.8807 115 78.5C115 77.1193 113.881 76 112.5 76C111.119 76 110 77.1193 110 78.5C110 79.8807 111.119 81 112.5 81Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 138C3.88071 138 5 136.881 5 135.5C5 134.119 3.88071 133 2.5 133C1.11929 133 0 134.119 0 135.5C0 136.881 1.11929 138 2.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 138C47.8807 138 49 136.881 49 135.5C49 134.119 47.8807 133 46.5 133C45.1193 133 44 134.119 44 135.5C44 136.881 45.1193 138 46.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 138C91.8807 138 93 136.881 93 135.5C93 134.119 91.8807 133 90.5 133C89.1193 133 88 134.119 88 135.5C88 136.881 89.1193 138 90.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 138C25.8807 138 27 136.881 27 135.5C27 134.119 25.8807 133 24.5 133C23.1193 133 22 134.119 22 135.5C22 136.881 23.1193 138 24.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 138C69.8807 138 71 136.881 71 135.5C71 134.119 69.8807 133 68.5 133C67.1193 133 66 134.119 66 135.5C66 136.881 67.1193 138 68.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 138C113.881 138 115 136.881 115 135.5C115 134.119 113.881 133 112.5 133C111.119 133 110 134.119 110 135.5C110 136.881 111.119 138 112.5 138Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 43C3.88071 43 5 41.8807 5 40.5C5 39.1193 3.88071 38 2.5 38C1.11929 38 0 39.1193 0 40.5C0 41.8807 1.11929 43 2.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 43C47.8807 43 49 41.8807 49 40.5C49 39.1193 47.8807 38 46.5 38C45.1193 38 44 39.1193 44 40.5C44 41.8807 45.1193 43 46.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 43C91.8807 43 93 41.8807 93 40.5C93 39.1193 91.8807 38 90.5 38C89.1193 38 88 39.1193 88 40.5C88 41.8807 89.1193 43 90.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 43C25.8807 43 27 41.8807 27 40.5C27 39.1193 25.8807 38 24.5 38C23.1193 38 22 39.1193 22 40.5C22 41.8807 23.1193 43 24.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 43C69.8807 43 71 41.8807 71 40.5C71 39.1193 69.8807 38 68.5 38C67.1193 38 66 39.1193 66 40.5C66 41.8807 67.1193 43 68.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 43C113.881 43 115 41.8807 115 40.5C115 39.1193 113.881 38 112.5 38C111.119 38 110 39.1193 110 40.5C110 41.8807 111.119 43 112.5 43Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 100C3.88071 100 5 98.8807 5 97.5C5 96.1193 3.88071 95 2.5 95C1.11929 95 0 96.1193 0 97.5C0 98.8807 1.11929 100 2.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 100C47.8807 100 49 98.8807 49 97.5C49 96.1193 47.8807 95 46.5 95C45.1193 95 44 96.1193 44 97.5C44 98.8807 45.1193 100 46.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 100C91.8807 100 93 98.8807 93 97.5C93 96.1193 91.8807 95 90.5 95C89.1193 95 88 96.1193 88 97.5C88 98.8807 89.1193 100 90.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 100C25.8807 100 27 98.8807 27 97.5C27 96.1193 25.8807 95 24.5 95C23.1193 95 22 96.1193 22 97.5C22 98.8807 23.1193 100 24.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 100C69.8807 100 71 98.8807 71 97.5C71 96.1193 69.8807 95 68.5 95C67.1193 95 66 96.1193 66 97.5C66 98.8807 67.1193 100 68.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 100C113.881 100 115 98.8807 115 97.5C115 96.1193 113.881 95 112.5 95C111.119 95 110 96.1193 110 97.5C110 98.8807 111.119 100 112.5 100Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 157C3.88071 157 5 155.881 5 154.5C5 153.119 3.88071 152 2.5 152C1.11929 152 0 153.119 0 154.5C0 155.881 1.11929 157 2.5 157Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 157C47.8807 157 49 155.881 49 154.5C49 153.119 47.8807 152 46.5 152C45.1193 152 44 153.119 44 154.5C44 155.881 45.1193 157 46.5 157Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 157C91.8807 157 93 155.881 93 154.5C93 153.119 91.8807 152 90.5 152C89.1193 152 88 153.119 88 154.5C88 155.881 89.1193 157 90.5 157Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 157C25.8807 157 27 155.881 27 154.5C27 153.119 25.8807 152 24.5 152C23.1193 152 22 153.119 22 154.5C22 155.881 23.1193 157 24.5 157Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 157C69.8807 157 71 155.881 71 154.5C71 153.119 69.8807 152 68.5 152C67.1193 152 66 153.119 66 154.5C66 155.881 67.1193 157 68.5 157Z" fill="#CBD5E1"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 157C113.881 157 115 155.881 115 154.5C115 153.119 113.881 152 112.5 152C111.119 152 110 153.119 110 154.5C110 155.881 111.119 157 112.5 157Z" fill="#CBD5E1"/>
+</svg>

public/atis-assets/elements/bullets-green-left.svg

@@ -0,0 +1,56 @@
+<svg width="157" height="115" viewBox="0 0 157 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 2.5C152 3.88071 153.119 5 154.5 5C155.881 5 157 3.88071 157 2.5C157 1.11929 155.881 0 154.5 0C153.119 0 152 1.11929 152 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 46.5C152 47.8807 153.119 49 154.5 49C155.881 49 157 47.8807 157 46.5C157 45.1193 155.881 44 154.5 44C153.119 44 152 45.1193 152 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 90.5C152 91.8807 153.119 93 154.5 93C155.881 93 157 91.8807 157 90.5C157 89.1193 155.881 88 154.5 88C153.119 88 152 89.1193 152 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 24.5C152 25.8807 153.119 27 154.5 27C155.881 27 157 25.8807 157 24.5C157 23.1193 155.881 22 154.5 22C153.119 22 152 23.1193 152 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 68.5C152 69.8807 153.119 71 154.5 71C155.881 71 157 69.8807 157 68.5C157 67.1193 155.881 66 154.5 66C153.119 66 152 67.1193 152 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 112.5C152 113.881 153.119 115 154.5 115C155.881 115 157 113.881 157 112.5C157 111.119 155.881 110 154.5 110C153.119 110 152 111.119 152 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 2.5C95 3.88071 96.1193 5 97.5 5C98.8807 5 100 3.88071 100 2.5C100 1.11929 98.8807 0 97.5 0C96.1193 0 95 1.11929 95 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 46.5C95 47.8807 96.1193 49 97.5 49C98.8807 49 100 47.8807 100 46.5C100 45.1193 98.8807 44 97.5 44C96.1193 44 95 45.1193 95 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 90.5C95 91.8807 96.1193 93 97.5 93C98.8807 93 100 91.8807 100 90.5C100 89.1193 98.8807 88 97.5 88C96.1193 88 95 89.1193 95 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 24.5C95 25.8807 96.1193 27 97.5 27C98.8807 27 100 25.8807 100 24.5C100 23.1193 98.8807 22 97.5 22C96.1193 22 95 23.1193 95 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 68.5C95 69.8807 96.1193 71 97.5 71C98.8807 71 100 69.8807 100 68.5C100 67.1193 98.8807 66 97.5 66C96.1193 66 95 67.1193 95 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 112.5C95 113.881 96.1193 115 97.5 115C98.8807 115 100 113.881 100 112.5C100 111.119 98.8807 110 97.5 110C96.1193 110 95 111.119 95 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 2.5C38 3.88071 39.1193 5 40.5 5C41.8807 5 43 3.88071 43 2.5C43 1.11929 41.8807 0 40.5 0C39.1193 0 38 1.11929 38 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 46.5C38 47.8807 39.1193 49 40.5 49C41.8807 49 43 47.8807 43 46.5C43 45.1193 41.8807 44 40.5 44C39.1193 44 38 45.1193 38 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 90.5C38 91.8807 39.1193 93 40.5 93C41.8807 93 43 91.8807 43 90.5C43 89.1193 41.8807 88 40.5 88C39.1193 88 38 89.1193 38 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 24.5C38 25.8807 39.1193 27 40.5 27C41.8807 27 43 25.8807 43 24.5C43 23.1193 41.8807 22 40.5 22C39.1193 22 38 23.1193 38 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 68.5C38 69.8807 39.1193 71 40.5 71C41.8807 71 43 69.8807 43 68.5C43 67.1193 41.8807 66 40.5 66C39.1193 66 38 67.1193 38 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 112.5C38 113.881 39.1193 115 40.5 115C41.8807 115 43 113.881 43 112.5C43 111.119 41.8807 110 40.5 110C39.1193 110 38 111.119 38 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 2.5C133 3.88071 134.119 5 135.5 5C136.881 5 138 3.88071 138 2.5C138 1.11929 136.881 0 135.5 0C134.119 0 133 1.11929 133 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 46.5C133 47.8807 134.119 49 135.5 49C136.881 49 138 47.8807 138 46.5C138 45.1193 136.881 44 135.5 44C134.119 44 133 45.1193 133 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 90.5C133 91.8807 134.119 93 135.5 93C136.881 93 138 91.8807 138 90.5C138 89.1193 136.881 88 135.5 88C134.119 88 133 89.1193 133 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 24.5C133 25.8807 134.119 27 135.5 27C136.881 27 138 25.8807 138 24.5C138 23.1193 136.881 22 135.5 22C134.119 22 133 23.1193 133 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 68.5C133 69.8807 134.119 71 135.5 71C136.881 71 138 69.8807 138 68.5C138 67.1193 136.881 66 135.5 66C134.119 66 133 67.1193 133 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 112.5C133 113.881 134.119 115 135.5 115C136.881 115 138 113.881 138 112.5C138 111.119 136.881 110 135.5 110C134.119 110 133 111.119 133 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 2.5C76 3.88071 77.1193 5 78.5 5C79.8807 5 81 3.88071 81 2.5C81 1.11929 79.8807 0 78.5 0C77.1193 0 76 1.11929 76 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 46.5C76 47.8807 77.1193 49 78.5 49C79.8807 49 81 47.8807 81 46.5C81 45.1193 79.8807 44 78.5 44C77.1193 44 76 45.1193 76 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 90.5C76 91.8807 77.1193 93 78.5 93C79.8807 93 81 91.8807 81 90.5C81 89.1193 79.8807 88 78.5 88C77.1193 88 76 89.1193 76 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 24.5C76 25.8807 77.1193 27 78.5 27C79.8807 27 81 25.8807 81 24.5C81 23.1193 79.8807 22 78.5 22C77.1193 22 76 23.1193 76 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 68.5C76 69.8807 77.1193 71 78.5 71C79.8807 71 81 69.8807 81 68.5C81 67.1193 79.8807 66 78.5 66C77.1193 66 76 67.1193 76 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 112.5C76 113.881 77.1193 115 78.5 115C79.8807 115 81 113.881 81 112.5C81 111.119 79.8807 110 78.5 110C77.1193 110 76 111.119 76 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2.5C19 3.88071 20.1193 5 21.5 5C22.8807 5 24 3.88071 24 2.5C24 1.11929 22.8807 0 21.5 0C20.1193 0 19 1.11929 19 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 46.5C19 47.8807 20.1193 49 21.5 49C22.8807 49 24 47.8807 24 46.5C24 45.1193 22.8807 44 21.5 44C20.1193 44 19 45.1193 19 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 90.5C19 91.8807 20.1193 93 21.5 93C22.8807 93 24 91.8807 24 90.5C24 89.1193 22.8807 88 21.5 88C20.1193 88 19 89.1193 19 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.5C19 25.8807 20.1193 27 21.5 27C22.8807 27 24 25.8807 24 24.5C24 23.1193 22.8807 22 21.5 22C20.1193 22 19 23.1193 19 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 68.5C19 69.8807 20.1193 71 21.5 71C22.8807 71 24 69.8807 24 68.5C24 67.1193 22.8807 66 21.5 66C20.1193 66 19 67.1193 19 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 112.5C19 113.881 20.1193 115 21.5 115C22.8807 115 24 113.881 24 112.5C24 111.119 22.8807 110 21.5 110C20.1193 110 19 111.119 19 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 2.5C114 3.88071 115.119 5 116.5 5C117.881 5 119 3.88071 119 2.5C119 1.11929 117.881 0 116.5 0C115.119 0 114 1.11929 114 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 46.5C114 47.8807 115.119 49 116.5 49C117.881 49 119 47.8807 119 46.5C119 45.1193 117.881 44 116.5 44C115.119 44 114 45.1193 114 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 90.5C114 91.8807 115.119 93 116.5 93C117.881 93 119 91.8807 119 90.5C119 89.1193 117.881 88 116.5 88C115.119 88 114 89.1193 114 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 24.5C114 25.8807 115.119 27 116.5 27C117.881 27 119 25.8807 119 24.5C119 23.1193 117.881 22 116.5 22C115.119 22 114 23.1193 114 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 68.5C114 69.8807 115.119 71 116.5 71C117.881 71 119 69.8807 119 68.5C119 67.1193 117.881 66 116.5 66C115.119 66 114 67.1193 114 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 112.5C114 113.881 115.119 115 116.5 115C117.881 115 119 113.881 119 112.5C119 111.119 117.881 110 116.5 110C115.119 110 114 111.119 114 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 2.5C57 3.88071 58.1193 5 59.5 5C60.8807 5 62 3.88071 62 2.5C62 1.11929 60.8807 0 59.5 0C58.1193 0 57 1.11929 57 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 46.5C57 47.8807 58.1193 49 59.5 49C60.8807 49 62 47.8807 62 46.5C62 45.1193 60.8807 44 59.5 44C58.1193 44 57 45.1193 57 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 90.5C57 91.8807 58.1193 93 59.5 93C60.8807 93 62 91.8807 62 90.5C62 89.1193 60.8807 88 59.5 88C58.1193 88 57 89.1193 57 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 24.5C57 25.8807 58.1193 27 59.5 27C60.8807 27 62 25.8807 62 24.5C62 23.1193 60.8807 22 59.5 22C58.1193 22 57 23.1193 57 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 68.5C57 69.8807 58.1193 71 59.5 71C60.8807 71 62 69.8807 62 68.5C62 67.1193 60.8807 66 59.5 66C58.1193 66 57 67.1193 57 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 112.5C57 113.881 58.1193 115 59.5 115C60.8807 115 62 113.881 62 112.5C62 111.119 60.8807 110 59.5 110C58.1193 110 57 111.119 57 112.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.5C0 47.8807 1.11929 49 2.5 49C3.88071 49 5 47.8807 5 46.5C5 45.1193 3.88071 44 2.5 44C1.11929 44 0 45.1193 0 46.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 90.5C0 91.8807 1.11929 93 2.5 93C3.88071 93 5 91.8807 5 90.5C5 89.1193 3.88071 88 2.5 88C1.11929 88 0 89.1193 0 90.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24.5C0 25.8807 1.11929 27 2.5 27C3.88071 27 5 25.8807 5 24.5C5 23.1193 3.88071 22 2.5 22C1.11929 22 0 23.1193 0 24.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5C0 69.8807 1.11929 71 2.5 71C3.88071 71 5 69.8807 5 68.5C5 67.1193 3.88071 66 2.5 66C1.11929 66 0 67.1193 0 68.5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 112.5C0 113.881 1.11929 115 2.5 115C3.88071 115 5 113.881 5 112.5C5 111.119 3.88071 110 2.5 110C1.11929 110 0 111.119 0 112.5Z" fill="#10B981"/>
+</svg>

public/atis-assets/elements/bullets-green-right.svg

@@ -0,0 +1,56 @@
+<svg width="115" height="157" viewBox="0 0 115 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5C0 3.88071 1.11929 5 2.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 5C47.8807 5 49 3.88071 49 2.5C49 1.11929 47.8807 0 46.5 0C45.1193 0 44 1.11929 44 2.5C44 3.88071 45.1193 5 46.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 5C91.8807 5 93 3.88071 93 2.5C93 1.11929 91.8807 0 90.5 0C89.1193 0 88 1.11929 88 2.5C88 3.88071 89.1193 5 90.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 5C25.8807 5 27 3.88071 27 2.5C27 1.11929 25.8807 0 24.5 0C23.1193 0 22 1.11929 22 2.5C22 3.88071 23.1193 5 24.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 5C69.8807 5 71 3.88071 71 2.5C71 1.11929 69.8807 0 68.5 0C67.1193 0 66 1.11929 66 2.5C66 3.88071 67.1193 5 68.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 5C113.881 5 115 3.88071 115 2.5C115 1.11929 113.881 0 112.5 0C111.119 0 110 1.11929 110 2.5C110 3.88071 111.119 5 112.5 5Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 62C3.88071 62 5 60.8807 5 59.5C5 58.1193 3.88071 57 2.5 57C1.11929 57 0 58.1193 0 59.5C0 60.8807 1.11929 62 2.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 62C47.8807 62 49 60.8807 49 59.5C49 58.1193 47.8807 57 46.5 57C45.1193 57 44 58.1193 44 59.5C44 60.8807 45.1193 62 46.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 62C91.8807 62 93 60.8807 93 59.5C93 58.1193 91.8807 57 90.5 57C89.1193 57 88 58.1193 88 59.5C88 60.8807 89.1193 62 90.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 62C25.8807 62 27 60.8807 27 59.5C27 58.1193 25.8807 57 24.5 57C23.1193 57 22 58.1193 22 59.5C22 60.8807 23.1193 62 24.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 62C69.8807 62 71 60.8807 71 59.5C71 58.1193 69.8807 57 68.5 57C67.1193 57 66 58.1193 66 59.5C66 60.8807 67.1193 62 68.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 62C113.881 62 115 60.8807 115 59.5C115 58.1193 113.881 57 112.5 57C111.119 57 110 58.1193 110 59.5C110 60.8807 111.119 62 112.5 62Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 119C3.88071 119 5 117.881 5 116.5C5 115.119 3.88071 114 2.5 114C1.11929 114 0 115.119 0 116.5C0 117.881 1.11929 119 2.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 119C47.8807 119 49 117.881 49 116.5C49 115.119 47.8807 114 46.5 114C45.1193 114 44 115.119 44 116.5C44 117.881 45.1193 119 46.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 119C91.8807 119 93 117.881 93 116.5C93 115.119 91.8807 114 90.5 114C89.1193 114 88 115.119 88 116.5C88 117.881 89.1193 119 90.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 119C25.8807 119 27 117.881 27 116.5C27 115.119 25.8807 114 24.5 114C23.1193 114 22 115.119 22 116.5C22 117.881 23.1193 119 24.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 119C69.8807 119 71 117.881 71 116.5C71 115.119 69.8807 114 68.5 114C67.1193 114 66 115.119 66 116.5C66 117.881 67.1193 119 68.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 119C113.881 119 115 117.881 115 116.5C115 115.119 113.881 114 112.5 114C111.119 114 110 115.119 110 116.5C110 117.881 111.119 119 112.5 119Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 24C3.88071 24 5 22.8807 5 21.5C5 20.1193 3.88071 19 2.5 19C1.11929 19 0 20.1193 0 21.5C0 22.8807 1.11929 24 2.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 24C47.8807 24 49 22.8807 49 21.5C49 20.1193 47.8807 19 46.5 19C45.1193 19 44 20.1193 44 21.5C44 22.8807 45.1193 24 46.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 24C91.8807 24 93 22.8807 93 21.5C93 20.1193 91.8807 19 90.5 19C89.1193 19 88 20.1193 88 21.5C88 22.8807 89.1193 24 90.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C25.8807 24 27 22.8807 27 21.5C27 20.1193 25.8807 19 24.5 19C23.1193 19 22 20.1193 22 21.5C22 22.8807 23.1193 24 24.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 24C69.8807 24 71 22.8807 71 21.5C71 20.1193 69.8807 19 68.5 19C67.1193 19 66 20.1193 66 21.5C66 22.8807 67.1193 24 68.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 24C113.881 24 115 22.8807 115 21.5C115 20.1193 113.881 19 112.5 19C111.119 19 110 20.1193 110 21.5C110 22.8807 111.119 24 112.5 24Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 81C3.88071 81 5 79.8807 5 78.5C5 77.1193 3.88071 76 2.5 76C1.11929 76 0 77.1193 0 78.5C0 79.8807 1.11929 81 2.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 81C47.8807 81 49 79.8807 49 78.5C49 77.1193 47.8807 76 46.5 76C45.1193 76 44 77.1193 44 78.5C44 79.8807 45.1193 81 46.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 81C91.8807 81 93 79.8807 93 78.5C93 77.1193 91.8807 76 90.5 76C89.1193 76 88 77.1193 88 78.5C88 79.8807 89.1193 81 90.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 81C25.8807 81 27 79.8807 27 78.5C27 77.1193 25.8807 76 24.5 76C23.1193 76 22 77.1193 22 78.5C22 79.8807 23.1193 81 24.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 81C69.8807 81 71 79.8807 71 78.5C71 77.1193 69.8807 76 68.5 76C67.1193 76 66 77.1193 66 78.5C66 79.8807 67.1193 81 68.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 81C113.881 81 115 79.8807 115 78.5C115 77.1193 113.881 76 112.5 76C111.119 76 110 77.1193 110 78.5C110 79.8807 111.119 81 112.5 81Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 138C3.88071 138 5 136.881 5 135.5C5 134.119 3.88071 133 2.5 133C1.11929 133 0 134.119 0 135.5C0 136.881 1.11929 138 2.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 138C47.8807 138 49 136.881 49 135.5C49 134.119 47.8807 133 46.5 133C45.1193 133 44 134.119 44 135.5C44 136.881 45.1193 138 46.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 138C91.8807 138 93 136.881 93 135.5C93 134.119 91.8807 133 90.5 133C89.1193 133 88 134.119 88 135.5C88 136.881 89.1193 138 90.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 138C25.8807 138 27 136.881 27 135.5C27 134.119 25.8807 133 24.5 133C23.1193 133 22 134.119 22 135.5C22 136.881 23.1193 138 24.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 138C69.8807 138 71 136.881 71 135.5C71 134.119 69.8807 133 68.5 133C67.1193 133 66 134.119 66 135.5C66 136.881 67.1193 138 68.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 138C113.881 138 115 136.881 115 135.5C115 134.119 113.881 133 112.5 133C111.119 133 110 134.119 110 135.5C110 136.881 111.119 138 112.5 138Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 43C3.88071 43 5 41.8807 5 40.5C5 39.1193 3.88071 38 2.5 38C1.11929 38 0 39.1193 0 40.5C0 41.8807 1.11929 43 2.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 43C47.8807 43 49 41.8807 49 40.5C49 39.1193 47.8807 38 46.5 38C45.1193 38 44 39.1193 44 40.5C44 41.8807 45.1193 43 46.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 43C91.8807 43 93 41.8807 93 40.5C93 39.1193 91.8807 38 90.5 38C89.1193 38 88 39.1193 88 40.5C88 41.8807 89.1193 43 90.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 43C25.8807 43 27 41.8807 27 40.5C27 39.1193 25.8807 38 24.5 38C23.1193 38 22 39.1193 22 40.5C22 41.8807 23.1193 43 24.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 43C69.8807 43 71 41.8807 71 40.5C71 39.1193 69.8807 38 68.5 38C67.1193 38 66 39.1193 66 40.5C66 41.8807 67.1193 43 68.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 43C113.881 43 115 41.8807 115 40.5C115 39.1193 113.881 38 112.5 38C111.119 38 110 39.1193 110 40.5C110 41.8807 111.119 43 112.5 43Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 100C3.88071 100 5 98.8807 5 97.5C5 96.1193 3.88071 95 2.5 95C1.11929 95 0 96.1193 0 97.5C0 98.8807 1.11929 100 2.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 100C47.8807 100 49 98.8807 49 97.5C49 96.1193 47.8807 95 46.5 95C45.1193 95 44 96.1193 44 97.5C44 98.8807 45.1193 100 46.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 100C91.8807 100 93 98.8807 93 97.5C93 96.1193 91.8807 95 90.5 95C89.1193 95 88 96.1193 88 97.5C88 98.8807 89.1193 100 90.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 100C25.8807 100 27 98.8807 27 97.5C27 96.1193 25.8807 95 24.5 95C23.1193 95 22 96.1193 22 97.5C22 98.8807 23.1193 100 24.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 100C69.8807 100 71 98.8807 71 97.5C71 96.1193 69.8807 95 68.5 95C67.1193 95 66 96.1193 66 97.5C66 98.8807 67.1193 100 68.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 100C113.881 100 115 98.8807 115 97.5C115 96.1193 113.881 95 112.5 95C111.119 95 110 96.1193 110 97.5C110 98.8807 111.119 100 112.5 100Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 157C3.88071 157 5 155.881 5 154.5C5 153.119 3.88071 152 2.5 152C1.11929 152 0 153.119 0 154.5C0 155.881 1.11929 157 2.5 157Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 157C47.8807 157 49 155.881 49 154.5C49 153.119 47.8807 152 46.5 152C45.1193 152 44 153.119 44 154.5C44 155.881 45.1193 157 46.5 157Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 157C91.8807 157 93 155.881 93 154.5C93 153.119 91.8807 152 90.5 152C89.1193 152 88 153.119 88 154.5C88 155.881 89.1193 157 90.5 157Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 157C25.8807 157 27 155.881 27 154.5C27 153.119 25.8807 152 24.5 152C23.1193 152 22 153.119 22 154.5C22 155.881 23.1193 157 24.5 157Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 157C69.8807 157 71 155.881 71 154.5C71 153.119 69.8807 152 68.5 152C67.1193 152 66 153.119 66 154.5C66 155.881 67.1193 157 68.5 157Z" fill="#10B981"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 157C113.881 157 115 155.881 115 154.5C115 153.119 113.881 152 112.5 152C111.119 152 110 153.119 110 154.5C110 155.881 111.119 157 112.5 157Z" fill="#10B981"/>
+</svg>

public/atis-assets/elements/bullets-pink-left.svg

@@ -0,0 +1,56 @@
+<svg width="157" height="115" viewBox="0 0 157 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 2.5C152 3.88071 153.119 5 154.5 5C155.881 5 157 3.88071 157 2.5C157 1.11929 155.881 0 154.5 0C153.119 0 152 1.11929 152 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 46.5C152 47.8807 153.119 49 154.5 49C155.881 49 157 47.8807 157 46.5C157 45.1193 155.881 44 154.5 44C153.119 44 152 45.1193 152 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 90.5C152 91.8807 153.119 93 154.5 93C155.881 93 157 91.8807 157 90.5C157 89.1193 155.881 88 154.5 88C153.119 88 152 89.1193 152 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 24.5C152 25.8807 153.119 27 154.5 27C155.881 27 157 25.8807 157 24.5C157 23.1193 155.881 22 154.5 22C153.119 22 152 23.1193 152 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 68.5C152 69.8807 153.119 71 154.5 71C155.881 71 157 69.8807 157 68.5C157 67.1193 155.881 66 154.5 66C153.119 66 152 67.1193 152 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 112.5C152 113.881 153.119 115 154.5 115C155.881 115 157 113.881 157 112.5C157 111.119 155.881 110 154.5 110C153.119 110 152 111.119 152 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 2.5C95 3.88071 96.1193 5 97.5 5C98.8807 5 100 3.88071 100 2.5C100 1.11929 98.8807 0 97.5 0C96.1193 0 95 1.11929 95 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 46.5C95 47.8807 96.1193 49 97.5 49C98.8807 49 100 47.8807 100 46.5C100 45.1193 98.8807 44 97.5 44C96.1193 44 95 45.1193 95 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 90.5C95 91.8807 96.1193 93 97.5 93C98.8807 93 100 91.8807 100 90.5C100 89.1193 98.8807 88 97.5 88C96.1193 88 95 89.1193 95 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 24.5C95 25.8807 96.1193 27 97.5 27C98.8807 27 100 25.8807 100 24.5C100 23.1193 98.8807 22 97.5 22C96.1193 22 95 23.1193 95 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 68.5C95 69.8807 96.1193 71 97.5 71C98.8807 71 100 69.8807 100 68.5C100 67.1193 98.8807 66 97.5 66C96.1193 66 95 67.1193 95 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 112.5C95 113.881 96.1193 115 97.5 115C98.8807 115 100 113.881 100 112.5C100 111.119 98.8807 110 97.5 110C96.1193 110 95 111.119 95 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 2.5C38 3.88071 39.1193 5 40.5 5C41.8807 5 43 3.88071 43 2.5C43 1.11929 41.8807 0 40.5 0C39.1193 0 38 1.11929 38 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 46.5C38 47.8807 39.1193 49 40.5 49C41.8807 49 43 47.8807 43 46.5C43 45.1193 41.8807 44 40.5 44C39.1193 44 38 45.1193 38 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 90.5C38 91.8807 39.1193 93 40.5 93C41.8807 93 43 91.8807 43 90.5C43 89.1193 41.8807 88 40.5 88C39.1193 88 38 89.1193 38 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 24.5C38 25.8807 39.1193 27 40.5 27C41.8807 27 43 25.8807 43 24.5C43 23.1193 41.8807 22 40.5 22C39.1193 22 38 23.1193 38 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 68.5C38 69.8807 39.1193 71 40.5 71C41.8807 71 43 69.8807 43 68.5C43 67.1193 41.8807 66 40.5 66C39.1193 66 38 67.1193 38 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 112.5C38 113.881 39.1193 115 40.5 115C41.8807 115 43 113.881 43 112.5C43 111.119 41.8807 110 40.5 110C39.1193 110 38 111.119 38 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 2.5C133 3.88071 134.119 5 135.5 5C136.881 5 138 3.88071 138 2.5C138 1.11929 136.881 0 135.5 0C134.119 0 133 1.11929 133 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 46.5C133 47.8807 134.119 49 135.5 49C136.881 49 138 47.8807 138 46.5C138 45.1193 136.881 44 135.5 44C134.119 44 133 45.1193 133 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 90.5C133 91.8807 134.119 93 135.5 93C136.881 93 138 91.8807 138 90.5C138 89.1193 136.881 88 135.5 88C134.119 88 133 89.1193 133 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 24.5C133 25.8807 134.119 27 135.5 27C136.881 27 138 25.8807 138 24.5C138 23.1193 136.881 22 135.5 22C134.119 22 133 23.1193 133 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 68.5C133 69.8807 134.119 71 135.5 71C136.881 71 138 69.8807 138 68.5C138 67.1193 136.881 66 135.5 66C134.119 66 133 67.1193 133 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 112.5C133 113.881 134.119 115 135.5 115C136.881 115 138 113.881 138 112.5C138 111.119 136.881 110 135.5 110C134.119 110 133 111.119 133 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 2.5C76 3.88071 77.1193 5 78.5 5C79.8807 5 81 3.88071 81 2.5C81 1.11929 79.8807 0 78.5 0C77.1193 0 76 1.11929 76 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 46.5C76 47.8807 77.1193 49 78.5 49C79.8807 49 81 47.8807 81 46.5C81 45.1193 79.8807 44 78.5 44C77.1193 44 76 45.1193 76 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 90.5C76 91.8807 77.1193 93 78.5 93C79.8807 93 81 91.8807 81 90.5C81 89.1193 79.8807 88 78.5 88C77.1193 88 76 89.1193 76 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 24.5C76 25.8807 77.1193 27 78.5 27C79.8807 27 81 25.8807 81 24.5C81 23.1193 79.8807 22 78.5 22C77.1193 22 76 23.1193 76 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 68.5C76 69.8807 77.1193 71 78.5 71C79.8807 71 81 69.8807 81 68.5C81 67.1193 79.8807 66 78.5 66C77.1193 66 76 67.1193 76 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 112.5C76 113.881 77.1193 115 78.5 115C79.8807 115 81 113.881 81 112.5C81 111.119 79.8807 110 78.5 110C77.1193 110 76 111.119 76 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2.5C19 3.88071 20.1193 5 21.5 5C22.8807 5 24 3.88071 24 2.5C24 1.11929 22.8807 0 21.5 0C20.1193 0 19 1.11929 19 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 46.5C19 47.8807 20.1193 49 21.5 49C22.8807 49 24 47.8807 24 46.5C24 45.1193 22.8807 44 21.5 44C20.1193 44 19 45.1193 19 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 90.5C19 91.8807 20.1193 93 21.5 93C22.8807 93 24 91.8807 24 90.5C24 89.1193 22.8807 88 21.5 88C20.1193 88 19 89.1193 19 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.5C19 25.8807 20.1193 27 21.5 27C22.8807 27 24 25.8807 24 24.5C24 23.1193 22.8807 22 21.5 22C20.1193 22 19 23.1193 19 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 68.5C19 69.8807 20.1193 71 21.5 71C22.8807 71 24 69.8807 24 68.5C24 67.1193 22.8807 66 21.5 66C20.1193 66 19 67.1193 19 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 112.5C19 113.881 20.1193 115 21.5 115C22.8807 115 24 113.881 24 112.5C24 111.119 22.8807 110 21.5 110C20.1193 110 19 111.119 19 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 2.5C114 3.88071 115.119 5 116.5 5C117.881 5 119 3.88071 119 2.5C119 1.11929 117.881 0 116.5 0C115.119 0 114 1.11929 114 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 46.5C114 47.8807 115.119 49 116.5 49C117.881 49 119 47.8807 119 46.5C119 45.1193 117.881 44 116.5 44C115.119 44 114 45.1193 114 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 90.5C114 91.8807 115.119 93 116.5 93C117.881 93 119 91.8807 119 90.5C119 89.1193 117.881 88 116.5 88C115.119 88 114 89.1193 114 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 24.5C114 25.8807 115.119 27 116.5 27C117.881 27 119 25.8807 119 24.5C119 23.1193 117.881 22 116.5 22C115.119 22 114 23.1193 114 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 68.5C114 69.8807 115.119 71 116.5 71C117.881 71 119 69.8807 119 68.5C119 67.1193 117.881 66 116.5 66C115.119 66 114 67.1193 114 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 112.5C114 113.881 115.119 115 116.5 115C117.881 115 119 113.881 119 112.5C119 111.119 117.881 110 116.5 110C115.119 110 114 111.119 114 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 2.5C57 3.88071 58.1193 5 59.5 5C60.8807 5 62 3.88071 62 2.5C62 1.11929 60.8807 0 59.5 0C58.1193 0 57 1.11929 57 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 46.5C57 47.8807 58.1193 49 59.5 49C60.8807 49 62 47.8807 62 46.5C62 45.1193 60.8807 44 59.5 44C58.1193 44 57 45.1193 57 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 90.5C57 91.8807 58.1193 93 59.5 93C60.8807 93 62 91.8807 62 90.5C62 89.1193 60.8807 88 59.5 88C58.1193 88 57 89.1193 57 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 24.5C57 25.8807 58.1193 27 59.5 27C60.8807 27 62 25.8807 62 24.5C62 23.1193 60.8807 22 59.5 22C58.1193 22 57 23.1193 57 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 68.5C57 69.8807 58.1193 71 59.5 71C60.8807 71 62 69.8807 62 68.5C62 67.1193 60.8807 66 59.5 66C58.1193 66 57 67.1193 57 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 112.5C57 113.881 58.1193 115 59.5 115C60.8807 115 62 113.881 62 112.5C62 111.119 60.8807 110 59.5 110C58.1193 110 57 111.119 57 112.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.5C0 47.8807 1.11929 49 2.5 49C3.88071 49 5 47.8807 5 46.5C5 45.1193 3.88071 44 2.5 44C1.11929 44 0 45.1193 0 46.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 90.5C0 91.8807 1.11929 93 2.5 93C3.88071 93 5 91.8807 5 90.5C5 89.1193 3.88071 88 2.5 88C1.11929 88 0 89.1193 0 90.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24.5C0 25.8807 1.11929 27 2.5 27C3.88071 27 5 25.8807 5 24.5C5 23.1193 3.88071 22 2.5 22C1.11929 22 0 23.1193 0 24.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5C0 69.8807 1.11929 71 2.5 71C3.88071 71 5 69.8807 5 68.5C5 67.1193 3.88071 66 2.5 66C1.11929 66 0 67.1193 0 68.5Z" fill="#EB4899"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 112.5C0 113.881 1.11929 115 2.5 115C3.88071 115 5 113.881 5 112.5C5 111.119 3.88071 110 2.5 110C1.11929 110 0 111.119 0 112.5Z" fill="#EB4899"/>
+</svg>

public/atis-assets/elements/bullets-yellow-left.svg

@@ -0,0 +1,56 @@
+<svg width="157" height="115" viewBox="0 0 157 115" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 2.5C152 3.88071 153.119 5 154.5 5C155.881 5 157 3.88071 157 2.5C157 1.11929 155.881 0 154.5 0C153.119 0 152 1.11929 152 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 46.5C152 47.8807 153.119 49 154.5 49C155.881 49 157 47.8807 157 46.5C157 45.1193 155.881 44 154.5 44C153.119 44 152 45.1193 152 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 90.5C152 91.8807 153.119 93 154.5 93C155.881 93 157 91.8807 157 90.5C157 89.1193 155.881 88 154.5 88C153.119 88 152 89.1193 152 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 24.5C152 25.8807 153.119 27 154.5 27C155.881 27 157 25.8807 157 24.5C157 23.1193 155.881 22 154.5 22C153.119 22 152 23.1193 152 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 68.5C152 69.8807 153.119 71 154.5 71C155.881 71 157 69.8807 157 68.5C157 67.1193 155.881 66 154.5 66C153.119 66 152 67.1193 152 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M152 112.5C152 113.881 153.119 115 154.5 115C155.881 115 157 113.881 157 112.5C157 111.119 155.881 110 154.5 110C153.119 110 152 111.119 152 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 2.5C95 3.88071 96.1193 5 97.5 5C98.8807 5 100 3.88071 100 2.5C100 1.11929 98.8807 0 97.5 0C96.1193 0 95 1.11929 95 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 46.5C95 47.8807 96.1193 49 97.5 49C98.8807 49 100 47.8807 100 46.5C100 45.1193 98.8807 44 97.5 44C96.1193 44 95 45.1193 95 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 90.5C95 91.8807 96.1193 93 97.5 93C98.8807 93 100 91.8807 100 90.5C100 89.1193 98.8807 88 97.5 88C96.1193 88 95 89.1193 95 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 24.5C95 25.8807 96.1193 27 97.5 27C98.8807 27 100 25.8807 100 24.5C100 23.1193 98.8807 22 97.5 22C96.1193 22 95 23.1193 95 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 68.5C95 69.8807 96.1193 71 97.5 71C98.8807 71 100 69.8807 100 68.5C100 67.1193 98.8807 66 97.5 66C96.1193 66 95 67.1193 95 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M95 112.5C95 113.881 96.1193 115 97.5 115C98.8807 115 100 113.881 100 112.5C100 111.119 98.8807 110 97.5 110C96.1193 110 95 111.119 95 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 2.5C38 3.88071 39.1193 5 40.5 5C41.8807 5 43 3.88071 43 2.5C43 1.11929 41.8807 0 40.5 0C39.1193 0 38 1.11929 38 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 46.5C38 47.8807 39.1193 49 40.5 49C41.8807 49 43 47.8807 43 46.5C43 45.1193 41.8807 44 40.5 44C39.1193 44 38 45.1193 38 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 90.5C38 91.8807 39.1193 93 40.5 93C41.8807 93 43 91.8807 43 90.5C43 89.1193 41.8807 88 40.5 88C39.1193 88 38 89.1193 38 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 24.5C38 25.8807 39.1193 27 40.5 27C41.8807 27 43 25.8807 43 24.5C43 23.1193 41.8807 22 40.5 22C39.1193 22 38 23.1193 38 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 68.5C38 69.8807 39.1193 71 40.5 71C41.8807 71 43 69.8807 43 68.5C43 67.1193 41.8807 66 40.5 66C39.1193 66 38 67.1193 38 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M38 112.5C38 113.881 39.1193 115 40.5 115C41.8807 115 43 113.881 43 112.5C43 111.119 41.8807 110 40.5 110C39.1193 110 38 111.119 38 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 2.5C133 3.88071 134.119 5 135.5 5C136.881 5 138 3.88071 138 2.5C138 1.11929 136.881 0 135.5 0C134.119 0 133 1.11929 133 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 46.5C133 47.8807 134.119 49 135.5 49C136.881 49 138 47.8807 138 46.5C138 45.1193 136.881 44 135.5 44C134.119 44 133 45.1193 133 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 90.5C133 91.8807 134.119 93 135.5 93C136.881 93 138 91.8807 138 90.5C138 89.1193 136.881 88 135.5 88C134.119 88 133 89.1193 133 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 24.5C133 25.8807 134.119 27 135.5 27C136.881 27 138 25.8807 138 24.5C138 23.1193 136.881 22 135.5 22C134.119 22 133 23.1193 133 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 68.5C133 69.8807 134.119 71 135.5 71C136.881 71 138 69.8807 138 68.5C138 67.1193 136.881 66 135.5 66C134.119 66 133 67.1193 133 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M133 112.5C133 113.881 134.119 115 135.5 115C136.881 115 138 113.881 138 112.5C138 111.119 136.881 110 135.5 110C134.119 110 133 111.119 133 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 2.5C76 3.88071 77.1193 5 78.5 5C79.8807 5 81 3.88071 81 2.5C81 1.11929 79.8807 0 78.5 0C77.1193 0 76 1.11929 76 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 46.5C76 47.8807 77.1193 49 78.5 49C79.8807 49 81 47.8807 81 46.5C81 45.1193 79.8807 44 78.5 44C77.1193 44 76 45.1193 76 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 90.5C76 91.8807 77.1193 93 78.5 93C79.8807 93 81 91.8807 81 90.5C81 89.1193 79.8807 88 78.5 88C77.1193 88 76 89.1193 76 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 24.5C76 25.8807 77.1193 27 78.5 27C79.8807 27 81 25.8807 81 24.5C81 23.1193 79.8807 22 78.5 22C77.1193 22 76 23.1193 76 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 68.5C76 69.8807 77.1193 71 78.5 71C79.8807 71 81 69.8807 81 68.5C81 67.1193 79.8807 66 78.5 66C77.1193 66 76 67.1193 76 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M76 112.5C76 113.881 77.1193 115 78.5 115C79.8807 115 81 113.881 81 112.5C81 111.119 79.8807 110 78.5 110C77.1193 110 76 111.119 76 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 2.5C19 3.88071 20.1193 5 21.5 5C22.8807 5 24 3.88071 24 2.5C24 1.11929 22.8807 0 21.5 0C20.1193 0 19 1.11929 19 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 46.5C19 47.8807 20.1193 49 21.5 49C22.8807 49 24 47.8807 24 46.5C24 45.1193 22.8807 44 21.5 44C20.1193 44 19 45.1193 19 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 90.5C19 91.8807 20.1193 93 21.5 93C22.8807 93 24 91.8807 24 90.5C24 89.1193 22.8807 88 21.5 88C20.1193 88 19 89.1193 19 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 24.5C19 25.8807 20.1193 27 21.5 27C22.8807 27 24 25.8807 24 24.5C24 23.1193 22.8807 22 21.5 22C20.1193 22 19 23.1193 19 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 68.5C19 69.8807 20.1193 71 21.5 71C22.8807 71 24 69.8807 24 68.5C24 67.1193 22.8807 66 21.5 66C20.1193 66 19 67.1193 19 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M19 112.5C19 113.881 20.1193 115 21.5 115C22.8807 115 24 113.881 24 112.5C24 111.119 22.8807 110 21.5 110C20.1193 110 19 111.119 19 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 2.5C114 3.88071 115.119 5 116.5 5C117.881 5 119 3.88071 119 2.5C119 1.11929 117.881 0 116.5 0C115.119 0 114 1.11929 114 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 46.5C114 47.8807 115.119 49 116.5 49C117.881 49 119 47.8807 119 46.5C119 45.1193 117.881 44 116.5 44C115.119 44 114 45.1193 114 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 90.5C114 91.8807 115.119 93 116.5 93C117.881 93 119 91.8807 119 90.5C119 89.1193 117.881 88 116.5 88C115.119 88 114 89.1193 114 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 24.5C114 25.8807 115.119 27 116.5 27C117.881 27 119 25.8807 119 24.5C119 23.1193 117.881 22 116.5 22C115.119 22 114 23.1193 114 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 68.5C114 69.8807 115.119 71 116.5 71C117.881 71 119 69.8807 119 68.5C119 67.1193 117.881 66 116.5 66C115.119 66 114 67.1193 114 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M114 112.5C114 113.881 115.119 115 116.5 115C117.881 115 119 113.881 119 112.5C119 111.119 117.881 110 116.5 110C115.119 110 114 111.119 114 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 2.5C57 3.88071 58.1193 5 59.5 5C60.8807 5 62 3.88071 62 2.5C62 1.11929 60.8807 0 59.5 0C58.1193 0 57 1.11929 57 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 46.5C57 47.8807 58.1193 49 59.5 49C60.8807 49 62 47.8807 62 46.5C62 45.1193 60.8807 44 59.5 44C58.1193 44 57 45.1193 57 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 90.5C57 91.8807 58.1193 93 59.5 93C60.8807 93 62 91.8807 62 90.5C62 89.1193 60.8807 88 59.5 88C58.1193 88 57 89.1193 57 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 24.5C57 25.8807 58.1193 27 59.5 27C60.8807 27 62 25.8807 62 24.5C62 23.1193 60.8807 22 59.5 22C58.1193 22 57 23.1193 57 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 68.5C57 69.8807 58.1193 71 59.5 71C60.8807 71 62 69.8807 62 68.5C62 67.1193 60.8807 66 59.5 66C58.1193 66 57 67.1193 57 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M57 112.5C57 113.881 58.1193 115 59.5 115C60.8807 115 62 113.881 62 112.5C62 111.119 60.8807 110 59.5 110C58.1193 110 57 111.119 57 112.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 2.5C0 3.88071 1.11929 5 2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 46.5C0 47.8807 1.11929 49 2.5 49C3.88071 49 5 47.8807 5 46.5C5 45.1193 3.88071 44 2.5 44C1.11929 44 0 45.1193 0 46.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 90.5C0 91.8807 1.11929 93 2.5 93C3.88071 93 5 91.8807 5 90.5C5 89.1193 3.88071 88 2.5 88C1.11929 88 0 89.1193 0 90.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 24.5C0 25.8807 1.11929 27 2.5 27C3.88071 27 5 25.8807 5 24.5C5 23.1193 3.88071 22 2.5 22C1.11929 22 0 23.1193 0 24.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 68.5C0 69.8807 1.11929 71 2.5 71C3.88071 71 5 69.8807 5 68.5C5 67.1193 3.88071 66 2.5 66C1.11929 66 0 67.1193 0 68.5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 112.5C0 113.881 1.11929 115 2.5 115C3.88071 115 5 113.881 5 112.5C5 111.119 3.88071 110 2.5 110C1.11929 110 0 111.119 0 112.5Z" fill="#FBBF23"/>
+</svg>

public/atis-assets/elements/bullets-yellow-right.svg

@@ -0,0 +1,56 @@
+<svg width="115" height="157" viewBox="0 0 115 157" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 5C3.88071 5 5 3.88071 5 2.5C5 1.11929 3.88071 0 2.5 0C1.11929 0 0 1.11929 0 2.5C0 3.88071 1.11929 5 2.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 5C47.8807 5 49 3.88071 49 2.5C49 1.11929 47.8807 0 46.5 0C45.1193 0 44 1.11929 44 2.5C44 3.88071 45.1193 5 46.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 5C91.8807 5 93 3.88071 93 2.5C93 1.11929 91.8807 0 90.5 0C89.1193 0 88 1.11929 88 2.5C88 3.88071 89.1193 5 90.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 5C25.8807 5 27 3.88071 27 2.5C27 1.11929 25.8807 0 24.5 0C23.1193 0 22 1.11929 22 2.5C22 3.88071 23.1193 5 24.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 5C69.8807 5 71 3.88071 71 2.5C71 1.11929 69.8807 0 68.5 0C67.1193 0 66 1.11929 66 2.5C66 3.88071 67.1193 5 68.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 5C113.881 5 115 3.88071 115 2.5C115 1.11929 113.881 0 112.5 0C111.119 0 110 1.11929 110 2.5C110 3.88071 111.119 5 112.5 5Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 62C3.88071 62 5 60.8807 5 59.5C5 58.1193 3.88071 57 2.5 57C1.11929 57 0 58.1193 0 59.5C0 60.8807 1.11929 62 2.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 62C47.8807 62 49 60.8807 49 59.5C49 58.1193 47.8807 57 46.5 57C45.1193 57 44 58.1193 44 59.5C44 60.8807 45.1193 62 46.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 62C91.8807 62 93 60.8807 93 59.5C93 58.1193 91.8807 57 90.5 57C89.1193 57 88 58.1193 88 59.5C88 60.8807 89.1193 62 90.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 62C25.8807 62 27 60.8807 27 59.5C27 58.1193 25.8807 57 24.5 57C23.1193 57 22 58.1193 22 59.5C22 60.8807 23.1193 62 24.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 62C69.8807 62 71 60.8807 71 59.5C71 58.1193 69.8807 57 68.5 57C67.1193 57 66 58.1193 66 59.5C66 60.8807 67.1193 62 68.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 62C113.881 62 115 60.8807 115 59.5C115 58.1193 113.881 57 112.5 57C111.119 57 110 58.1193 110 59.5C110 60.8807 111.119 62 112.5 62Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 119C3.88071 119 5 117.881 5 116.5C5 115.119 3.88071 114 2.5 114C1.11929 114 0 115.119 0 116.5C0 117.881 1.11929 119 2.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 119C47.8807 119 49 117.881 49 116.5C49 115.119 47.8807 114 46.5 114C45.1193 114 44 115.119 44 116.5C44 117.881 45.1193 119 46.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 119C91.8807 119 93 117.881 93 116.5C93 115.119 91.8807 114 90.5 114C89.1193 114 88 115.119 88 116.5C88 117.881 89.1193 119 90.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 119C25.8807 119 27 117.881 27 116.5C27 115.119 25.8807 114 24.5 114C23.1193 114 22 115.119 22 116.5C22 117.881 23.1193 119 24.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 119C69.8807 119 71 117.881 71 116.5C71 115.119 69.8807 114 68.5 114C67.1193 114 66 115.119 66 116.5C66 117.881 67.1193 119 68.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 119C113.881 119 115 117.881 115 116.5C115 115.119 113.881 114 112.5 114C111.119 114 110 115.119 110 116.5C110 117.881 111.119 119 112.5 119Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 24C3.88071 24 5 22.8807 5 21.5C5 20.1193 3.88071 19 2.5 19C1.11929 19 0 20.1193 0 21.5C0 22.8807 1.11929 24 2.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 24C47.8807 24 49 22.8807 49 21.5C49 20.1193 47.8807 19 46.5 19C45.1193 19 44 20.1193 44 21.5C44 22.8807 45.1193 24 46.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 24C91.8807 24 93 22.8807 93 21.5C93 20.1193 91.8807 19 90.5 19C89.1193 19 88 20.1193 88 21.5C88 22.8807 89.1193 24 90.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 24C25.8807 24 27 22.8807 27 21.5C27 20.1193 25.8807 19 24.5 19C23.1193 19 22 20.1193 22 21.5C22 22.8807 23.1193 24 24.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 24C69.8807 24 71 22.8807 71 21.5C71 20.1193 69.8807 19 68.5 19C67.1193 19 66 20.1193 66 21.5C66 22.8807 67.1193 24 68.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 24C113.881 24 115 22.8807 115 21.5C115 20.1193 113.881 19 112.5 19C111.119 19 110 20.1193 110 21.5C110 22.8807 111.119 24 112.5 24Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 81C3.88071 81 5 79.8807 5 78.5C5 77.1193 3.88071 76 2.5 76C1.11929 76 0 77.1193 0 78.5C0 79.8807 1.11929 81 2.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 81C47.8807 81 49 79.8807 49 78.5C49 77.1193 47.8807 76 46.5 76C45.1193 76 44 77.1193 44 78.5C44 79.8807 45.1193 81 46.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 81C91.8807 81 93 79.8807 93 78.5C93 77.1193 91.8807 76 90.5 76C89.1193 76 88 77.1193 88 78.5C88 79.8807 89.1193 81 90.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 81C25.8807 81 27 79.8807 27 78.5C27 77.1193 25.8807 76 24.5 76C23.1193 76 22 77.1193 22 78.5C22 79.8807 23.1193 81 24.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 81C69.8807 81 71 79.8807 71 78.5C71 77.1193 69.8807 76 68.5 76C67.1193 76 66 77.1193 66 78.5C66 79.8807 67.1193 81 68.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 81C113.881 81 115 79.8807 115 78.5C115 77.1193 113.881 76 112.5 76C111.119 76 110 77.1193 110 78.5C110 79.8807 111.119 81 112.5 81Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 138C3.88071 138 5 136.881 5 135.5C5 134.119 3.88071 133 2.5 133C1.11929 133 0 134.119 0 135.5C0 136.881 1.11929 138 2.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 138C47.8807 138 49 136.881 49 135.5C49 134.119 47.8807 133 46.5 133C45.1193 133 44 134.119 44 135.5C44 136.881 45.1193 138 46.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 138C91.8807 138 93 136.881 93 135.5C93 134.119 91.8807 133 90.5 133C89.1193 133 88 134.119 88 135.5C88 136.881 89.1193 138 90.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 138C25.8807 138 27 136.881 27 135.5C27 134.119 25.8807 133 24.5 133C23.1193 133 22 134.119 22 135.5C22 136.881 23.1193 138 24.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 138C69.8807 138 71 136.881 71 135.5C71 134.119 69.8807 133 68.5 133C67.1193 133 66 134.119 66 135.5C66 136.881 67.1193 138 68.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 138C113.881 138 115 136.881 115 135.5C115 134.119 113.881 133 112.5 133C111.119 133 110 134.119 110 135.5C110 136.881 111.119 138 112.5 138Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 43C3.88071 43 5 41.8807 5 40.5C5 39.1193 3.88071 38 2.5 38C1.11929 38 0 39.1193 0 40.5C0 41.8807 1.11929 43 2.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 43C47.8807 43 49 41.8807 49 40.5C49 39.1193 47.8807 38 46.5 38C45.1193 38 44 39.1193 44 40.5C44 41.8807 45.1193 43 46.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 43C91.8807 43 93 41.8807 93 40.5C93 39.1193 91.8807 38 90.5 38C89.1193 38 88 39.1193 88 40.5C88 41.8807 89.1193 43 90.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 43C25.8807 43 27 41.8807 27 40.5C27 39.1193 25.8807 38 24.5 38C23.1193 38 22 39.1193 22 40.5C22 41.8807 23.1193 43 24.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 43C69.8807 43 71 41.8807 71 40.5C71 39.1193 69.8807 38 68.5 38C67.1193 38 66 39.1193 66 40.5C66 41.8807 67.1193 43 68.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 43C113.881 43 115 41.8807 115 40.5C115 39.1193 113.881 38 112.5 38C111.119 38 110 39.1193 110 40.5C110 41.8807 111.119 43 112.5 43Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 100C3.88071 100 5 98.8807 5 97.5C5 96.1193 3.88071 95 2.5 95C1.11929 95 0 96.1193 0 97.5C0 98.8807 1.11929 100 2.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 100C47.8807 100 49 98.8807 49 97.5C49 96.1193 47.8807 95 46.5 95C45.1193 95 44 96.1193 44 97.5C44 98.8807 45.1193 100 46.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 100C91.8807 100 93 98.8807 93 97.5C93 96.1193 91.8807 95 90.5 95C89.1193 95 88 96.1193 88 97.5C88 98.8807 89.1193 100 90.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 100C25.8807 100 27 98.8807 27 97.5C27 96.1193 25.8807 95 24.5 95C23.1193 95 22 96.1193 22 97.5C22 98.8807 23.1193 100 24.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 100C69.8807 100 71 98.8807 71 97.5C71 96.1193 69.8807 95 68.5 95C67.1193 95 66 96.1193 66 97.5C66 98.8807 67.1193 100 68.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 100C113.881 100 115 98.8807 115 97.5C115 96.1193 113.881 95 112.5 95C111.119 95 110 96.1193 110 97.5C110 98.8807 111.119 100 112.5 100Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 157C3.88071 157 5 155.881 5 154.5C5 153.119 3.88071 152 2.5 152C1.11929 152 0 153.119 0 154.5C0 155.881 1.11929 157 2.5 157Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.5 157C47.8807 157 49 155.881 49 154.5C49 153.119 47.8807 152 46.5 152C45.1193 152 44 153.119 44 154.5C44 155.881 45.1193 157 46.5 157Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M90.5 157C91.8807 157 93 155.881 93 154.5C93 153.119 91.8807 152 90.5 152C89.1193 152 88 153.119 88 154.5C88 155.881 89.1193 157 90.5 157Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.5 157C25.8807 157 27 155.881 27 154.5C27 153.119 25.8807 152 24.5 152C23.1193 152 22 153.119 22 154.5C22 155.881 23.1193 157 24.5 157Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M68.5 157C69.8807 157 71 155.881 71 154.5C71 153.119 69.8807 152 68.5 152C67.1193 152 66 153.119 66 154.5C66 155.881 67.1193 157 68.5 157Z" fill="#FBBF23"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M112.5 157C113.881 157 115 155.881 115 154.5C115 153.119 113.881 152 112.5 152C111.119 152 110 153.119 110 154.5C110 155.881 111.119 157 112.5 157Z" fill="#FBBF23"/>
+</svg>

public/atis-assets/elements/green-dark-up.svg

@@ -0,0 +1,3 @@
+<svg width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 49V0H49H50L49.99 0.00980377C76.595 0.537064 98 22.2688 98 49C98 76.062 76.062 98 49 98C21.938 98 0 76.062 0 49Z" fill="#17A34A"/>
+</svg>

public/atis-assets/elements/green-up.svg

@@ -0,0 +1,3 @@
+<svg width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 49V0H49H50L49.99 0.00980377C76.595 0.537064 98 22.2688 98 49C98 76.062 76.062 98 49 98C21.938 98 0 76.062 0 49Z" fill="#10B981"/>
+</svg>

public/atis-assets/elements/line-light-gray.svg

@@ -0,0 +1,3 @@
+<svg width="1106" height="405" viewBox="0 0 1106 405" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M35.0003 0.999997L823.002 0.999928L976.996 0.999928C1047.69 0.999928 1105 58.3075 1105 129L1105 276C1105 346.692 1047.69 404 976.996 404L3.52314e-05 404" stroke="#D1D5DB" stroke-width="2"/>
+</svg>

public/atis-assets/elements/line-light.svg

@@ -0,0 +1,3 @@
+<svg width="1106" height="405" viewBox="0 0 1106 405" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M35.0003 0.999997L823.002 0.999928L976.996 0.999928C1047.69 0.999928 1105 58.3075 1105 129L1105 276C1105 346.692 1047.69 404 976.996 404L3.52314e-05 404" stroke="white" stroke-width="2"/>
+</svg>

public/atis-assets/elements/line.svg

@@ -0,0 +1,3 @@
+<svg width="1106" height="405" viewBox="0 0 1106 405" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.2" d="M35.0003 0.999997L823.002 0.999928L976.996 0.999928C1047.69 0.999928 1105 58.3075 1105 129L1105 276C1105 346.692 1047.69 404 976.996 404L3.52314e-05 404" stroke="#17A34A" stroke-width="2"/>
+</svg>

public/atis-assets/elements/purple-up.svg

@@ -0,0 +1,3 @@
+<svg width="98" height="98" viewBox="0 0 98 98" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M0 49V0H49H50L49.99 0.00980377C76.595 0.537064 98 22.2688 98 49C98 76.062 76.062 98 49 98C21.938 98 0 76.062 0 49Z" fill="#7B3AEC"/>
+</svg>

public/atis-assets/elements/puzzle.svg

@@ -0,0 +1,9 @@
+<svg width="159" height="159" viewBox="0 0 159 159" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M76.7558 17.131C74.271 19.6158 72.875 22.986 72.875 26.5001V33.1251C72.875 34.8822 72.177 36.5673 70.9346 37.8097C69.6922 39.0521 68.0071 39.7501 66.25 39.7501H46.375C44.6179 39.7501 42.9328 40.4481 41.6904 41.6905C40.448 42.933 39.75 44.6181 39.75 46.3751V66.2501C39.75 68.0072 39.052 69.6923 37.8096 70.9347C36.5672 72.1771 34.8821 72.8751 33.125 72.8751H26.5C22.9859 72.8751 19.6157 74.2711 17.1308 76.756C14.646 79.2408 13.25 82.611 13.25 86.1251C13.25 89.6392 14.646 93.0094 17.1308 95.4943C19.6157 97.9791 22.9859 99.3751 26.5 99.3751H33.125C34.8821 99.3751 36.5672 100.073 37.8096 101.316C39.052 102.558 39.75 104.243 39.75 106V125.875C39.75 127.632 40.448 129.317 41.6904 130.56C42.9328 131.802 44.6179 132.5 46.375 132.5H66.25C68.0071 132.5 69.6922 131.802 70.9346 130.56C72.177 129.317 72.875 127.632 72.875 125.875V119.25C72.875 115.736 74.271 112.366 76.7558 109.881C79.2407 107.396 82.6109 106 86.125 106C89.6391 106 93.0093 107.396 95.4942 109.881C97.979 112.366 99.375 115.736 99.375 119.25V125.875C99.375 127.632 100.073 129.317 101.315 130.56C102.558 131.802 104.243 132.5 106 132.5H125.875C127.632 132.5 129.317 131.802 130.56 130.56C131.802 129.317 132.5 127.632 132.5 125.875V106C132.5 104.243 131.802 102.558 130.56 101.316C129.317 100.073 127.632 99.3751 125.875 99.3751H119.25C115.736 99.3751 112.366 97.9791 109.881 95.4943C107.396 93.0094 106 89.6392 106 86.1251C106 82.611 107.396 79.2408 109.881 76.756C112.366 74.2711 115.736 72.8751 119.25 72.8751H125.875C127.632 72.8751 129.317 72.1771 130.56 70.9347C131.802 69.6923 132.5 68.0072 132.5 66.2501V46.3751C132.5 44.6181 131.802 42.933 130.56 41.6905C129.317 40.4481 127.632 39.7501 125.875 39.7501H106C104.243 39.7501 102.558 39.0521 101.315 37.8097C100.073 36.5673 99.375 34.8822 99.375 33.1251V26.5001C99.375 22.986 97.979 19.6158 95.4942 17.131C93.0093 14.6461 89.6391 13.2501 86.125 13.2501C82.6109 13.2501 79.2407 14.6461 76.7558 17.131Z" stroke="url(#paint0_linear)" stroke-opacity="0.15" stroke-width="13.25" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="72.875" y1="-31.1249" x2="72.875" y2="123.875" gradientUnits="userSpaceOnUse">
+<stop stop-color="#17A34A"/>
+<stop offset="1" stop-color="#17A34A" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/atis-assets/elements/quote-grey.svg

@@ -0,0 +1,4 @@
+<svg width="131" height="131" viewBox="0 0 131 131" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M41.9271 60.3786C38.7006 59.4496 35.4742 58.9783 32.3357 58.9783C27.4891 58.9783 23.445 60.0859 20.3093 61.4422C23.3324 50.3748 30.5946 31.2783 45.0615 29.1278C46.4013 28.9285 47.4992 27.9597 47.8647 26.6557L51.0266 15.3465C51.2932 14.3901 51.1351 13.3663 50.5896 12.5363C50.0441 11.7063 49.1674 11.1526 48.1849 11.0179C47.1172 10.8722 46.0289 10.798 44.9502 10.798C27.5853 10.798 10.388 28.923 3.13126 54.8751C-1.12855 70.1006 -2.37763 92.9911 8.11523 107.399C13.9869 115.461 22.5532 119.766 33.5765 120.196C33.6218 120.198 33.6658 120.199 33.7112 120.199C47.3123 120.199 59.373 111.039 63.042 97.9257C65.2337 90.0862 64.243 81.8647 60.2497 74.77C56.2991 67.755 49.7926 62.6418 41.9271 60.3786Z" fill="#F9FAFB"/>
+<path d="M127.067 74.7714C123.116 67.755 116.61 62.6418 108.744 60.3786C105.518 59.4496 102.291 58.9783 99.1541 58.9783C94.3076 58.9783 90.2621 60.0859 87.1264 61.4422C90.1495 50.3748 97.4117 31.2783 111.88 29.1278C113.22 28.9285 114.316 27.9597 114.683 26.6557L117.845 15.3465C118.112 14.3901 117.954 13.3663 117.408 12.5363C116.864 11.7063 115.987 11.1526 115.003 11.0179C113.937 10.8722 112.849 10.798 111.769 10.798C94.4038 10.798 77.2065 28.923 69.9484 54.8751C65.6899 70.1006 64.4409 92.9911 74.9351 107.402C80.8054 115.463 89.3731 119.769 100.395 120.198C100.44 120.199 100.484 120.201 100.531 120.201C114.131 120.201 126.193 111.041 129.862 97.9271C132.051 90.0876 131.059 81.8647 127.067 74.7714Z" fill="#F9FAFB"/>
+</svg>

public/atis-assets/elements/terminal.svg

@@ -0,0 +1,9 @@
+<svg width="159" height="159" viewBox="0 0 159 159" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M53 59.6249L72.875 79.4999L53 99.3749M86.125 99.3749H106M33.125 132.5H125.875C129.389 132.5 132.759 131.104 135.244 128.619C137.729 126.134 139.125 122.764 139.125 119.25V39.7499C139.125 36.2358 137.729 32.8656 135.244 30.3807C132.759 27.8959 129.389 26.4999 125.875 26.4999H33.125C29.6109 26.4999 26.2407 27.8959 23.7558 30.3807C21.271 32.8656 19.875 36.2358 19.875 39.7499V119.25C19.875 122.764 21.271 126.134 23.7558 128.619C26.2407 131.104 29.6109 132.5 33.125 132.5Z" stroke="url(#paint0_linear)" stroke-opacity="0.15" stroke-width="13.25" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="79.5" y1="-12.9446" x2="79.5" y2="124.833" gradientUnits="userSpaceOnUse">
+<stop stop-color="#17A34A"/>
+<stop offset="1" stop-color="#17A34A" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/atis-assets/elements/thumb-up.svg

@@ -0,0 +1,9 @@
+<svg width="158" height="158" viewBox="0 0 158 158" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M92.1667 65.8337H123.53C125.774 65.8338 127.981 66.4074 129.941 67.5001C131.901 68.5928 133.549 70.1683 134.729 72.0771C135.909 73.9859 136.581 76.1646 136.683 78.4063C136.784 80.6481 136.31 82.8785 135.307 84.8859L112.266 130.969C111.172 133.158 109.49 134.999 107.408 136.285C105.327 137.571 102.928 138.252 100.481 138.25H74.0362C72.9631 138.25 71.89 138.119 70.8433 137.855L46.0833 131.667M92.1667 65.8337V32.917C92.1667 29.425 90.7795 26.076 88.3103 23.6068C85.841 21.1376 82.492 19.7504 79 19.7504H78.3746C75.0829 19.7504 72.4167 22.4166 72.4167 25.7083C72.4167 30.4088 71.0276 35.004 68.414 38.9145L46.0833 72.417V131.667M92.1667 65.8337H79M46.0833 131.667H32.9167C29.4247 131.667 26.0757 130.28 23.6064 127.811C21.1372 125.341 19.75 121.992 19.75 118.5V79.0004C19.75 75.5084 21.1372 72.1594 23.6064 69.6901C26.0757 67.2209 29.4247 65.8337 32.9167 65.8337H49.375" stroke="url(#paint0_linear)" stroke-opacity="0.15" stroke-width="13.25" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="78.223" y1="-24.3456" x2="78.223" y2="129.68" gradientUnits="userSpaceOnUse">
+<stop stop-color="#17A34A"/>
+<stop offset="1" stop-color="#17A34A" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/atis-assets/elements/user-circle.svg

@@ -0,0 +1,9 @@
+<svg width="159" height="159" viewBox="0 0 159 159" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M33.9266 117.952C47.8286 110.094 63.531 105.976 79.5 106C96.0625 106 111.611 110.339 125.073 117.952M99.375 66.25C99.375 71.5212 97.281 76.5765 93.5537 80.3037C89.8265 84.031 84.7712 86.125 79.5 86.125C74.2288 86.125 69.1735 84.031 65.4463 80.3037C61.719 76.5765 59.625 71.5212 59.625 66.25C59.625 60.9788 61.719 55.9235 65.4463 52.1963C69.1735 48.469 74.2288 46.375 79.5 46.375C84.7712 46.375 89.8265 48.469 93.5537 52.1963C97.281 55.9235 99.375 60.9788 99.375 66.25ZM139.125 79.5C139.125 87.3301 137.583 95.0835 134.586 102.317C131.59 109.552 127.198 116.125 121.661 121.661C116.125 127.198 109.552 131.59 102.317 134.586C95.0835 137.583 87.3301 139.125 79.5 139.125C71.6699 139.125 63.9165 137.583 56.6825 134.586C49.4485 131.59 42.8755 127.198 37.3388 121.661C31.8021 116.125 27.4101 109.552 24.4137 102.317C21.4172 95.0835 19.875 87.3301 19.875 79.5C19.875 63.6865 26.1569 48.5206 37.3388 37.3388C48.5206 26.1569 63.6865 19.875 79.5 19.875C95.3135 19.875 110.479 26.1569 121.661 37.3388C132.843 48.5206 139.125 63.6865 139.125 79.5Z" stroke="url(#paint0_linear)" stroke-opacity="0.15" stroke-width="13.25" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<linearGradient id="paint0_linear" x1="79.5" y1="-24.5" x2="79.5" y2="130.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="#17A34A"/>
+<stop offset="1" stop-color="#17A34A" stop-opacity="0"/>
+</linearGradient>
+</defs>
+</svg>

public/atis-assets/elements/wing-green-down.svg

@@ -0,0 +1,3 @@
+<svg width="166" height="165" viewBox="0 0 166 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9727 164.999C82.8152 165 82.6577 165 82.5 165C36.9365 165 0 128.063 0 82.5C0 36.9365 36.9365 0 82.5 0C128.063 0 165 36.9365 165 82.5C165 83.2975 164.989 84.0924 164.966 84.8844L165.21 165H82.9714L82.9727 164.999Z" fill="#17A34A"/>
+</svg>

public/atis-assets/elements/wing-pink-down.svg

@@ -0,0 +1,3 @@
+<svg width="166" height="165" viewBox="0 0 166 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9727 164.999C82.8152 165 82.6577 165 82.5 165C36.9365 165 0 128.063 0 82.5C0 36.9365 36.9365 0 82.5 0C128.063 0 165 36.9365 165 82.5C165 83.2975 164.989 84.0924 164.966 84.8844L165.21 165H82.9714L82.9727 164.999Z" fill="#EC4899"/>
+</svg>

public/atis-assets/elements/wing-purple-down.svg

@@ -0,0 +1,3 @@
+<svg width="166" height="165" viewBox="0 0 166 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9727 164.999C82.8152 165 82.6577 165 82.5 165C36.9365 165 0 128.063 0 82.5C0 36.9365 36.9365 0 82.5 0C128.063 0 165 36.9365 165 82.5C165 83.2975 164.989 84.0924 164.966 84.8844L165.21 165H82.9714L82.9727 164.999Z" fill="#7B3AEC"/>
+</svg>

public/atis-assets/elements/wing-yellow-down.svg

@@ -0,0 +1,3 @@
+<svg width="166" height="165" viewBox="0 0 166 165" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M82.9727 164.999C82.8152 165 82.6577 165 82.5 165C36.9365 165 0 128.063 0 82.5C0 36.9365 36.9365 0 82.5 0C128.063 0 165 36.9365 165 82.5C165 83.2975 164.989 84.0924 164.966 84.8844L165.21 165H82.9714L82.9727 164.999Z" fill="#FBBF23"/>
+</svg>