diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 00000000..0504281b
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "Social-Co2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..0504281b
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "Social-Co2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/website/sco2-react/app/components/Button.jsx b/website/sco2-react/app/components/Button.jsx
deleted file mode 100644
index 2572e67d..00000000
--- a/website/sco2-react/app/components/Button.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-'use client';
-export default function Button({children}){ 
-    return(
-        <button onClick={event => window.location.href='app.social-co2.vld-group.com'}>
-            {children}
-        </button>
-
-    )
-};
\ No newline at end of file
diff --git a/website/sco2-react/app/components/Menu.jsx b/website/sco2-react/app/components/Menu.jsx
deleted file mode 100644
index 7deb8b9a..00000000
--- a/website/sco2-react/app/components/Menu.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function Menu1() {
-    return (
-            <div className="grid grid-rows-3 grid-flow-col gap-3 bg-[#F9EFDB] pr-4 pt-3 rounded-b-lg h-auto w-auto">
-            <div className="row-span-3"></div>
-                <div className="flex col-span-2 w-auto h-auto bg-white shadow-inner border-none rounded items-center justify-center rounded-lg rounded-2xl pb-2"><p className="text-5xl text-wrap font-medium">C'est quoi SCO2 ?</p></div>
-                <div className="row-span-2 col-span-2 w-auto h-fit bg-[#EBD9B4] shadow-inner border-none rounded-lg rounded-2xl items-center text-justify justify-centerp px-10">
-                    <p>Le réseau social Social CO², abrégé SCO2, se distingue par sa vocation écologique et responsable, reposant sur un système de scoring personnalisé attribué à chaque utilisateur. Cette plateforme innovante se caractérise également par son suivi, en temps réel, de l’impact de chaque individu sur son environnement. De plus, et grâce à son interopérabilité, SCO2 est accessible de manière fluide et efficace tant sur les appareils mobiles tels que les smartphones, que sur les ordinateurs personnels.</p></div>
-                </div> 
-    );
-}
diff --git a/website/sco2-react/app/components/Menu2.jsx b/website/sco2-react/app/components/Menu2.jsx
deleted file mode 100644
index c5bdbdeb..00000000
--- a/website/sco2-react/app/components/Menu2.jsx
+++ /dev/null
@@ -1,11 +0,0 @@
-export default function Menu2(){
-    return(
-        <div className="grid grid-rows-3 grid-flow-col gap-3 bg-[#F9EFDB] pr-4 pt-3 rounded-lg h-auto w-auto pb-5">
-                <div className="row-span-3"></div>
-                    <div className="flex col-span-2 w-auto h-auto bg-white border-none rounded items-center justify-center rounded-lg rounded-2xl shadow-inner"><p className="text-5xl font-medium">Pourquoi SCO2 ?</p></div>
-                    <div className="grid auto-rows-auto row-span-2 col-span-2 w-auto h-fit bg-[#EBD9B4] border-none rounded-lg rounded-2xl text-justify justify-center px-10 shadow-inner">
-                        <p className="text-wrap">SCO2 a pour objectif d'éveiller la conscience de la population à l'égard de sa production et de sa consommation, ainsi que de susciter une réflexion approfondie sur les enjeux du dérèglement climatique. Par ailleurs, la compétitivité entre utilisateurs s'avère être un moyen ingénieux de conférer une dimension ludique à cette sensibilisation. De plus, il est crucial de sensibiliser la population aux conséquences de la surproduction et de la surconsommation de  l'environnement. Cette sensibilisation favorise une compréhension approfondie des impacts de nos choix sur la planète, encourageant ainsi des comportements plus durables.</p></div>
-                    </div> 
-    
-        ); 
-}
\ No newline at end of file
diff --git a/website/sco2-react/app/components/Menu3.jsx b/website/sco2-react/app/components/Menu3.jsx
deleted file mode 100644
index cc203e4a..00000000
--- a/website/sco2-react/app/components/Menu3.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function Menu3() {
-    return (
-        <div className="grid grid-rows-3 grid-flow-col gap-3 bg-[#F9EFDB] pr-4 pt-3 rounded-lg h-auto w-auto pb-5">
-        <div className="row-span-3"></div>
-            <div className="flex col-span-2 w-auto h-auto bg-white border-none rounded  items-center justify-center rounded-lg rounded-2xl shadow-inner"><p className="text-5xl font-medium">L’interface de SCO2</p></div>
-            <div className="row-span-2 col-span-2 w-auto h-auto bg-[#EBD9B4] border-none rounded-lg rounded-2xl items-center text-justify justify-center px-10 shadow-inner">
-                <p>Dotée d'une interface d'une remarquable efficacité, empreinte de minimalisme, SCO2 parvient à dédier ses ressources à l'aspect fondamental de son service : la facilitation des échanges entre les utilisateurs. Cette conception épurée, au-delà de conférer une expérience utilisateur des plus fluides et intuitives, incarne une approche où l'essence des interactions au sein de la plateforme est sublimée. En privilégiant la simplicité sans compromettre la fonctionnalité, SCO2 offre un cadre propice à des échanges fluides et enrichissants.</p></div>
-            </div> 
-    );
-}
\ No newline at end of file
diff --git a/website/sco2-react/app/components/Menu4.jsx b/website/sco2-react/app/components/Menu4.jsx
deleted file mode 100644
index 70cdfadc..00000000
--- a/website/sco2-react/app/components/Menu4.jsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function Menu4() {
-    return (
-        <div className="grid grid-rows-3 grid-flow-col gap-3 bg-[#F9EFDB] pr-4 pt-3 rounded-lg pb-4 h-fit w-fit inner-shadow">
-            <div className="row-span-3"></div>
-                <div className="flex col-span-2 w-auto h-auto bg-white border-none rounded items-center justify-center rounded-lg rounded-2xl shadow-inner pb-2 pl-2"><p className="text-5xl font-medium">Une messagerie instantané responsable</p></div>
-                <div className="flex flex-row row-span-2 col-span-2 w-auto h-auto bg-[#EBD9B4] border-none rounded-lg rounded-2xl items-center text-justify justify-center pb-1 px-10 shadow-inner">
-                    <p>La messagerie de SCO2, intégrée avec élégance, offre une expérience de communication fluide. Son interface intuitive permet des échanges instantanés, individuels ou en groupe, assurant une flexibilité optimale. Priorisant la sécurité et la confidentialité, elle constitue un outil favorisant des conversations harmonieuses au sein même de la plateforme.</p></div>
-                </div> 
-    );
-}
diff --git a/website/sco2-react/app/components/footer/Footer.jsx b/website/sco2-react/app/components/footer/Footer.jsx
new file mode 100644
index 00000000..a383d535
--- /dev/null
+++ b/website/sco2-react/app/components/footer/Footer.jsx
@@ -0,0 +1,9 @@
+const Footer = () => {
+    return (
+        <div>
+            Footer
+        </div>
+    )
+}
+
+export default Footer
\ No newline at end of file
diff --git a/website/sco2-react/app/components/navbar/Navbar.jsx b/website/sco2-react/app/components/navbar/Navbar.jsx
new file mode 100644
index 00000000..fa301a7d
--- /dev/null
+++ b/website/sco2-react/app/components/navbar/Navbar.jsx
@@ -0,0 +1,15 @@
+const Navbar = () => {
+    return (
+        <div className="flex flex-wrap justify-between p-4 bg-gradient-to-r from-green-700 to-lime-400">
+            <div className="flex flex-wrap place-items-center">
+                <a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">Accueil</a>
+            </div>
+            <div className="flex flex-wrap place-items-center gap-4">
+                <a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">Se connecter</a>
+                <a href="" className="p-2 px-4 border-2 bg-white border-gray-200 rounded-full shadow-inner">S'inscrire</a>
+            </div>
+        </div>
+    )
+}
+
+export default Navbar
\ No newline at end of file
diff --git a/website/sco2-react/app/globals.css b/website/sco2-react/app/globals.css
index d7323623..a90f0749 100644
--- a/website/sco2-react/app/globals.css
+++ b/website/sco2-react/app/globals.css
@@ -2,26 +2,3 @@
 @tailwind components;
 @tailwind utilities;
 
-
-body{
-  background: linear-gradient( rgb(108, 163, 94) 0%, rgb(108, 163, 94) 0%, rgb(99, 136, 137) 100%);
-}
-
-.font{
-  font-family:Arial, Helvetica, sans-serif , sans-serif;
-}
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: white) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 16, 230, 53;
-    --background-end-rgb: 163, 230, 53;
-  }
-}
-
diff --git a/website/sco2-react/app/layout.tsx b/website/sco2-react/app/layout.tsx
index 32fbb8a9..55b0b9ad 100644
--- a/website/sco2-react/app/layout.tsx
+++ b/website/sco2-react/app/layout.tsx
@@ -1,12 +1,14 @@
 import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import "./globals.css";
+import Navbar from "./components/navbar/Navbar";
+import Footer from "./components/footer/Footer";
 
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "SCO2",
-  description: "Bienvenue sur le site web de SCO2", 
+  title: "Social CO²",
+  description: "Bienvenue sur le site web de SCO2",
 };
 
 export default function RootLayout({
@@ -16,7 +18,11 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="fr">
-      <body className={inter.className}>{children}</body>
+      <body className={inter.className}>
+        <Navbar />
+        {children}
+        <Footer />
+      </body>
     </html>
   );
 }
diff --git a/website/sco2-react/app/page.tsx b/website/sco2-react/app/page.tsx
index 28ebecba..ef3a3429 100644
--- a/website/sco2-react/app/page.tsx
+++ b/website/sco2-react/app/page.tsx
@@ -1,49 +1,15 @@
-import Menu  from '../app/components/Menu';
-import Menu2 from '../app/components/Menu2';
-import Menu3 from '../app/components/Menu3';
-import Menu4 from '../app/components/Menu4';
-import Button from '../app/components/Button';
+import Link from "next/link";
+import React, { useState } from "react";
+import "./globals.css";
+import Image from 'next/image'
 
-
-
-
-export default function Home() {
+const Home = () => {
   return (
-      <main>
-        <link rel="icon" href="./logo.png" sizes="any" /> {/* Ajout d'un favicon */}
-        <div className='relative'>
-          <img className='w-auto h-auto' src="./banner.png" alt="banner" />
-            <div className='absolute top-0 sm:top-44 right-0 sm:right-4'>
-              <img className='h-auto md:w-full sm:w-1/2' src="./logo.png" alt="logo" />
-            </div>
-        </div>
-          <div className='absolute top-4 left-4 border-transparent rounded-full bg-white p-1 text-nowrap font-medium pr-4 pl-4 shadow-inner'> 
-            <Button>
-              Accueil
-            </Button>
-          </div>
-          <div className='absolute top-4 right-4 border-transparent rounded-full bg-white p-1 text-nowrap font-medium pr-4 pl-4 shadow-inner'>
-            <Button>
-              S'inscrire
-            </Button>
-            <div className='absolute top-0 right-36 border-transparent rounded-full bg-white p-1 text-nowrap pr-4 pl-4 shadow-inner'>
-              <Button>
-                Se connecter
-              </Button>
-            </div>
-          </div>
-
-            <div className="md:flex-row flex-col grid grid-cols-1 md:grid-cols-2 sm:pl-4 gap-12 md:pl-52 pr-10 pb-24">
-              <div className="col-span-1 md:col-span-2"><Menu></Menu></div>
-              <div className=""><Menu2></Menu2></div>
-              <div className="h-auto w-full"><img src="./image1.png" alt="image1"/></div>
-              <div className=""><Menu3></Menu3></div>
-              <div className="h-auto w-full"> <img src="./acceuil-1.png" alt="image2"/></div>
-              <div className=''><Menu4></Menu4></div>
-              <div className='h-auto w-full'><img src="./messagerie1.png" alt="image3" /></div>
-            </div>
-
-    </main>
-
+    <div className="bg-banner">
+      <img className="" src="./logo.png" alt="" />
+      <h1 className="">LandinPage</h1>
+    </div>
   );
-}
\ No newline at end of file
+};
+
+export default Home;
diff --git a/website/sco2-react/package-lock.json b/website/sco2-react/package-lock.json
index 980b10e8..1b8dece1 100644
--- a/website/sco2-react/package-lock.json
+++ b/website/sco2-react/package-lock.json
@@ -14,13 +14,13 @@
       },
       "devDependencies": {
         "@types/node": "^20",
-        "@types/react": "^18",
+        "@types/react": "^18.3.7",
         "@types/react-dom": "^18",
-        "autoprefixer": "^10.0.1",
+        "autoprefixer": "^10.4.20",
         "eslint": "^8",
         "eslint-config-next": "14.1.0",
-        "postcss": "^8",
-        "tailwindcss": "^3.3.0",
+        "postcss": "^8.4.47",
+        "tailwindcss": "^3.4.12",
         "typescript": "^5"
       }
     },
@@ -239,9 +239,10 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.3.tgz",
-      "integrity": "sha512-W7fd7IbkfmeeY2gXrzJYDx8D2lWKbVoTIj1o1ScPHNzvp30s1AuoEFSdr39bC5sjxJaxTtq3OTCZboNp0lNWHA=="
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-14.2.12.tgz",
+      "integrity": "sha512-3fP29GIetdwVIfIRyLKM7KrvJaqepv+6pVodEbx0P5CaMLYBtx+7eEg8JYO5L9sveJO87z9eCReceZLi0hxO1Q==",
+      "license": "MIT"
     },
     "node_modules/@next/eslint-plugin-next": {
       "version": "14.1.0",
@@ -253,12 +254,13 @@
       }
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.3.tgz",
-      "integrity": "sha512-3pEYo/RaGqPP0YzwnlmPN2puaF2WMLM3apt5jLW2fFdXD9+pqcoTzRk+iZsf8ta7+quAe4Q6Ms0nR0SFGFdS1A==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-14.2.12.tgz",
+      "integrity": "sha512-crHJ9UoinXeFbHYNok6VZqjKnd8rTd7K3Z2zpyzF1ch7vVNKmhjv/V7EHxep3ILoN8JB9AdRn/EtVVyG9AkCXw==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -268,12 +270,13 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.3.tgz",
-      "integrity": "sha512-6adp7waE6P1TYFSXpY366xwsOnEXM+y1kgRpjSRVI2CBDOcbRjsJ67Z6EgKIqWIue52d2q/Mx8g9MszARj8IEA==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-14.2.12.tgz",
+      "integrity": "sha512-JbEaGbWq18BuNBO+lCtKfxl563Uw9oy2TodnN2ioX00u7V1uzrsSUcg3Ep9ce+P0Z9es+JmsvL2/rLphz+Frcw==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "darwin"
@@ -283,12 +286,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.3.tgz",
-      "integrity": "sha512-cuzCE/1G0ZSnTAHJPUT1rPgQx1w5tzSX7POXSLaS7w2nIUJUD+e25QoXD/hMfxbsT9rslEXugWypJMILBj/QsA==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-14.2.12.tgz",
+      "integrity": "sha512-qBy7OiXOqZrdp88QEl2H4fWalMGnSCrr1agT/AVDndlyw2YJQA89f3ttR/AkEIP9EkBXXeGl6cC72/EZT5r6rw==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -298,12 +302,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.3.tgz",
-      "integrity": "sha512-0D4/oMM2Y9Ta3nGuCcQN8jjJjmDPYpHX9OJzqk42NZGJocU2MqhBq5tWkJrUQOQY9N+In9xOdymzapM09GeiZw==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-14.2.12.tgz",
+      "integrity": "sha512-EfD9L7o9biaQxjwP1uWXnk3vYZi64NVcKUN83hpVkKocB7ogJfyH2r7o1pPnMtir6gHZiGCeHKagJ0yrNSLNHw==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -313,12 +318,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.3.tgz",
-      "integrity": "sha512-ENPiNnBNDInBLyUU5ii8PMQh+4XLr4pG51tOp6aJ9xqFQ2iRI6IH0Ds2yJkAzNV1CfyagcyzPfROMViS2wOZ9w==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-14.2.12.tgz",
+      "integrity": "sha512-iQ+n2pxklJew9IpE47hE/VgjmljlHqtcD5UhZVeHICTPbLyrgPehaKf2wLRNjYH75udroBNCgrSSVSVpAbNoYw==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -328,12 +334,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.3.tgz",
-      "integrity": "sha512-BTAbq0LnCbF5MtoM7I/9UeUu/8ZBY0i8SFjUMCbPDOLv+un67e2JgyN4pmgfXBwy/I+RHu8q+k+MCkDN6P9ViQ==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-14.2.12.tgz",
+      "integrity": "sha512-rFkUkNwcQ0ODn7cxvcVdpHlcOpYxMeyMfkJuzaT74xjAa5v4fxP4xDk5OoYmPi8QNLDs3UgZPMSBmpBuv9zKWA==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "linux"
@@ -343,12 +350,13 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.3.tgz",
-      "integrity": "sha512-AEHIw/dhAMLNFJFJIJIyOFDzrzI5bAjI9J26gbO5xhAKHYTZ9Or04BesFPXiAYXDNdrwTP2dQceYA4dL1geu8A==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-14.2.12.tgz",
+      "integrity": "sha512-PQFYUvwtHs/u0K85SG4sAdDXYIPXpETf9mcEjWc0R4JmjgMKSDwIU/qfZdavtP6MPNiMjuKGXHCtyhR/M5zo8g==",
       "cpu": [
         "arm64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -358,12 +366,13 @@
       }
     },
     "node_modules/@next/swc-win32-ia32-msvc": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.3.tgz",
-      "integrity": "sha512-vga40n1q6aYb0CLrM+eEmisfKCR45ixQYXuBXxOOmmoV8sYST9k7E3US32FsY+CkkF7NtzdcebiFT4CHuMSyZw==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-ia32-msvc/-/swc-win32-ia32-msvc-14.2.12.tgz",
+      "integrity": "sha512-FAj2hMlcbeCV546eU2tEv41dcJb4NeqFlSXU/xL/0ehXywHnNpaYajOUvn3P8wru5WyQe6cTZ8fvckj/2XN4Vw==",
       "cpu": [
         "ia32"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -373,12 +382,13 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.3.tgz",
-      "integrity": "sha512-Q1/zm43RWynxrO7lW4ehciQVj+5ePBhOK+/K2P7pLFX3JaJ/IZVC69SHidrmZSOkqz7ECIOhhy7XhAFG4JYyHA==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-14.2.12.tgz",
+      "integrity": "sha512-yu8QvV53sBzoIVRHsxCHqeuS8jYq6Lrmdh0briivuh+Brsp6xjg80MAozUsBTAV9KNmY08KlX0KYTWz1lbPzEg==",
       "cpu": [
         "x64"
       ],
+      "license": "MIT",
       "optional": true,
       "os": [
         "win32"
@@ -474,13 +484,13 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.55",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.55.tgz",
-      "integrity": "sha512-Y2Tz5P4yz23brwm2d7jNon39qoAtMMmalOQv6+fEFt1mT+FcM3D841wDpoUvFXhaYenuROCy3FZYqdTjM7qVyA==",
+      "version": "18.3.7",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.7.tgz",
+      "integrity": "sha512-KUnDCJF5+AiZd8owLIeVHqmW9yM4sqmDVf2JRJiBMFkGvkoZ4/WyV2lL4zVsoinmRS/W3FeEdZLEWFRofnT2FQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
         "csstype": "^3.0.2"
       }
     },
@@ -493,12 +503,6 @@
         "@types/react": "*"
       }
     },
-    "node_modules/@types/scheduler": {
-      "version": "0.16.8",
-      "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
-      "integrity": "sha512-WZLiwShhwLRmeV6zH+GkbOFT6Z6VklCItrDioxUnv+u4Ll+8vKeFySoFyK/0ctcRpOmwAicELfmys1sDc/Rw+A==",
-      "dev": true
-    },
     "node_modules/@typescript-eslint/parser": {
       "version": "6.21.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
@@ -902,9 +906,9 @@
       }
     },
     "node_modules/autoprefixer": {
-      "version": "10.4.17",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
-      "integrity": "sha512-/cpVNRLSfhOtcGflT13P2794gVSgmPgTR+erw5ifnMLZb0UnSlkK4tquLmkd3BhA+nLo5tX8Cu0upUsGKvKbmg==",
+      "version": "10.4.20",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.20.tgz",
+      "integrity": "sha512-XY25y5xSv/wEoqzDyXXME4AFfkZI0P23z6Fs3YgymDnKJkCGOnkL0iTxCa85UTqaSgfcqyf3UA6+c7wUvx/16g==",
       "dev": true,
       "funding": [
         {
@@ -920,12 +924,13 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.22.2",
-        "caniuse-lite": "^1.0.30001578",
+        "browserslist": "^4.23.3",
+        "caniuse-lite": "^1.0.30001646",
         "fraction.js": "^4.3.7",
         "normalize-range": "^0.1.2",
-        "picocolors": "^1.0.0",
+        "picocolors": "^1.0.1",
         "postcss-value-parser": "^4.2.0"
       },
       "bin": {
@@ -994,21 +999,22 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
       }
     },
     "node_modules/browserslist": {
-      "version": "4.22.3",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.22.3.tgz",
-      "integrity": "sha512-UAp55yfwNv0klWNapjs/ktHoguxuQNGnOzxYmfnXIS+8AsRDZkSDxg7R1AX3GKzn078SBI5dzwzj/Yx0Or0e3A==",
+      "version": "4.23.3",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.23.3.tgz",
+      "integrity": "sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==",
       "dev": true,
       "funding": [
         {
@@ -1024,11 +1030,12 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "caniuse-lite": "^1.0.30001580",
-        "electron-to-chromium": "^1.4.648",
-        "node-releases": "^2.0.14",
-        "update-browserslist-db": "^1.0.13"
+        "caniuse-lite": "^1.0.30001646",
+        "electron-to-chromium": "^1.5.4",
+        "node-releases": "^2.0.18",
+        "update-browserslist-db": "^1.1.0"
       },
       "bin": {
         "browserslist": "cli.js"
@@ -1085,9 +1092,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001585",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001585.tgz",
-      "integrity": "sha512-yr2BWR1yLXQ8fMpdS/4ZZXpseBgE7o4g41x3a6AJOqZuOi+iE/WdJYAuZ6Y95i4Ohd2Y+9MzIWRR+uGABH4s3Q==",
+      "version": "1.0.30001662",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001662.tgz",
+      "integrity": "sha512-sgMUVwLmGseH8ZIrm1d51UbrhqMCH3jvS7gF/M6byuHOnKyLOBL7W8yz5V02OHwgLGA36o/AFhWzzh4uc5aqTA==",
       "funding": [
         {
           "type": "opencollective",
@@ -1101,7 +1108,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/chalk": {
       "version": "4.1.2",
@@ -1338,10 +1346,11 @@
       "dev": true
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.4.661",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.661.tgz",
-      "integrity": "sha512-AFg4wDHSOk5F+zA8aR+SVIOabu7m0e7BiJnigCvPXzIGy731XENw/lmNxTySpVFtkFEy+eyt4oHhh5FF3NjQNw==",
-      "dev": true
+      "version": "1.5.25",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.25.tgz",
+      "integrity": "sha512-kMb204zvK3PsSlgvvwzI3wBIcAw15tRkYk+NQdsjdDtcQWTp2RABbMQ9rUBy8KNEOM+/E6ep+XC3AykiWZld4g==",
+      "dev": true,
+      "license": "ISC"
     },
     "node_modules/emoji-regex": {
       "version": "9.2.2",
@@ -1493,10 +1502,11 @@
       }
     },
     "node_modules/escalade": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.1.2.tgz",
-      "integrity": "sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==",
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=6"
       }
@@ -1991,10 +2001,11 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "to-regex-range": "^5.0.1"
       },
@@ -2649,6 +2660,7 @@
       "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
       "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
       "dev": true,
+      "license": "MIT",
       "engines": {
         "node": ">=0.12.0"
       }
@@ -3013,12 +3025,13 @@
       }
     },
     "node_modules/micromatch": {
-      "version": "4.0.5",
-      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
-      "integrity": "sha512-DMy+ERcEW2q8Z2Po+WNXuw3c5YaUSFjAO5GsJqfEl7UjvtIuFKO6ZrKvcItdy98dwFI2N1tg3zNIdKaQT+aNdA==",
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
-        "braces": "^3.0.2",
+        "braces": "^3.0.3",
         "picomatch": "^2.3.1"
       },
       "engines": {
@@ -3096,11 +3109,12 @@
       "dev": true
     },
     "node_modules/next": {
-      "version": "14.2.3",
-      "resolved": "https://registry.npmjs.org/next/-/next-14.2.3.tgz",
-      "integrity": "sha512-dowFkFTR8v79NPJO4QsBUtxv0g9BrS/phluVpMAt2ku7H+cbcBJlopXjkWlwxrk/xGqMemr7JkGPGemPrLLX7A==",
+      "version": "14.2.12",
+      "resolved": "https://registry.npmjs.org/next/-/next-14.2.12.tgz",
+      "integrity": "sha512-cDOtUSIeoOvt1skKNihdExWMTybx3exnvbFbb9ecZDIxlvIbREQzt9A5Km3Zn3PfU+IFjyYGsHS+lN9VInAGKA==",
+      "license": "MIT",
       "dependencies": {
-        "@next/env": "14.2.3",
+        "@next/env": "14.2.12",
         "@swc/helpers": "0.5.5",
         "busboy": "1.6.0",
         "caniuse-lite": "^1.0.30001579",
@@ -3115,15 +3129,15 @@
         "node": ">=18.17.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "14.2.3",
-        "@next/swc-darwin-x64": "14.2.3",
-        "@next/swc-linux-arm64-gnu": "14.2.3",
-        "@next/swc-linux-arm64-musl": "14.2.3",
-        "@next/swc-linux-x64-gnu": "14.2.3",
-        "@next/swc-linux-x64-musl": "14.2.3",
-        "@next/swc-win32-arm64-msvc": "14.2.3",
-        "@next/swc-win32-ia32-msvc": "14.2.3",
-        "@next/swc-win32-x64-msvc": "14.2.3"
+        "@next/swc-darwin-arm64": "14.2.12",
+        "@next/swc-darwin-x64": "14.2.12",
+        "@next/swc-linux-arm64-gnu": "14.2.12",
+        "@next/swc-linux-arm64-musl": "14.2.12",
+        "@next/swc-linux-x64-gnu": "14.2.12",
+        "@next/swc-linux-x64-musl": "14.2.12",
+        "@next/swc-win32-arm64-msvc": "14.2.12",
+        "@next/swc-win32-ia32-msvc": "14.2.12",
+        "@next/swc-win32-x64-msvc": "14.2.12"
       },
       "peerDependencies": {
         "@opentelemetry/api": "^1.1.0",
@@ -3172,10 +3186,11 @@
       }
     },
     "node_modules/node-releases": {
-      "version": "2.0.14",
-      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.14.tgz",
-      "integrity": "sha512-y10wOWt8yZpqXmOgRo77WaHEmhYQYGNA6y421PKsKYWEK8aW+cqAphborZDhqfyKrbZEN92CN1X2KbafY2s7Yw==",
-      "dev": true
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.18.tgz",
+      "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==",
+      "dev": true,
+      "license": "MIT"
     },
     "node_modules/normalize-path": {
       "version": "3.0.0",
@@ -3450,9 +3465,10 @@
       }
     },
     "node_modules/picocolors": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
-      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ=="
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.0.tgz",
+      "integrity": "sha512-TQ92mBOW0l3LeMeyLV6mzy/kWr8lkd/hp3mTg7wYK7zJhuBStmGMBG0BdeDZS/dZx1IukaX6Bk11zcln25o1Aw==",
+      "license": "ISC"
     },
     "node_modules/picomatch": {
       "version": "2.3.1",
@@ -3485,9 +3501,9 @@
       }
     },
     "node_modules/postcss": {
-      "version": "8.4.35",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.35.tgz",
-      "integrity": "sha512-u5U8qYpBCpN13BsiEB0CbR1Hhh4Gc0zLFuedrHJKMctHCHAGrMdG0PRM/KErzAL3CU6/eckEtmHNB3x6e3c0vA==",
+      "version": "8.4.47",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.47.tgz",
+      "integrity": "sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==",
       "dev": true,
       "funding": [
         {
@@ -3503,10 +3519,11 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
         "nanoid": "^3.3.7",
-        "picocolors": "^1.0.0",
-        "source-map-js": "^1.0.2"
+        "picocolors": "^1.1.0",
+        "source-map-js": "^1.2.1"
       },
       "engines": {
         "node": "^10 || ^12 || >=14"
@@ -4038,9 +4055,10 @@
       }
     },
     "node_modules/source-map-js": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
-      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
       }
@@ -4298,10 +4316,11 @@
       }
     },
     "node_modules/tailwindcss": {
-      "version": "3.4.1",
-      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.1.tgz",
-      "integrity": "sha512-qAYmXRfk3ENzuPBakNK0SRrUDipP8NQnEY6772uDhflcQz5EhRdD7JNZxyrFHVQNCwULPBn6FNPp9brpO7ctcA==",
+      "version": "3.4.12",
+      "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-3.4.12.tgz",
+      "integrity": "sha512-Htf/gHj2+soPb9UayUNci/Ja3d8pTmu9ONTfh4QY8r3MATTZOzmv6UYWF7ZwikEIC8okpfqmGqrmDehua8mF8w==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@alloc/quick-lru": "^5.2.0",
         "arg": "^5.0.2",
@@ -4311,7 +4330,7 @@
         "fast-glob": "^3.3.0",
         "glob-parent": "^6.0.2",
         "is-glob": "^4.0.3",
-        "jiti": "^1.19.1",
+        "jiti": "^1.21.0",
         "lilconfig": "^2.1.0",
         "micromatch": "^4.0.5",
         "normalize-path": "^3.0.0",
@@ -4375,6 +4394,7 @@
       "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
       "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "is-number": "^7.0.0"
       },
@@ -4541,9 +4561,9 @@
       "dev": true
     },
     "node_modules/update-browserslist-db": {
-      "version": "1.0.13",
-      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.0.13.tgz",
-      "integrity": "sha512-xebP81SNcPuNpPP3uzeW1NYXxI3rxyJzF3pD6sH4jE7o/IX+WtSpwnVU+qIsDPyk0d3hmFQ7mjqc6AtV604hbg==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.1.0.tgz",
+      "integrity": "sha512-EdRAaAyk2cUE1wOf2DkEhzxqOQvFOoRJFNS6NeyJ01Gp2beMRpBAINjM2iDXE3KCuKhwnvHIQCJm6ThL2Z+HzQ==",
       "dev": true,
       "funding": [
         {
@@ -4559,9 +4579,10 @@
           "url": "https://github.com/sponsors/ai"
         }
       ],
+      "license": "MIT",
       "dependencies": {
-        "escalade": "^3.1.1",
-        "picocolors": "^1.0.0"
+        "escalade": "^3.1.2",
+        "picocolors": "^1.0.1"
       },
       "bin": {
         "update-browserslist-db": "cli.js"
diff --git a/website/sco2-react/package.json b/website/sco2-react/package.json
index 9dd34544..abc5dec7 100644
--- a/website/sco2-react/package.json
+++ b/website/sco2-react/package.json
@@ -15,13 +15,13 @@
   },
   "devDependencies": {
     "@types/node": "^20",
-    "@types/react": "^18",
+    "@types/react": "^18.3.7",
     "@types/react-dom": "^18",
-    "autoprefixer": "^10.0.1",
+    "autoprefixer": "^10.4.20",
     "eslint": "^8",
     "eslint-config-next": "14.1.0",
-    "postcss": "^8",
-    "tailwindcss": "^3.3.0",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.12",
     "typescript": "^5"
   }
 }
diff --git a/website/sco2-react/public/depth-2024020.svg b/website/sco2-react/public/depth-2024020.svg
new file mode 100644
index 00000000..fa257d21
--- /dev/null
+++ b/website/sco2-react/public/depth-2024020.svg
@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" viewBox="0 0 324.48 139.65" xmlns="http://www.w3.org/2000/svg">
+ <defs>
+  <linearGradient id="a" x1=".22" x2=".78" gradientTransform="matrix(0 -145.32 280.42 0 300.31 462.15)" gradientUnits="userSpaceOnUse">
+   <stop stop-color="#9cc" offset="0"/>
+   <stop stop-color="#fff" offset="1"/>
+  </linearGradient>
+ </defs>
+ <g transform="translate(-99.962 -796.51)">
+  <g transform="matrix(1.25 0 0 -1.25 -275.42 1332.2)">
+   <path d="m559.89 428.55h-259.59v-111.72h259.59v111.72z" fill="url(#a)" fill-rule="evenodd"/>
+  </g>
+ </g>
+ <g transform="translate(-99.962 -796.51)" fill="#91adad" fill-rule="evenodd">
+  <path d="m424.45 873.41c-101.32-32.859-209.48 17.799-324.48 0v62.758h324.48v-62.758"/>
+  <path d="m309.52 835.06c-3.2326 0.636-5.9018 2.5228-7.6036 5.0588-1.7019 2.5359-2.4368 5.721-1.8004 8.9535 0.63638 3.2326 2.5233 5.9018 5.0591 7.6036 2.536 1.7019 5.721 2.4364 8.9536 1.8004 3.2321-0.63638 5.9014-2.5233 7.6032-5.0591 1.7018-2.536 2.4368-5.721 1.8002-8.9536-0.63637-3.2325-2.5231-5.9018-5.0591-7.6035-2.5359-1.7019-5.721-2.4364-8.9531-1.8"/>
+  <path d="m314.72 848.64-3.5285 1.1669 1.9205 16.396 3.5288-1.1668-1.9208-16.396z"/>
+  <path d="m375.72 841.9c-2.8321 0.0336-5.3834 1.2125-7.218 3.0911-1.8348 1.8786-2.9528 4.4568-2.919 7.2894 0.0332 2.8325 1.2125 5.3836 3.0908 7.218 1.8788 1.8348 4.4571 2.9526 7.2894 2.9194 2.8325-0.0338 5.3836-1.2125 7.2184-3.0912 1.8344-1.8786 2.9526-4.4568 2.919-7.2892-0.0336-2.8325-1.2125-5.3838-3.0912-7.2181-1.8782-1.8346-4.4568-2.9526-7.2892-2.9192"/>
+  <path d="m378.46 854.28-5.1948 0.0616 0.17038 14.366 5.1945-0.0617-0.17013-14.366z"/>
+  <path d="m326.65 846.03c-1.9035 0.14-3.5702 1.0389-4.7261 2.3786s-1.8008 3.1199-1.6604 5.0236c0.14 1.9035 1.0389 3.5702 2.3786 4.7261 1.3394 1.1559 3.1199 1.8008 5.0234 1.6604 1.9034-0.14025 3.5702-1.0389 4.726-2.3786 1.1559-1.3398 1.8008-3.1202 1.6608-5.0236-0.14025-1.9035-1.0392-3.5702-2.3786-4.7261-1.3398-1.1559-3.1202-1.8008-5.0236-1.6604"/>
+  <path d="m328.16 854.24-1.3701 0.25725 0.27913 9.6549 1.3699-0.25687-0.27887-9.6552z"/>
+  <path d="m119.62 864.26c-1.4379-0.15875-2.8045 0.28063-3.8512 1.119-1.0462 0.83838-1.7734 2.076-1.9321 3.5139-0.15875 1.4382 0.28062 2.8045 1.119 3.8512 0.83837 1.0468 2.076 1.7734 3.5142 1.9321 1.4379 0.15913 2.8041-0.28025 3.8509-1.1189 1.0466-0.83838 1.7734-2.0761 1.9325-3.514 0.15875-1.4379-0.28062-2.8045-1.119-3.8511-0.83862-1.0468-2.0764-1.7735-3.5142-1.9322"/>
+  <path d="m120.24 870.71-2.637-0.29125-0.80537 7.2935 2.6369 0.29125 0.8055-7.2935z"/>
+  <path d="m345.85 853.11l-3.7832 0.22987 0.6605 10.856 3.7832-0.23025-0.6605-10.856z"/>
+  <path d="m342.64 834.62l-8.5649 24.785 20.071-1.2214-11.506-23.564z"/>
+  <path d="m109.54 867.83l3.0202 0.18388-0.52725 8.6662-3.0202-0.18388 0.52725-8.6662z"/>
+  <path d="m112.1 853.07l6.8376 19.787-16.023-0.97487 9.1856-18.812z"/>
+  <path d="m153.84 873.05l1.9874 0.12112-0.34688 5.7034-1.9878-0.12088 0.34726-5.7036z"/>
+  <path d="m155.52 863.33l4.5 13.022-10.545-0.64175 6.0452-12.38z"/>
+  <path d="m129.1 858.37l3.4438 0.20975-1.6969 20.29-3.4438-0.2095 1.6969-20.29z"/>
+  <path d="m132.01 841.54l7.7962 22.562-18.27-1.1115 10.474-21.45z"/>
+  <path d="m406.61 843.26l-4.2988-0.444-2.0449 25.422 4.2991 0.44437 2.0445-25.422z"/>
+  <path d="m406.44 821.86l-14.241 26.292 22.807 2.356-8.566-28.648z"/>
+  <path d="m137.24 865.82l2.4945-0.26287 1.2178 14.754-2.4948 0.26288-1.2175-14.754z"/>
+  <path d="m137.31 853.4l8.298 15.244-13.236 1.395 4.9376-16.639z"/>
+  <path d="m393.32 851.68l-3.1248-0.32925-1.5254 18.481 3.1251 0.32912 1.525-18.481z"/>
+  <path d="m393.23 836.13l-10.394 19.095 16.579 1.7471-6.1849-20.842z"/>
+  <path d="m149.09 868.36l1.5655 0.068-0.612 9.2271-1.5658-0.068 0.61225-9.2271z"/>
+  <path d="m150.29 860.69l3.7166 10.185-8.3055-0.36212 4.5889-9.8228z"/>
+ </g>
+ <g transform="translate(-99.962 -796.51)" fill="#618a8a" fill-rule="evenodd">
+  <path d="m240.56 846.71c-4.1758-0.12674-8.0086 1.4518-10.829 4.106-2.8205 2.6544-4.6286 6.3844-4.7555 10.56-0.12687 4.1761 1.452 8.0086 4.106 10.829 2.6542 2.8204 6.3842 4.6285 10.56 4.7554 4.1762 0.1265 8.009-1.452 10.83-4.1062 2.8205-2.654 4.6282-6.384 4.7551-10.56 0.12675-4.1761-1.4518-8.009-4.106-10.83-2.6544-2.8204-6.3844-4.6282-10.56-4.7551"/>
+  <path d="m243.84 865.13-7.6589-0.23238-0.64275 21.182 7.6589 0.23238 0.64275-21.182z"/>
+  <path d="m213.52 868.5l4.4869 0.34188-0.98112 12.875-4.4869-0.342 0.98113-12.874z"/>
+  <path d="m217.66 846.61l9.7169 29.578-23.804-1.8145 14.088-27.764z"/>
+  <path d="m186.97 867.54l4.4975-0.15588 0.44749 12.904-4.4971 0.15625-0.44787-12.904z"/>
+  <path d="m188.66 845.32l12.927 28.323-23.858 0.82775 10.932-29.151z"/>
+  <path d="m201.44 851.23l4.487 0.34188-2.7075 30.713-4.4869-0.34188 2.7074-30.713z"/>
+  <path d="m205.58 829.34l9.7169 29.578-23.804-1.8145 14.087-27.764z"/>
+  <path d="m166.13 838.62c-4.6612 0.45525-8.6975 2.7578-11.454 6.1115-2.757 3.3538-4.235 7.7591-3.7796 12.42 0.45525 4.6615 2.7578 8.6978 6.1115 11.455 3.3537 2.7568 7.7591 4.2346 12.42 3.7792 4.6615-0.45488 8.6978-2.7574 11.455-6.1114 2.7568-3.3538 4.2346-7.7592 3.7794-12.42-0.45537-4.6616-2.7575-8.6975-6.1115-11.454-3.3538-2.757-7.7592-4.235-12.42-3.7796"/>
+  <path d="m171.46 862.31-5.973 0.80438 1.6132 22.77 5.973-0.804-1.6132-22.77z"/>
+  <path d="m99.962 888.24c101.32-25.092 209.48 13.591 324.48 0v47.923h-324.48v-47.923"/>
+ </g>
+ <g transform="translate(-99.962 -796.51)" fill="#4c7878" fill-rule="evenodd">
+  <path d="m313.1 887.17c-2.5072 3e-3 -4.7768 1.0213-6.4188 2.666-1.642 1.6449-2.6568 3.9161-2.6542 6.4234 2e-3 2.5072 1.0208 4.7768 2.6656 6.4186 1.6451 1.642 3.9164 2.6569 6.4232 2.6544 2.5073-3e-3 4.7768-1.0209 6.4188-2.6656 1.642-1.6452 2.6568-3.9165 2.6542-6.4238-2e-3 -2.5072-1.0208-4.7764-2.6656-6.4182-1.6451-1.642-3.916-2.6569-6.4232-2.6548"/>
+  <path d="m315.41 898.16-4.5981 4e-3 0.0113 12.717 4.5981-4e-3 -0.0113-12.717z"/>
+  <path d="m282.7 877.66l8.3491-0.916 2.6284 23.956-8.3491 0.91588-2.6284-23.956z"/>
+  <path d="m282.77 836.07l28 50.919-44.293 4.8596 16.293-55.778z"/>
+  <path d="m262.52 890.57l5.3942-0.59175 1.6984 15.478-5.3944 0.59175-1.6982-15.478z"/>
+  <path d="m262.56 863.71l18.091 32.899-28.618 3.14 10.527-36.039z"/>
+  <path d="m128.49 902.44l5.4168 0.32962-0.94538 15.542-5.4166-0.32962 0.94525-15.542z"/>
+  <path d="m133.08 875.97l12.262 35.486-28.736-1.7482 16.474-33.737z"/>
+  <path d="m363.89 852.52c-5.1466-0.4695-9.9971 1.1924-13.678 4.258-3.6811 3.066-6.193 7.5359-6.6621 12.682-0.4695 5.1466 1.1924 9.9971 4.258 13.678 3.066 3.6811 7.5359 6.193 12.682 6.6621 5.1466 0.4695 9.997-1.1924 13.678-4.258 3.6811-3.066 6.1929-7.5356 6.6621-12.682 0.46937-5.1466-1.1924-9.9971-4.258-13.678-3.0661-3.6811-7.536-6.193-12.682-6.6621"/>
+  <path d="m365.27 875.51-7.3839-0.86062-1.8624 26.104 7.3839 0.86063 1.8624-26.104z"/>
+  <path d="m341.83 867.07c-3.8378 4e-3 -7.3112 1.5626-9.8242 4.0801-2.5132 2.5179-4.0662 5.9939-4.0628 9.8316 4e-3 3.8378 1.5626 7.3109 4.0801 9.8242 2.5179 2.5133 5.9942 4.0662 9.8316 4.0628 3.8374-4e-3 7.3109-1.5626 9.8241-4.0801 2.5134-2.5179 4.0664-5.9942 4.0628-9.8316-4e-3 -3.8378-1.5625-7.3112-4.08-9.8242-2.5179-2.5132-5.9942-4.0662-9.8316-4.0628"/>
+  <path d="m343.68 883.88-3.6701 6e-3 9e-3 19.464 3.6705-6e-3 -9e-3 -19.465z"/>
+  <path d="m424.45 903.08c-101.32-17.324-209.48 9.3841-324.48 0v33.088h324.48v-33.088"/>
+ </g>
+</svg>
diff --git a/website/sco2-react/tailwind.config.js b/website/sco2-react/tailwind.config.js
new file mode 100644
index 00000000..4e103cf6
--- /dev/null
+++ b/website/sco2-react/tailwind.config.js
@@ -0,0 +1,19 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+  content: [
+    './app/**/*.{js,ts,jsx,tsx,mdx}', // Note the addition of the `app` directory.
+    './pages/**/*.{js,ts,jsx,tsx,mdx}',
+    './components/**/*.{js,ts,jsx,tsx,mdx}',
+ 
+    // Or if using `src` directory:
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
+  ],
+  theme: {
+    extend: {
+      backgroundImage:{
+        'banner' :"url(../public/depth-2024020.svg)"
+      }
+    },
+  },
+  plugins: [],
+}
diff --git a/website/sco2-react/tailwind.config.ts b/website/sco2-react/tailwind.config.ts
deleted file mode 100644
index 92b69191..00000000
--- a/website/sco2-react/tailwind.config.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { Config } from "tailwindcss";
-
-const config: Config = {
-  content: [
-    "./pages/**/*.{js,ts,jsx,tsx,mdx}",
-    "./components/**/*.{js,ts,jsx,tsx,mdx}",
-    "./app/**/*.{js,ts,jsx,tsx,mdx}",
-  ],
-
-  theme: {
-    extend: {
-
-  },
-},
-}
-export default config;