From 5062cac623e528756aaee541bddea2772835319f Mon Sep 17 00:00:00 2001
From: Anthony LC <anthony.le-courric@mail.numerique.gouv.fr>
Date: Thu, 18 Jan 2024 14:04:46 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8(app-desk)=20design=20static=20Header?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Design static Header, we will add the interactivity later.
---
 src/frontend/apps/desk/.eslintrc.js           |  5 ++
 .../apps/desk/src/app/Header/Header.tsx       | 82 +++++++++++++++++++
 .../desk/src/app/Header/assets/icon-cells.svg | 10 +++
 .../desk/src/app/Header/assets/icon-desk.svg  |  5 ++
 .../desk/src/app/Header/assets/icon-faq.svg   |  3 +
 .../desk/src/app/Header/assets/icon-gouv.svg  |  6 ++
 .../src/app/Header/assets/icon-marianne.svg   |  8 ++
 .../src/app/Teams/__tests__/teams.test.tsx    |  4 +-
 .../apps/desk/src/app/Teams/index.tsx         |  3 +-
 .../apps/desk/src/app/__tests__/page.test.tsx |  8 +-
 src/frontend/apps/desk/src/app/globals.css    |  5 ++
 .../apps/desk/src/app/page.module.css         |  7 --
 src/frontend/apps/desk/src/app/page.tsx       |  6 +-
 src/frontend/apps/desk/src/custom-next.d.ts   |  4 +
 src/frontend/apps/desk/src/tests/utils.tsx    |  7 +-
 .../apps/e2e/__tests__/app-desk/app.spec.ts   |  7 +-
 .../e2e/__tests__/app-desk/header.spec.ts     | 38 +++++++++
 17 files changed, 185 insertions(+), 23 deletions(-)
 create mode 100644 src/frontend/apps/desk/src/app/Header/Header.tsx
 create mode 100644 src/frontend/apps/desk/src/app/Header/assets/icon-cells.svg
 create mode 100644 src/frontend/apps/desk/src/app/Header/assets/icon-desk.svg
 create mode 100644 src/frontend/apps/desk/src/app/Header/assets/icon-faq.svg
 create mode 100644 src/frontend/apps/desk/src/app/Header/assets/icon-gouv.svg
 create mode 100644 src/frontend/apps/desk/src/app/Header/assets/icon-marianne.svg
 delete mode 100644 src/frontend/apps/desk/src/app/page.module.css
 create mode 100644 src/frontend/apps/e2e/__tests__/app-desk/header.spec.ts

diff --git a/src/frontend/apps/desk/.eslintrc.js b/src/frontend/apps/desk/.eslintrc.js
index 0b947d5..d73f29c 100644
--- a/src/frontend/apps/desk/.eslintrc.js
+++ b/src/frontend/apps/desk/.eslintrc.js
@@ -16,6 +16,7 @@ module.exports = {
   },
   rules: {
     'block-scoped-var': 'error',
+    curly: ['error', 'all'],
     'import/no-duplicates': ['error', { considerQueryString: false }],
     'import/order': [
       'error',
@@ -48,6 +49,10 @@ module.exports = {
     ],
     'react-hooks/rules-of-hooks': 'error',
     'react-hooks/exhaustive-deps': 'error',
+    'react/jsx-curly-brace-presence': [
+      'error',
+      { props: 'never', children: 'never', propElementValues: 'always' },
+    ],
     'sort-imports': [
       'error',
       {
diff --git a/src/frontend/apps/desk/src/app/Header/Header.tsx b/src/frontend/apps/desk/src/app/Header/Header.tsx
new file mode 100644
index 0000000..a049632
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/Header.tsx
@@ -0,0 +1,82 @@
+import { Button } from '@openfun/cunningham-react';
+import Image from 'next/image';
+import React from 'react';
+import styled from 'styled-components';
+
+import { Box, Text } from '@/components/';
+
+import { default as IconCells } from './assets/icon-cells.svg';
+import { default as IconDesk } from './assets/icon-desk.svg';
+import { default as IconFAQ } from './assets/icon-faq.svg';
+import { default as IconGouv } from './assets/icon-gouv.svg';
+import { default as IconMarianne } from './assets/icon-marianne.svg';
+
+const RedStripe = styled.div`
+  position: absolute;
+  height: 5px;
+  width: 100%;
+  background: var(--c--theme--colors--danger-500);
+  top: 0;
+`;
+
+const Header = () => {
+  return (
+    <Box
+      className="mb-l"
+      as="header"
+      $height="100px"
+      $width="100%"
+      $direction="column"
+      $justify="center"
+      $css="box-shadow: 0 1px 4px #00000040;"
+    >
+      <RedStripe />
+      <Box className="ml-l mr-l" $align="center" $justify="space-between">
+        <Box $direction="column">
+          <Image priority src={IconMarianne} alt="Marianne Logo" />
+          <Box $align="center" $gap="6rem">
+            <Image
+              priority
+              src={IconGouv}
+              alt="Freedom Equality Fraternity Logo"
+            />
+            <Box $align="center" $gap="1rem">
+              <Image priority src={IconDesk} alt="Desk Logo" />
+              <Text className="m-0" as="h2">
+                Desk
+              </Text>
+            </Box>
+          </Box>
+        </Box>
+        <Box
+          $align="center"
+          $css={`
+            & > button {
+              padding: 0;
+            }
+          `}
+          $gap="5rem"
+          $justify="flex-end"
+        >
+          <Box $align="center">
+            <Button
+              aria-label="Access to FAQ"
+              icon={<Image priority src={IconFAQ} alt="FAQ Icon" />}
+              className="m-s c__button-no-bg p-0"
+            >
+              FAQ
+            </Button>
+          </Box>
+          <Button
+            aria-label="Access to the cells menu"
+            icon={<Image priority src={IconCells} alt="Cells icon" />}
+            color="tertiary"
+            className="c__button-no-bg p-0 m-0"
+          />
+        </Box>
+      </Box>
+    </Box>
+  );
+};
+
+export default Header;
diff --git a/src/frontend/apps/desk/src/app/Header/assets/icon-cells.svg b/src/frontend/apps/desk/src/app/Header/assets/icon-cells.svg
new file mode 100644
index 0000000..64358cd
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/assets/icon-cells.svg
@@ -0,0 +1,10 @@
+<svg width="60" height="60" viewBox="0 0 60 60" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect opacity="0.1" x="1" y="1" width="58" height="58" rx="1" fill="white" stroke="#000091" stroke-width="2"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M29.4103 24.6079L34.1507 27.3446V32.8178L29.4103 35.5544L24.6699 32.8178V27.3446L29.4103 24.6079Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.7463 15L39.4867 17.7367V23.2099L34.7463 25.9465L30.0059 23.2099V17.7367L34.7463 15Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.7463 34.0537L39.4867 36.7904V42.2636L34.7463 45.0002L30.0059 42.2636V36.7904L34.7463 34.0537Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18.7404 24.6079L23.4808 27.3446V32.8178L18.7404 35.5544L14 32.8178V27.3446L18.7404 24.6079Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0744 15L28.8148 17.7367V23.2099L24.0744 25.9465L19.334 23.2099V17.7367L24.0744 15Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M24.0744 34.0537L28.8148 36.7904V42.2636L24.0744 45.0002L19.334 42.2636V36.7904L24.0744 34.0537Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.2717 24.6079L45.0121 27.3446V32.8178L40.2717 35.5544L35.5312 32.8178V27.3446L40.2717 24.6079Z" fill="#000091"/>
+</svg>
diff --git a/src/frontend/apps/desk/src/app/Header/assets/icon-desk.svg b/src/frontend/apps/desk/src/app/Header/assets/icon-desk.svg
new file mode 100644
index 0000000..06dc733
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/assets/icon-desk.svg
@@ -0,0 +1,5 @@
+<svg width="48" height="49" viewBox="0 0 48 49" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M41.7012 0.558594C45.1791 0.558594 47.9995 3.3445 47.9995 6.91157C47.9995 16.0522 47.9995 33.1064 47.9995 42.247C47.9995 45.7026 45.1791 48.6 41.7012 48.6C32.5048 48.6 15.5055 48.6 6.30916 48.6C2.82012 48.6 0 45.7026 0 42.247C0 33.1064 0 16.0522 0 6.91157C0 3.3445 2.82012 0.558594 6.30916 0.558594H41.7012Z" fill="white"/>
+<path d="M35.0137 22.6992C35.6937 22.6992 36.3537 22.7792 37.0137 22.8792V13.2392L22.0137 6.69922L7.01367 13.2392V23.0592C7.01367 32.1392 13.4137 40.6392 22.0137 42.6992C23.1137 42.4392 24.1737 42.0592 25.2137 41.5992C23.8337 39.6392 23.0137 37.2592 23.0137 34.6992C23.0137 28.0792 28.3937 22.6992 35.0137 22.6992Z" fill="#000091"/>
+<path d="M35.0137 26.6992C30.5937 26.6992 27.0137 30.2792 27.0137 34.6992C27.0137 39.1192 30.5937 42.6992 35.0137 42.6992C39.4337 42.6992 43.0137 39.1192 43.0137 34.6992C43.0137 30.2792 39.4337 26.6992 35.0137 26.6992ZM35.0137 29.4592C36.2537 29.4592 37.2537 30.4792 37.2537 31.6992C37.2537 32.9192 36.2337 33.9392 35.0137 33.9392C33.7937 33.9392 32.7737 32.9192 32.7737 31.6992C32.7737 30.4792 33.7737 29.4592 35.0137 29.4592ZM35.0137 40.1992C33.1537 40.1992 31.5337 39.2792 30.5337 37.8592C30.6337 36.4192 33.5537 35.6992 35.0137 35.6992C36.4737 35.6992 39.3937 36.4192 39.4937 37.8592C38.4937 39.2792 36.8737 40.1992 35.0137 40.1992Z" fill="#E1000F"/>
+</svg>
diff --git a/src/frontend/apps/desk/src/app/Header/assets/icon-faq.svg b/src/frontend/apps/desk/src/app/Header/assets/icon-faq.svg
new file mode 100644
index 0000000..acd989a
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/assets/icon-faq.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M21 3C21.5523 3 22 3.44772 22 4V18C22 18.5523 21.5523 19 21 19H6.455L2 22.5V4C2 3.44772 2.44772 3 3 3H21ZM20 5H4V18.385L5.763 17H20V5ZM13 14V16H11V14H13ZM12.4592 6.02822C14.2875 6.27003 15.6148 7.88878 15.4936 9.72908C15.3724 11.5694 13.8443 13.0001 12 13H11V11H12C12.7902 11 13.4448 10.387 13.4967 9.59851C13.5486 8.81006 12.9799 8.11655 12.1966 8.01295C11.4133 7.90935 10.6839 8.43117 10.529 9.206L8.567 8.813C8.92838 7.00447 10.6308 5.78641 12.4592 6.02822Z" fill="#000091"/>
+</svg>
diff --git a/src/frontend/apps/desk/src/app/Header/assets/icon-gouv.svg b/src/frontend/apps/desk/src/app/Header/assets/icon-gouv.svg
new file mode 100644
index 0000000..b7445f0
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/assets/icon-gouv.svg
@@ -0,0 +1,6 @@
+<svg width="56" height="38" viewBox="0 0 56 38" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.236 11V2.6H2.94V11H1.236ZM5.46788 11V2.6H7.65188L11.4079 8.672V2.6H13.1119V11H10.9279L7.17188 4.928V11H5.46788ZM14.7772 4.148V2.6H21.6652V4.148H19.0732V11H17.3692V4.148H14.7772ZM23.3418 11V2.6H25.0458V11H23.3418ZM26.7097 4.148V2.6H33.5977V4.148H31.0057V11H29.3017V4.148H26.7097ZM40.228 7.856V2.6H41.932V7.712C41.932 9.92 40.636 11.24 38.524 11.24C36.424 11.24 35.128 9.92 35.128 7.712V2.6H36.832V7.856C36.832 8.984 37.468 9.644 38.536 9.644C39.58 9.644 40.228 8.984 40.228 7.856ZM44.2288 11V2.6H45.9328V9.452H49.1248V11H44.2288ZM54.0084 1.88H52.4604L53.8164 0.26H55.5684L54.0084 1.88ZM50.8044 11V2.6H55.7004V4.016H52.5084V6.008H55.2204V7.424H52.5084V9.584H55.7004V11H50.8044Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.18 32.6142L30.0638 33.6341H29.7758L30.4359 32.4702H31.18V32.6142ZM30.3759 36.5616H30.1359C29.8358 36.9216 29.4998 37.2096 29.1757 37.2096C28.8397 37.2096 28.6717 37.0056 28.6717 36.5616C28.6717 36.3816 28.6957 36.1896 28.7317 36.0216L30.688 35.3737C31.072 34.4617 30.6159 34.0657 30.0759 34.0657C29.1517 34.0657 28.0956 35.6856 28.0956 36.9816C28.0956 37.5935 28.3836 37.9295 28.8397 37.9295C29.3678 37.9175 29.9198 37.4016 30.3759 36.5616ZM29.7046 34.594C29.9686 34.594 30.1966 34.798 30.0766 35.266L28.8644 35.59C29.0565 35.014 29.4165 34.594 29.7046 34.594ZM25.8886 34.6177H26.5367L25.5045 37.4496C25.4085 37.6896 25.5405 37.9295 25.7925 37.9295C26.5247 37.9295 27.4008 37.3056 27.7368 36.4176H27.5568C27.2928 36.7896 26.7167 37.1976 26.2846 37.2696L27.2328 34.6177H28.2049L28.3249 34.2098H27.3768L27.7368 33.1898H27.3648L26.6927 34.2098L25.8886 34.3178V34.6177ZM24.9878 34.0784C25.1198 34.0784 25.2998 34.2224 25.2158 34.4864L24.0516 37.3063C24.3517 37.2583 24.6637 36.9703 24.8438 36.7063H25.0358C24.7597 37.4142 24.1356 37.9302 23.5956 37.9302C23.4636 37.9302 23.2715 37.7862 23.3675 37.5222L24.4477 34.7024C24.1477 34.7504 23.8356 35.0384 23.6556 35.3024H23.4756C23.7516 34.5824 24.4237 34.0784 24.9878 34.0784ZM25.3246 33.3582C25.5647 33.3582 25.7687 33.1662 25.7687 32.9142C25.7687 32.6742 25.5647 32.4702 25.3246 32.4702C25.0726 32.4702 24.8806 32.6742 24.8806 32.9142C24.8806 33.1542 25.0846 33.3582 25.3246 33.3582ZM20.0797 35.6983C20.3437 35.1224 20.2477 34.8584 20.0797 34.8584C19.9357 34.8584 19.7676 35.0144 19.5996 35.3024H19.4196C19.6956 34.6904 20.0557 34.0784 20.4517 34.0784C20.7878 34.0784 20.9078 34.4144 20.9078 34.7864V35.3144C20.9618 35.2515 21.0144 35.1898 21.0658 35.1296L21.0667 35.1285L21.0675 35.1276C21.5745 34.5326 21.9617 34.0784 22.408 34.0784C22.7561 34.0784 22.9361 34.2944 22.9361 34.6184C22.9361 34.8104 22.8761 35.0504 22.7441 35.3024L21.7479 37.3063C22.048 37.2583 22.36 36.9703 22.54 36.7063H22.7201C22.444 37.4262 21.7719 37.9302 21.2079 37.9302C20.9558 37.9302 20.8118 37.6662 20.9198 37.4502L22.072 35.2304C22.204 34.9784 22.228 34.8104 22.024 34.8104C21.7479 34.8104 21.0998 35.2664 20.7518 35.6863L19.9957 37.6782C19.9117 37.8822 19.8277 37.9302 19.6356 37.9302C19.3236 37.9302 19.1676 37.7262 19.3116 37.4022L20.0797 35.6983ZM19.2987 34.9297C19.4307 34.4737 19.3587 34.0657 19.0106 34.0657C18.5766 34.0657 18.4407 34.3524 18.02 35.2394L17.9905 35.3017V34.7737C17.9905 34.4017 17.8705 34.0657 17.5344 34.0657C17.1384 34.0657 16.7783 34.6777 16.5023 35.2897H16.6823C16.8743 35.0137 17.0544 34.8457 17.1984 34.8457C17.3664 34.8457 17.4624 35.1097 17.1984 35.6856L16.4303 37.3896C16.2863 37.7135 16.4423 37.9175 16.7543 37.9175C16.9464 37.9175 17.0304 37.8695 17.1144 37.6655L17.8705 35.6736C18.0865 35.4097 18.2785 35.1817 18.5186 34.9297H19.2987ZM15.5064 35.266C15.6264 34.798 15.3984 34.594 15.1344 34.594C14.8463 34.594 14.4863 35.014 14.2942 35.59L15.5064 35.266ZM15.8057 36.5616H15.5657C15.2656 36.9216 14.9296 37.2096 14.6055 37.2096C14.2695 37.2096 14.1015 37.0056 14.1015 36.5616C14.1015 36.3816 14.1255 36.1896 14.1615 36.0216L16.1178 35.3737C16.5018 34.4617 16.0458 34.0657 15.5057 34.0657C14.5815 34.0657 13.5254 35.6856 13.5254 36.9816C13.5254 37.5935 13.8134 37.9295 14.2695 37.9295C14.7976 37.9175 15.3497 37.4016 15.8057 36.5616ZM11.9665 34.6177H11.3184V34.3178L12.1225 34.2098L12.7946 33.1898H13.1666L12.8066 34.2098H13.7547L13.6347 34.6177H12.6626L11.7144 37.2696C12.1465 37.1976 12.7226 36.7896 12.9866 36.4176H13.1666C12.8306 37.3056 11.9545 37.9295 11.2224 37.9295C10.9703 37.9295 10.8383 37.6896 10.9343 37.4496L11.9665 34.6177ZM7.88648 36.8139C7.88648 35.9379 8.85862 34.762 9.3987 34.762C9.51871 34.762 9.63873 34.774 9.73475 34.81L9.17066 36.3219C8.84662 36.7179 8.34254 37.1979 8.10251 37.1979C7.97049 37.1979 7.88648 37.0779 7.88648 36.8139ZM10.5632 33.8861L10.8632 33.9101L9.81906 36.3099C9.56702 36.8859 9.67504 37.1499 9.81906 37.1499C9.96308 37.1499 10.1431 36.9819 10.3351 36.7059H10.5152C10.2391 37.3179 9.87907 37.9298 9.48301 37.9298C9.14696 37.9298 8.94293 37.5699 9.00294 36.9219L9.02694 36.6939L8.96158 36.7852C8.53167 37.3861 8.14265 37.9298 7.74276 37.9298C7.39471 37.9298 7.21468 37.7138 7.21468 37.3899C7.21468 35.9979 8.7389 34.222 10.1671 34.222H10.2271L10.5632 33.8861ZM7.81402 34.9297C7.94604 34.4737 7.87403 34.0657 7.52598 34.0657C7.09192 34.0657 6.956 34.3524 6.53537 35.2394L6.50583 35.3017V34.7737C6.50583 34.4017 6.38581 34.0657 6.04976 34.0657C5.65371 34.0657 5.29365 34.6777 5.01761 35.2897H5.19764C5.38967 35.0137 5.56969 34.8457 5.70171 34.8457C5.86974 34.8457 5.96575 35.1097 5.70171 35.6856L4.9336 37.4016C4.78958 37.7255 4.9456 37.9295 5.25765 37.9295C5.44968 37.9295 5.53369 37.8815 5.6177 37.6775L6.37381 35.6856C6.58984 35.4217 6.78187 35.1937 7.0219 34.9417H7.81402V34.9297ZM2.86842 37.5688L2.79641 37.7848H0L0.0720104 37.5568C0.936136 37.4008 1.08016 37.3288 1.44021 36.3569L2.22032 34.269C2.56837 33.2971 2.49636 33.2251 1.74025 33.0691L1.81226 32.8531H5.44879L5.23276 34.017H4.96872C4.96872 33.3211 4.89671 33.1411 4.23661 33.1411H4.06859C3.4205 33.1411 3.33648 33.2371 3.15646 33.741L2.64038 35.145H3.39649C3.90056 35.145 4.09259 34.833 4.32063 34.425H4.58466L3.96057 36.1289H3.69654C3.75654 35.6129 3.75654 35.4089 3.28848 35.4089H2.53237L2.18432 36.3689C1.80809 37.368 1.9156 37.3884 2.81149 37.558C2.83013 37.5616 2.8491 37.5651 2.86842 37.5688Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.24476 23.4341L4.12857 24.2385V24.2505H3.84052L4.50063 23.29H5.24476V23.4341ZM13.0472 29.0648L14.8355 24.3105L14.7755 24.2384L13.5393 24.3825V24.5266L13.7793 24.7066C13.9843 24.8661 13.93 25.0147 13.76 25.4805L13.7313 25.5591L12.3631 29.2089C12.2551 29.425 12.3991 29.6891 12.6511 29.6891C13.2152 29.6891 13.8153 29.1728 14.0914 28.4645H13.9114C13.7193 28.7286 13.3353 29.0168 13.0472 29.0648ZM21.2438 25.403L22.36 24.3825V24.2384H21.6159L20.9558 25.403H21.2438ZM21.315 28.3204H21.5551C21.111 29.1728 20.5589 29.6891 20.0308 29.6891C19.5747 29.6891 19.2867 29.3529 19.2867 28.7406C19.2867 27.444 20.3429 25.8232 21.267 25.8232C21.7951 25.8232 22.2632 26.2194 21.8791 27.1318L19.9108 27.7801C19.8748 27.9482 19.8508 28.1403 19.8508 28.3204C19.8508 28.7646 20.0188 28.9687 20.3549 28.9687C20.6789 28.9687 21.015 28.6806 21.315 28.3204ZM21.2544 27.0238C21.3745 26.5676 21.1464 26.3635 20.8824 26.3635C20.6063 26.3635 20.2463 26.7837 20.0422 27.348L21.2544 27.0238ZM17.7258 26.3872H17.0777V26.0871L17.8818 25.979L18.554 24.9585H18.926L18.566 25.979H19.5141L19.3941 26.3872H18.4219L17.4738 29.0405C17.9058 28.9685 18.4819 28.5603 18.746 28.1881H18.926C18.59 29.0765 17.7138 29.7008 16.9817 29.7008C16.7296 29.7008 16.5976 29.4607 16.6936 29.2206L17.7258 26.3872ZM16.4055 26.2431C16.4775 25.979 16.3095 25.8349 16.1655 25.8349C15.6014 25.8349 14.9292 26.3512 14.6532 27.0595H14.8332C15.0133 26.7954 15.3253 26.5072 15.6254 26.4592L14.5452 29.2806C14.4492 29.5447 14.6412 29.6888 14.7732 29.6888C15.3133 29.6888 15.9374 29.1726 16.2135 28.4642H16.0334C15.8534 28.7283 15.5413 29.0165 15.2413 29.0645L16.4055 26.2431ZM16.9585 24.6826C16.9585 24.9228 16.7544 25.1269 16.5144 25.1269C16.2744 25.1269 16.0703 24.9228 16.0703 24.6826C16.0703 24.4425 16.2624 24.2384 16.5144 24.2384C16.7544 24.2384 16.9585 24.4425 16.9585 24.6826ZM10.8987 26.5315C10.3586 26.5315 9.38641 27.7081 9.38641 28.5846C9.38641 28.8487 9.47043 28.9687 9.61445 28.9687C9.84249 28.9687 10.3466 28.4885 10.6706 28.0923L11.2347 26.5796C11.1267 26.5435 11.0187 26.5315 10.8987 26.5315ZM12.3632 25.6791L12.0632 25.6551L11.7271 25.9913H11.6671C10.2389 25.9913 8.71459 27.7682 8.71459 29.1609C8.71459 29.485 8.89463 29.7011 9.24269 29.7011C9.64259 29.7011 10.0316 29.1571 10.4616 28.5558L10.5269 28.4645L10.5029 28.6926C10.4429 29.3409 10.6469 29.7011 10.983 29.7011C11.3791 29.7011 11.7391 29.0888 12.0152 28.4765H11.8351C11.6431 28.7527 11.4631 28.9207 11.3191 28.9207C11.175 28.9207 11.067 28.6566 11.3191 28.0803L12.3632 25.6791ZM6.3135 29.5692C5.79741 29.7733 5.43734 30.0134 5.43734 30.3856C5.43734 30.7337 5.7614 30.8778 6.43352 30.8778C7.33368 30.8778 7.82576 30.6137 7.82576 30.2655C7.82576 30.1094 7.62173 30.0374 7.08163 29.8573C6.73357 29.7493 6.48153 29.6532 6.3135 29.5692ZM6.91282 28.0924C6.67277 28.0924 6.58876 27.8883 6.58876 27.6722C6.58876 26.9758 6.92482 26.1114 7.46491 26.1114C7.70495 26.1114 7.78897 26.3155 7.78897 26.5316C7.77697 27.24 7.44091 28.0924 6.91282 28.0924ZM7.3701 29.2209C8.03022 29.425 8.43829 29.581 8.43829 30.0373C8.43829 30.6255 7.3581 31.3219 6.04987 31.3099C5.29374 31.3099 4.64563 31.1058 4.64563 30.6135C4.64563 30.1453 5.0777 29.7611 6.13389 29.449C5.98986 29.3529 5.92985 29.2329 5.92985 29.0648C5.92985 28.7766 6.1939 28.5485 6.64998 28.3324C6.2059 28.2724 5.91785 27.9362 5.91785 27.444C5.91785 26.6876 6.54196 25.8232 7.52613 25.8232C7.73017 25.8232 7.9102 25.8712 8.05422 25.9673H9.13441L9.01439 26.3755H8.37828C8.41429 26.4835 8.43829 26.6036 8.43829 26.7356C8.43829 27.468 7.85019 28.3084 6.91402 28.3564C6.67398 28.4885 6.55396 28.6686 6.55396 28.8127C6.55396 28.9822 6.75029 29.0395 7.1842 29.1662C7.24193 29.183 7.30387 29.2011 7.3701 29.2209ZM3.56462 27.1679C4.03271 27.1679 4.04471 27.372 3.9727 27.8883H4.23674L4.86085 26.1834H4.59681C4.36877 26.5916 4.17673 26.9038 3.67264 26.9038H2.64046L3.14455 25.4991C3.32458 24.9949 3.4086 24.8988 4.05671 24.8988H4.51279C5.17291 24.8988 5.24492 25.0789 5.24492 25.7752H5.50897L5.725 24.6107H1.81232L1.7403 24.8268C2.49644 24.9829 2.56845 25.0549 2.22039 26.0274L1.44025 28.1284C1.08019 29.1009 0.936164 29.1729 0.0600105 29.329L0 29.5571H4.34476L5.1249 28.3205H4.82484C4.32076 28.8127 3.81667 29.269 2.8325 29.269C1.74998 29.269 1.76926 29.216 2.09407 28.3234C2.11497 28.266 2.13715 28.205 2.16038 28.1404L2.52044 27.1799H3.56462V27.1679Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.14964 16.8876C7.3896 16.8876 7.59356 16.6837 7.59356 16.4438C7.59356 16.2039 7.3896 16 7.14964 16C6.89769 16 6.70573 16.2039 6.70573 16.4438C6.70573 16.6957 6.89769 16.8876 7.14964 16.8876ZM10.7022 18.3986C10.7022 17.8229 10.5583 17.607 10.1503 17.607C9.64644 17.607 9.17853 18.1467 8.71062 18.7944L9.71843 16.0956L9.65844 16.0117L8.42268 16.1556V16.2996L8.66263 16.4795C8.87155 16.6419 8.81099 16.8044 8.63302 17.2818L8.61464 17.3311L7.52285 20.1858C7.42687 20.4257 7.31889 20.7136 7.31889 20.7856C7.31889 21.1214 7.7748 21.4453 8.19472 21.4453C9.13054 21.4573 10.7022 19.73 10.7022 18.3986ZM21.1042 17.1752L22.22 16.1556V16.0117H21.4761L20.8163 17.1752H21.1042ZM21.1765 20.0899H21.4164C20.9605 20.9415 20.4086 21.4573 19.8807 21.4453C19.4248 21.4453 19.1369 21.1214 19.1369 20.5097C19.1369 19.2143 20.1927 17.595 21.1165 17.595C21.6444 17.595 22.1123 17.9908 21.7284 18.9024L19.7727 19.5501C19.7368 19.7181 19.7128 19.91 19.7128 20.0899C19.7128 20.5337 19.8807 20.7376 20.2167 20.7376C20.5406 20.7376 20.8765 20.4497 21.1765 20.0899ZM21.1153 18.7945C21.2353 18.3387 21.0073 18.1348 20.7434 18.1348C20.4555 18.1348 20.0955 18.5546 19.9036 19.1184L21.1153 18.7945ZM17.5747 18.1595H16.9268V17.8596L17.7306 17.7516L18.4025 16.7321H18.7744L18.4145 17.7516H19.3623L19.2423 18.1595H18.2705L17.3227 20.8103C17.7546 20.7383 18.3305 20.3305 18.5945 19.9587H18.7744C18.4385 20.8463 17.5627 21.47 16.8308 21.47C16.5789 21.47 16.4469 21.2301 16.5429 20.9902L17.5747 18.1595ZM16.5931 18.4713C16.7251 18.0155 16.6531 17.6077 16.3052 17.6077C15.8713 17.6077 15.7354 17.8942 15.3149 18.7809L15.2854 18.8431V18.3154C15.2854 17.9435 15.1654 17.6077 14.8295 17.6077C14.4336 17.6077 14.0736 18.2194 13.7977 18.8311H13.9776C14.1696 18.5553 14.3496 18.3873 14.4815 18.3873C14.6495 18.3873 14.7455 18.6512 14.4815 19.227L13.7137 20.9302C13.5697 21.2541 13.7257 21.458 14.0376 21.458C14.2296 21.458 14.3136 21.41 14.3976 21.2061L15.1534 19.215C15.3694 18.9511 15.5613 18.7232 15.8013 18.4713H16.5931ZM12.7902 18.7945C12.9101 18.3387 12.6822 18.1348 12.4182 18.1348C12.1303 18.1348 11.7823 18.5546 11.5784 19.1184L12.7902 18.7945ZM13.0893 20.0899H12.8494C12.5495 20.4497 12.2135 20.7376 11.8896 20.7376C11.5536 20.7376 11.3857 20.5337 11.3857 20.0899C11.3857 19.91 11.4097 19.7181 11.4457 19.5501L13.4013 18.9024C13.7852 17.9908 13.3293 17.595 12.7894 17.595C11.8656 17.595 10.8098 19.2143 10.8098 20.5097C10.8098 21.1214 11.0977 21.4453 11.5536 21.4453C12.0815 21.4573 12.6334 20.9415 13.0893 20.0899ZM8.05122 20.5461C8.05122 20.702 8.32717 20.882 8.51913 20.882C9.29898 20.882 10.0308 19.4786 10.0188 18.6989C10.0188 18.435 9.88686 18.3271 9.7069 18.3271C9.41896 18.3271 8.89106 18.7589 8.55512 19.1667L8.24318 20.0064C8.13521 20.2822 8.05122 20.4981 8.05122 20.5461ZM6.79168 17.6077C6.93565 17.6077 7.10362 17.7516 7.03163 18.0155L5.87986 20.8343C6.1798 20.7863 6.49174 20.4984 6.6717 20.2345H6.85167C6.57572 20.9422 5.95184 21.458 5.41195 21.458C5.26798 21.458 5.07601 21.314 5.172 21.0502L6.25179 18.2314C5.95184 18.2794 5.63991 18.5673 5.45994 18.8311H5.27997C5.55592 18.1235 6.22779 17.6077 6.79168 17.6077ZM1.81165 16.3602H4.39115L4.31916 16.5881C3.44333 16.744 3.29936 16.816 2.93943 17.7876L2.17158 19.8986C1.79965 20.9062 1.89563 21.0261 2.5555 21.0261C3.37077 21.0261 3.90535 20.4337 4.37213 19.9164C4.40681 19.878 4.44111 19.84 4.47513 19.8027H4.77507L3.92324 21.314H0L0.071986 21.0981C0.935818 20.9422 1.07979 20.8702 1.43972 19.8986L2.21957 17.7756C2.5675 16.804 2.49552 16.732 1.73966 16.5761L1.81165 16.3602Z" fill="black"/>
+</svg>
diff --git a/src/frontend/apps/desk/src/app/Header/assets/icon-marianne.svg b/src/frontend/apps/desk/src/app/Header/assets/icon-marianne.svg
new file mode 100644
index 0000000..11c4743
--- /dev/null
+++ b/src/frontend/apps/desk/src/app/Header/assets/icon-marianne.svg
@@ -0,0 +1,8 @@
+<svg width="33" height="12" viewBox="0 0 33 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="33" height="12" fill="white"/>
+<path d="M10.6562 10.5498C10.6602 10.5498 10.6642 10.5439 10.6642 10.5439C10.696 10.5203 10.7279 10.4909 10.7558 10.4556C10.7518 10.4556 10.7478 10.4556 10.7438 10.4498C10.7159 10.4792 10.6841 10.5145 10.6562 10.5498Z" fill="#000091"/>
+<path d="M15.0694 9.06287L14.9997 9.12287C15.0396 9.11287 15.0694 9.10287 15.0694 9.06287Z" fill="#000091"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.6426 10.5817C13.7704 10.4532 13.8983 10.3168 14.0261 10.1765H14.0222C14.2624 9.90382 14.4948 9.64278 14.7737 9.40512C14.8589 9.3272 14.9402 9.26097 15.0177 9.20642C15.0291 9.19498 15.0349 9.17793 15.0406 9.16122C15.0465 9.1438 15.0523 9.12676 15.0642 9.11681C15.009 9.13788 14.965 9.17119 14.9207 9.20471C14.8749 9.23936 14.8289 9.27424 14.7698 9.29603C14.7466 9.29603 14.7233 9.27266 14.7466 9.24928C14.8279 9.19084 14.9092 9.1285 14.9867 9.06616H14.9712C14.948 9.06616 14.948 9.04279 14.948 9.01941C14.6596 8.97361 14.4381 9.17082 14.2399 9.34735L14.2275 9.35837C14.1966 9.37389 14.1675 9.35849 14.1446 9.3464C14.133 9.34027 14.123 9.33499 14.1152 9.33499C13.9398 9.39381 13.7885 9.50223 13.6362 9.61137C13.4959 9.7119 13.3548 9.81303 13.1933 9.87655V9.82979C13.1384 9.84871 13.0842 9.87338 13.0298 9.8981C12.9498 9.93447 12.8696 9.97098 12.7865 9.98953C12.6349 10.0247 12.4943 10.0202 12.358 10.0158C12.3133 10.0143 12.2689 10.0129 12.2249 10.0129C11.9768 10.0375 11.7319 10.0906 11.4872 10.1437L11.4076 10.161C11.4037 10.1629 11.3998 10.1639 11.3959 10.1649C11.3921 10.1658 11.3882 10.1668 11.3843 10.1688C11.2371 10.2077 11.1016 10.2623 10.966 10.3402L10.9505 10.348C10.9452 10.3551 10.9398 10.3614 10.9349 10.3673C10.929 10.3743 10.9237 10.3806 10.9195 10.3869C10.873 10.4415 10.8304 10.4882 10.7646 10.5233C10.6673 10.5722 10.5832 10.6476 10.5005 10.7219C10.4647 10.754 10.429 10.7861 10.3927 10.8155C10.385 10.8233 10.3695 10.8272 10.3578 10.8272C10.2378 10.9441 10.1177 11.061 9.99373 11.1739C9.98598 11.1817 9.95112 11.1856 9.924 11.1817C9.924 11.1817 9.92788 11.1817 9.92788 11.1778L9.9395 11.1545L9.9976 11.061C10.0092 11.0434 10.0199 11.0259 10.0305 11.0084C10.0412 10.9908 10.0518 10.9733 10.0634 10.9558C10.0944 10.909 10.1255 10.8622 10.1603 10.8194C10.168 10.8077 10.168 10.796 10.1603 10.7882C10.1525 10.7804 10.1409 10.7765 10.1293 10.7765C10.2416 10.6675 10.3733 10.5739 10.5089 10.4921V10.4882C10.4934 10.4921 10.4702 10.4804 10.4818 10.4649C10.4932 10.4506 10.5024 10.4342 10.5112 10.4188L10.5205 10.4025C10.5225 10.3986 10.5234 10.3957 10.5244 10.3928C10.5254 10.3899 10.5263 10.3869 10.5283 10.383C10.5263 10.3791 10.5234 10.3762 10.5205 10.3733C10.5176 10.3704 10.5147 10.3675 10.5128 10.3636L10.4893 10.3791C10.4612 10.3974 10.4324 10.4163 10.4082 10.4376C10.3911 10.4523 10.3751 10.4725 10.3588 10.4932C10.3232 10.5382 10.2857 10.5856 10.23 10.5856C10.2261 10.5856 10.2068 10.5856 10.1952 10.5817C10.1835 10.5817 10.1758 10.5778 10.1719 10.5739C10.1719 10.572 10.1719 10.571 10.1724 10.5705C10.1729 10.57 10.1738 10.57 10.1758 10.57C10.1758 10.57 10.1797 10.5662 10.1797 10.5623C10.1797 10.5623 10.1797 10.5584 10.1835 10.5584C10.1855 10.5545 10.1874 10.5515 10.1893 10.5486C10.1913 10.5457 10.1932 10.5428 10.1952 10.5389C10.1971 10.535 10.199 10.5321 10.201 10.5291C10.2029 10.5262 10.2048 10.5233 10.2068 10.5194C10.2087 10.5175 10.2097 10.5145 10.2106 10.5116C10.2116 10.5087 10.2126 10.5058 10.2145 10.5038L10.2189 10.4958C10.2227 10.4889 10.2273 10.4808 10.23 10.4726C10.2319 10.4688 10.2339 10.4658 10.2358 10.4629C10.2378 10.46 10.2397 10.4571 10.2416 10.4532C10.2474 10.4454 10.2523 10.4366 10.2571 10.4278C10.262 10.4191 10.2668 10.4103 10.2726 10.4025C10.2765 10.3947 10.2804 10.3869 10.2881 10.3791C10.292 10.3713 10.2959 10.3645 10.2997 10.3577C10.3036 10.3509 10.3075 10.3441 10.3114 10.3363C10.323 10.3168 10.3114 10.3012 10.2959 10.2973C10.3385 10.2428 10.3888 10.196 10.4508 10.161H10.4431C10.4965 10.1341 10.5515 10.1026 10.6062 10.0713C10.6384 10.0528 10.671 10.0341 10.7026 10.0168C10.7142 10.0051 10.7258 9.99343 10.7413 9.98564C10.6135 10.0285 10.4973 10.0869 10.385 10.1649C10.385 10.1649 10.354 10.1765 10.3462 10.1843C10.3462 10.1843 10.323 10.1921 10.292 10.1649C10.2881 10.161 10.2881 10.1571 10.2881 10.1493C10.3016 10.1222 10.3293 10.1043 10.3594 10.0849C10.3812 10.0708 10.4041 10.056 10.4237 10.0363C10.4469 10.0363 10.4663 10.0363 10.4663 10.0597C10.9124 9.70986 11.4625 9.62894 12.0144 9.54773C12.3539 9.49779 12.6941 9.44775 13.0112 9.33499C13.0441 9.31162 13.078 9.28921 13.1119 9.26681C13.1458 9.24441 13.1797 9.22201 13.2126 9.19863C13.2691 9.17512 13.3198 9.13485 13.3734 9.0922C13.4263 9.05005 13.4822 9.00558 13.5496 8.97266C13.7278 8.8363 13.8634 8.68045 13.9331 8.45058C13.9331 8.42721 13.9099 8.40383 13.9099 8.40383C13.6155 8.71941 13.2785 8.96876 12.9182 9.15188C12.5747 9.33312 12.2067 9.35998 11.8423 9.38657C11.7054 9.39656 11.569 9.40651 11.4347 9.4246C11.4579 9.37785 11.5044 9.37785 11.547 9.37785C11.547 9.32253 11.5735 9.29873 11.6075 9.26819C11.6166 9.26002 11.6263 9.25135 11.6361 9.24149H11.702C11.7136 9.24149 11.7194 9.2298 11.7252 9.21811C11.731 9.20642 11.7368 9.19473 11.7484 9.19473C11.7949 9.19473 11.8608 9.17136 11.8375 9.17136C11.802 9.12569 11.7504 9.14377 11.6934 9.16372C11.6386 9.18291 11.5789 9.20384 11.5238 9.17136C11.5443 9.14888 11.5504 9.12191 11.556 9.09736C11.5621 9.07083 11.5675 9.04714 11.5896 9.035H11.6787C11.6787 8.98824 11.7252 8.94539 11.7252 8.94539C11.9272 8.82393 12.1223 8.71789 12.3137 8.61381C12.4416 8.5443 12.568 8.47559 12.6936 8.40383C12.6682 8.40383 12.6456 8.41428 12.6238 8.42442C12.589 8.44055 12.5558 8.45592 12.5154 8.42721C12.5386 8.42721 12.5386 8.41065 12.5386 8.39409C12.5386 8.37753 12.5386 8.36097 12.5619 8.36097C12.7072 8.32215 12.8365 8.25923 12.9686 8.19497C13.0619 8.1496 13.1565 8.10357 13.2591 8.06487C13.2287 8.06487 13.2005 8.07307 13.173 8.08105C13.1201 8.09643 13.0699 8.11103 13.0112 8.06487C13.0266 8.05713 13.039 8.04725 13.0513 8.03751C13.076 8.01781 13.1002 7.99864 13.1468 7.99864V7.93241C13.1468 7.90903 13.17 7.90903 13.1933 7.90903C13.17 7.90903 13.1468 7.88565 13.1468 7.88565C13.1591 7.8609 13.1833 7.85581 13.2103 7.85013C13.2343 7.84509 13.2605 7.83959 13.2824 7.81942C13.2591 7.81942 13.2165 7.81942 13.2165 7.79604C13.2824 7.70643 13.3947 7.68306 13.507 7.65968C13.4954 7.6363 13.4731 7.6363 13.4538 7.6363C13.4344 7.6363 13.4179 7.6363 13.4179 7.61293C13.4179 7.58955 13.4412 7.58955 13.4644 7.58955H13.4179C13.3815 7.57121 13.3879 7.53847 13.3924 7.51581C13.3936 7.50959 13.3947 7.50414 13.3947 7.49994C13.4857 7.39273 13.5156 7.2662 13.5454 7.1404C13.5599 7.07877 13.5745 7.01732 13.5961 6.95839C13.5729 6.95839 13.5496 6.95839 13.5496 6.93501C13.3318 7.17674 12.9866 7.26835 12.6587 7.35536L12.6277 7.36358H12.5154C12.4031 7.41033 12.2443 7.41033 12.1319 7.3402C12.0785 7.31217 12.0404 7.27714 11.9993 7.2393C11.9718 7.21403 11.9429 7.18751 11.9073 7.16098C11.7252 7.048 11.547 6.95839 11.3456 6.88826C10.7839 6.70904 10.199 6.61553 9.61412 6.63891C9.77746 6.54907 9.95088 6.51334 10.1266 6.47714C10.2176 6.45839 10.3093 6.43952 10.4004 6.41294C10.458 6.39599 10.515 6.37852 10.5716 6.36114C10.8929 6.26265 11.2046 6.1671 11.547 6.18697C11.5022 6.17105 11.4448 6.1768 11.392 6.1821C11.3672 6.18458 11.3434 6.18697 11.3224 6.18697C11.0634 6.16767 10.8019 6.22533 10.529 6.28548C10.4712 6.29822 10.4129 6.31107 10.354 6.32333C10.2471 6.34557 10.1455 6.37751 10.0437 6.40951C9.93151 6.44476 9.81915 6.48008 9.69934 6.50255C9.64737 6.52047 9.60565 6.55098 9.56501 6.58071C9.49962 6.62853 9.43704 6.6743 9.3391 6.66229V6.59216C9.56376 6.31943 9.83491 6.0506 10.1952 6.02723C10.5434 5.97052 10.8717 6.01091 11.2142 6.05305C11.2718 6.06013 11.3297 6.06725 11.3882 6.07398C11.669 6.09657 11.9317 6.1592 12.2148 6.22669L12.2443 6.23372C12.3062 6.23372 12.3411 6.28827 12.3748 6.34111C12.4023 6.38404 12.429 6.42584 12.4689 6.43631C12.5241 6.45533 12.5792 6.45888 12.6344 6.46242C12.7148 6.46759 12.7952 6.47277 12.8756 6.52592C12.8756 6.51019 12.873 6.4949 12.8704 6.47976C12.8653 6.44989 12.8602 6.42058 12.8756 6.38956C12.9256 6.33929 12.9829 6.35278 13.0393 6.36606C13.0834 6.37645 13.127 6.38671 13.1662 6.36618C13.289 6.28995 13.1738 6.17293 13.0585 6.0558C13.0029 5.99932 12.9472 5.94283 12.9182 5.89086C12.9182 5.86749 12.9415 5.84411 12.9415 5.84411C12.9924 5.88971 13.0398 5.9369 13.0867 5.98369C13.2043 6.10078 13.3194 6.21532 13.4799 6.29606C13.5922 6.34281 13.8634 6.40904 13.8169 6.27268C13.7373 6.09607 13.6014 5.94291 13.4642 5.7883C13.4077 5.72462 13.351 5.66068 13.2979 5.59476V5.50515C13.2625 5.50515 13.2541 5.49166 13.2435 5.47494C13.2402 5.46964 13.2367 5.46402 13.232 5.4584V5.36879C13.1752 5.33899 13.1625 5.29178 13.1497 5.24431C13.1424 5.2173 13.1351 5.19021 13.1197 5.16619C13.0808 5.10327 13.0781 5.02586 13.0752 4.94605C13.0729 4.88255 13.0705 4.81753 13.0499 4.75711C13.0035 4.62074 12.9841 4.50776 12.9609 4.3714C12.9356 4.23189 12.9079 4.0985 12.8807 3.96791C12.8328 3.73744 12.7866 3.51566 12.7594 3.28439C12.7236 2.95382 12.8905 2.67425 13.0612 2.38846C13.1118 2.30374 13.1627 2.21846 13.2088 2.13115C13.3676 1.85843 13.5458 1.5896 13.8401 1.40648C13.9044 1.14049 14.0791 0.918965 14.253 0.69854L14.2662 0.681813C14.4379 0.467905 14.7245 0.337136 14.9357 0.240761L14.9596 0.229868C15.2734 0.0896097 15.5561 0 15.56 0H0V11.996H11.0396C11.3348 11.782 11.6283 11.6469 11.9775 11.4862C12.1369 11.4129 12.3079 11.3342 12.496 11.2402C12.5359 11.2201 12.5832 11.1968 12.6357 11.171C12.951 11.0159 13.4534 10.7687 13.6426 10.5817ZM10.1396 8.96329C10.0958 8.96769 10.0494 8.97235 10.0669 8.93716C10.0832 8.85831 10.1639 8.83467 10.2428 8.81158C10.2765 8.8017 10.31 8.79191 10.3378 8.77794L10.3505 8.77136L10.3598 8.76643C10.4035 8.74323 10.457 8.71483 10.4965 8.73134C10.5231 8.76919 10.5561 8.77895 10.5881 8.78845C10.612 8.79552 10.6353 8.80243 10.6551 8.82066C10.5714 8.90467 10.4737 8.91296 10.3747 8.92136C10.3089 8.92694 10.2425 8.93257 10.1791 8.96047C10.1678 8.96047 10.1538 8.96187 10.1396 8.96329ZM6.71263 8.41541C6.71263 8.43879 6.73587 8.46216 6.73587 8.46216C7.27817 7.85048 7.77011 7.32841 8.46735 6.89594C8.48601 6.88812 8.47907 6.89789 8.46984 6.91087C8.45609 6.93021 8.43727 6.95669 8.49059 6.9427C8.72141 6.89007 8.82508 6.69233 8.92594 6.49995C8.95202 6.45021 8.97791 6.40082 9.00577 6.35439C9.11155 6.18235 9.26178 6.07213 9.41317 5.96106C9.52234 5.88096 9.63212 5.80043 9.72625 5.69595C9.72625 5.71933 9.72625 5.74271 9.703 5.76608C9.72625 5.78946 9.74949 5.78946 9.77273 5.78946C9.81359 5.75863 9.8582 5.74587 9.90095 5.73364C9.95547 5.71805 10.007 5.70332 10.0439 5.6531C9.86569 5.58297 9.63715 5.55959 9.45897 5.62972C8.9864 5.85569 8.58355 6.21803 8.20007 6.62711C7.96766 6.87257 7.7275 7.10244 7.43311 7.26217C7.23169 7.66737 7.00702 8.0297 6.71263 8.41541ZM8.60369 6.9664C8.59155 6.99077 8.57942 7.00345 8.56783 7.01556C8.55726 7.02661 8.54714 7.0372 8.5379 7.05573C8.51468 7.10233 8.49147 7.12174 8.4489 7.14505C8.42568 7.14505 8.40246 7.14505 8.40246 7.12174C8.42568 7.03242 8.49147 6.9431 8.58047 6.9198C8.60369 6.92369 8.60369 6.94699 8.60369 6.9664ZM9.59422 10.4264C9.61357 10.4069 9.63679 10.3835 9.6484 10.3601C9.66775 10.3134 9.54778 10.3251 9.52843 10.3368C9.51087 10.3509 9.49969 10.365 9.4862 10.3821L9.48199 10.3874C9.46585 10.406 9.44696 10.4232 9.42778 10.4406C9.41477 10.4525 9.40163 10.4644 9.38912 10.477C9.33494 10.5316 9.28076 10.5861 9.22271 10.6368C9.18401 10.6718 9.30785 10.6874 9.33494 10.664C9.3659 10.6407 9.39299 10.6134 9.42008 10.5861C9.4304 10.5861 9.44072 10.5844 9.4476 10.5832L9.45233 10.5825L9.45491 10.5822C9.51906 10.5607 9.5668 10.516 9.61324 10.4726L9.62518 10.4614C9.64066 10.4459 9.62131 10.4303 9.59422 10.4264ZM9.24401 10.173C9.24357 10.1731 9.24326 10.1732 9.24304 10.1734C9.24256 10.1739 9.24256 10.1749 9.24256 10.1768C9.2188 10.1931 9.19535 10.2097 9.17194 10.2263C9.11139 10.2691 9.05116 10.3117 8.98691 10.3483C8.92546 10.3829 8.86246 10.4128 8.79889 10.4429C8.76226 10.4603 8.72545 10.4778 8.68864 10.4963C8.68864 10.4963 8.68864 10.4924 8.68477 10.4924C8.67702 10.4807 8.66153 10.4768 8.64604 10.4846C8.56082 10.5314 8.48722 10.5937 8.42137 10.6599C8.40975 10.6677 8.39813 10.6794 8.39038 10.6911L8.35552 10.7262V10.7301C8.34003 10.7457 8.32453 10.7612 8.30516 10.7846C8.30114 10.7887 8.29804 10.7927 8.29507 10.7966C8.28947 10.8039 8.2843 10.8107 8.27418 10.8158C8.25868 10.8236 8.21995 10.8236 8.22382 10.8002V10.7963C8.2122 10.8041 8.1967 10.8119 8.18508 10.8158C8.17927 10.8197 8.17346 10.8226 8.16765 10.8255C8.16184 10.8284 8.15603 10.8314 8.15022 10.8353C8.14635 10.8314 8.1386 10.8314 8.13473 10.8314C8.13085 10.8314 8.12311 10.8314 8.11923 10.8353C8.1102 10.8431 8.10116 10.8504 8.09212 10.8578C8.07404 10.8725 8.05597 10.8872 8.03789 10.9054C7.99141 10.9483 7.9488 10.995 7.90619 11.0457C7.90619 11.0457 7.90619 11.0495 7.90232 11.0495C7.90232 11.0515 7.90135 11.0525 7.90038 11.0534C7.89941 11.0544 7.89844 11.0554 7.89844 11.0573L7.8907 11.0651C7.88922 11.0666 7.8883 11.0681 7.88752 11.0694C7.88626 11.0714 7.88534 11.0729 7.88295 11.0729L7.87908 11.0768C7.8752 11.0846 7.87133 11.0924 7.86358 11.1002C7.85971 11.1041 7.85196 11.108 7.84421 11.108C7.84034 11.1041 7.83647 11.1002 7.83647 11.0963C7.83453 11.0944 7.83356 11.0924 7.83259 11.0905C7.83162 11.0885 7.83066 11.0866 7.82872 11.0846C7.82485 11.0788 7.82194 11.0729 7.81904 11.0671C7.81613 11.0612 7.81322 11.0554 7.80935 11.0495V11.0457C7.80935 11.0437 7.80838 11.0418 7.80741 11.0398C7.80645 11.0379 7.80548 11.0359 7.80548 11.034L7.8752 10.9521L7.87908 10.9483C7.88295 10.9444 7.88682 10.9395 7.89069 10.9346C7.89456 10.9298 7.89844 10.9249 7.90232 10.921C7.90813 10.9132 7.9149 10.9054 7.92168 10.8976C7.92846 10.8898 7.93524 10.882 7.94105 10.8742C7.94299 10.8703 7.94493 10.8674 7.94686 10.8645C7.9488 10.8616 7.95074 10.8586 7.95267 10.8547C7.97591 10.8236 7.99915 10.7924 8.0224 10.7573V10.7534C8.02627 10.7496 8.03014 10.7457 8.03014 10.7379C8.04176 10.7223 8.05339 10.7067 8.06113 10.6911L8.08437 10.6444V10.6405L8.08825 10.6366C8.08825 10.6346 8.08921 10.6336 8.09018 10.6327C8.09115 10.6317 8.09212 10.6307 8.09212 10.6288C8.09599 10.619 8.09986 10.6103 8.10373 10.6015C8.1076 10.5928 8.11149 10.584 8.11536 10.5742V10.5703L8.11923 10.5547C8.12117 10.5509 8.12214 10.547 8.12311 10.5431C8.12408 10.5392 8.12504 10.5353 8.12698 10.5314V10.5275C8.12892 10.5216 8.12989 10.5158 8.13085 10.5099C8.13182 10.5041 8.13279 10.4983 8.13473 10.4924C8.13473 10.4885 8.13473 10.4807 8.13085 10.4768C8.1541 10.434 8.18508 10.395 8.21995 10.356C8.21801 10.356 8.21607 10.357 8.21414 10.358C8.21303 10.3586 8.21191 10.3591 8.2108 10.3595C8.20998 10.3598 8.20915 10.3599 8.20833 10.3599C8.19108 10.3708 8.17624 10.3852 8.16113 10.4C8.14908 10.4117 8.13686 10.4236 8.12311 10.434C8.09987 10.4535 8.05338 10.4223 8.08437 10.3989C8.10374 10.3833 8.11923 10.3677 8.13472 10.3522C8.13472 10.3522 8.13473 10.3483 8.1386 10.3483C8.15404 10.3343 8.16887 10.3184 8.18381 10.3025C8.20635 10.2784 8.22919 10.254 8.25481 10.2353C8.28192 10.2158 8.30129 10.2002 8.32453 10.1807C8.3284 10.1768 8.33228 10.1729 8.33615 10.1729C8.35165 10.1535 8.36714 10.134 8.38651 10.1145C8.38651 10.1145 8.39038 10.1145 8.39038 10.1106C8.5234 9.98158 8.71032 9.93608 8.90111 9.88963C9.02144 9.86033 9.14332 9.83066 9.25418 9.77943C9.3168 9.75337 9.38663 9.76362 9.45564 9.77376C9.51044 9.78181 9.5647 9.78977 9.61442 9.77943C9.68027 9.77943 9.74999 9.77943 9.81584 9.82618C9.66268 9.90774 9.5165 10.001 9.37189 10.0933C9.33002 10.12 9.28817 10.1467 9.24643 10.1729C9.24535 10.1729 9.24457 10.1729 9.24401 10.173ZM9.72805 8.58508C9.70992 8.58716 9.69817 8.58851 9.70824 8.59864C9.77409 8.66488 9.90967 8.6415 10.0026 8.59085C10.0685 8.5441 10.1382 8.5441 10.2273 8.5441C10.2505 8.5441 10.2505 8.50124 10.2505 8.47787C10.3164 8.50124 10.3629 8.50124 10.4287 8.50124C10.9671 8.38826 11.4862 8.27527 11.982 8.02592C11.4803 7.63829 10.8618 7.46561 10.256 7.29649C10.1555 7.26843 10.0554 7.24047 9.95615 7.21164C9.97796 7.21164 9.99976 7.21891 10.0217 7.22622C10.066 7.24098 10.1109 7.25594 10.1576 7.21164C10.0961 7.16261 10.0277 7.15324 9.95993 7.14395C9.90384 7.13627 9.8482 7.12865 9.79733 7.09865C9.80264 7.09865 9.80895 7.09987 9.81582 7.1012C9.83902 7.10567 9.86849 7.11136 9.88643 7.07528C9.76876 7.0161 9.6511 6.99601 9.53232 6.97572C9.47123 6.96528 9.40984 6.9548 9.348 6.93892C9.46034 6.91554 9.53006 6.82593 9.53006 6.71294C9.53006 6.68957 9.48358 6.68957 9.46034 6.68957C9.19306 6.82593 9.01101 7.07528 8.89867 7.36748C8.99995 7.42711 9.10909 7.4202 9.21607 7.41342C9.27686 7.40957 9.33694 7.40577 9.39449 7.41424C9.34369 7.46248 9.27029 7.47559 9.19974 7.48818C9.17344 7.49288 9.14753 7.4975 9.12334 7.50385C9.05361 7.51943 8.98776 7.57008 9.01101 7.61683C9.0265 7.63631 9.04199 7.64411 9.06136 7.648C9.01101 7.66359 8.96452 7.68696 8.92191 7.72982C8.98568 7.78002 9.05144 7.77033 9.11634 7.76077C9.14211 7.75697 9.16774 7.7532 9.19306 7.7532C9.19306 7.78149 9.21164 7.7911 9.23095 7.8011C9.24088 7.80624 9.25102 7.81149 9.25891 7.81943C9.14658 7.86229 9.05749 7.95579 9.03425 8.02202C9.00648 8.08951 8.95522 8.13337 8.9044 8.17685C8.87015 8.20616 8.8361 8.23529 8.80958 8.27137V8.3415C8.73475 8.40784 8.65784 8.46708 8.58199 8.5255C8.42617 8.64551 8.27479 8.76211 8.15495 8.92981C8.17819 8.92981 8.17819 8.95319 8.17819 8.97656C8.15676 9.0089 8.12627 9.03129 8.09735 9.05253C8.06355 9.07736 8.0319 9.10061 8.01938 9.1363C8.01938 9.15968 8.01938 9.18305 8.04262 9.18305C8.18476 9.13608 8.30774 9.05698 8.42831 8.97944C8.53773 8.90907 8.64515 8.83998 8.7631 8.79734C8.85949 8.77416 8.94341 8.73045 9.02529 8.68781C9.09477 8.65163 9.16277 8.61621 9.23567 8.59475C9.29184 8.58306 9.35381 8.5665 9.41579 8.54994C9.47777 8.53338 9.53974 8.51683 9.59591 8.50514C9.59591 8.52851 9.59591 8.55189 9.61915 8.55189H9.79733C9.78636 8.57838 9.75175 8.58236 9.72805 8.58508Z" fill="#000091"/>
+<path d="M32.9997 0H20.0963C20.0963 0 20.1197 0.00390117 20.2172 0.0546164C20.3225 0.109233 20.4591 0.183355 20.541 0.226268C20.7087 0.312094 20.8686 0.421326 20.9739 0.589077C21.0208 0.655397 21.0871 0.791938 21.0442 0.881665C20.9974 0.994799 20.9739 1.17815 20.8608 1.22107C20.7243 1.29129 20.5449 1.29129 20.3849 1.26788C20.2952 1.26788 20.2055 1.24447 20.1119 1.22107C20.4513 1.35761 20.7711 1.51756 20.9974 1.83355C21.0208 1.88036 21.1105 1.89987 21.2002 1.89987C21.2236 1.89987 21.2236 1.94668 21.2236 1.96619C21.1768 2.013 21.1339 2.03641 21.1573 2.10273H21.2236C21.3367 2.05592 21.3133 1.82965 21.4732 1.89987C21.5864 1.96619 21.6332 2.12614 21.5629 2.23927C21.4732 2.329 21.3835 2.39922 21.2899 2.46554C21.2665 2.51235 21.2665 2.57867 21.2899 2.62549C21.3562 2.71521 21.3796 2.80494 21.403 2.89857C21.4732 3.05852 21.4927 3.23797 21.5629 3.39792C21.6527 3.73732 21.7424 4.07672 21.7229 4.42003C21.7229 4.59948 21.6332 4.75943 21.6995 4.94278C21.7463 5.12224 21.8594 5.25878 21.9491 5.41873C22.0388 5.55527 22.1285 5.64499 22.1988 5.78153C22.3353 6.0078 22.5849 6.23407 22.4718 6.50715C22.4055 6.6671 22.1558 6.64369 21.9959 6.73342C21.8594 6.84655 21.9725 7.02991 22.0427 7.14304C22.1558 7.3459 21.9062 7.48245 21.7463 7.55267C21.7931 7.62289 21.8828 7.59948 21.9062 7.64239C21.9296 7.75553 22.0427 7.82185 21.9725 7.93888C21.8828 8.07542 21.6098 8.14174 21.7463 8.34851C21.836 8.50845 21.7775 8.68401 21.7229 8.84785C21.6566 9.05072 21.4732 9.14044 21.3133 9.18726C21.1768 9.23407 21.0169 9.23407 20.8842 9.21066C20.8374 9.18726 20.7945 9.16385 20.7477 9.16385C20.3615 9.11703 19.9754 9.0078 19.5931 9.0078C19.48 9.03121 19.3669 9.05072 19.2772 9.09753C19.1757 9.17165 19.0821 9.25358 19.0041 9.3394C19.0041 9.3394 19.0041 9.3394 19.0002 9.3433C18.9846 9.36281 18.9651 9.37841 18.9495 9.39792C18.9417 9.40962 18.93 9.42133 18.9222 9.43303C18.9144 9.44083 18.9105 9.44864 18.9027 9.45644C18.8364 9.53836 18.7779 9.62809 18.7233 9.71782C18.7194 9.72562 18.7155 9.72952 18.7116 9.73342C18.7077 9.74512 18.6999 9.75293 18.6921 9.76463C18.6179 9.90117 18.5633 10.0416 18.5204 10.1821C18.3644 10.7009 18.4346 11.1456 18.5438 11.2549C18.575 11.2861 19.2928 11.5085 19.792 11.7308C20.0261 11.8362 20.1899 11.9142 20.3264 12H32.9958V0H32.9997Z" fill="#E1000F"/>
+<path d="M20.8636 4.37467C20.9531 4.39805 21.0893 4.39805 21.0893 4.4448C21.0426 4.62402 20.7741 4.67078 20.638 4.85389H20.5679C20.5018 4.90064 20.5212 5.01363 20.4551 5.01363C20.389 4.99025 20.3189 5.01363 20.2528 5.03701C20.3423 5.12662 20.4551 5.19675 20.5913 5.17337C20.6146 5.17337 20.6574 5.22012 20.6574 5.26298C20.6574 5.26298 20.6808 5.26298 20.7041 5.2396C20.7274 5.2396 20.7508 5.2396 20.7508 5.26298V5.35259C20.6846 5.4422 20.5679 5.39934 20.4785 5.41882C20.6613 5.46558 20.8403 5.46558 20.9998 5.41882C21.1359 5.37207 20.9998 5.1461 21.0893 5.03311C21.0426 5.03311 21.0893 4.96298 21.0426 4.96298C21.0893 4.91623 21.1321 4.85 21.1787 4.82662C21.2254 4.82662 21.2916 4.80324 21.3149 4.75649C21.3149 4.70974 21.2254 4.69026 21.2449 4.6435C21.381 4.55389 21.4939 4.41753 21.4472 4.28117C21.4238 4.21104 21.2449 4.21104 21.1321 4.16818C21.0192 4.12533 20.8831 4.16818 20.7469 4.19156C20.6341 4.19156 20.5212 4.26169 20.4084 4.28117C20.2489 4.32792 20.1127 4.41753 19.9805 4.50714C20.14 4.44091 20.2956 4.41753 20.4785 4.37078C20.6146 4.37467 20.7274 4.34351 20.8636 4.37467Z" fill="#808080"/>
+</svg>
diff --git a/src/frontend/apps/desk/src/app/Teams/__tests__/teams.test.tsx b/src/frontend/apps/desk/src/app/Teams/__tests__/teams.test.tsx
index 4059804..dd417dc 100644
--- a/src/frontend/apps/desk/src/app/Teams/__tests__/teams.test.tsx
+++ b/src/frontend/apps/desk/src/app/Teams/__tests__/teams.test.tsx
@@ -2,7 +2,7 @@ import '@testing-library/jest-dom';
 import { render, screen } from '@testing-library/react';
 import fetchMock from 'fetch-mock';
 
-import { WrapperReactQuery } from '@/tests/utils';
+import { AppWrapper } from '@/tests/utils';
 
 import { Teams } from '..';
 
@@ -25,7 +25,7 @@ describe('Teams', () => {
       ],
     });
 
-    render(<Teams />, { wrapper: WrapperReactQuery });
+    render(<Teams />, { wrapper: AppWrapper });
 
     expect(screen.getByRole('status')).toBeInTheDocument();
 
diff --git a/src/frontend/apps/desk/src/app/Teams/index.tsx b/src/frontend/apps/desk/src/app/Teams/index.tsx
index 6b6c91a..2c42d9c 100644
--- a/src/frontend/apps/desk/src/app/Teams/index.tsx
+++ b/src/frontend/apps/desk/src/app/Teams/index.tsx
@@ -9,12 +9,13 @@ export const Teams = () => {
   const { mutate: createTeam } = useCreateTeam();
   const [teamName, setTeamName] = useState('');
 
-  if (isPending)
+  if (isPending) {
     return (
       <div>
         <Loader />
       </div>
     );
+  }
 
   return (
     <>
diff --git a/src/frontend/apps/desk/src/app/__tests__/page.test.tsx b/src/frontend/apps/desk/src/app/__tests__/page.test.tsx
index 94aaab5..dc6abfc 100644
--- a/src/frontend/apps/desk/src/app/__tests__/page.test.tsx
+++ b/src/frontend/apps/desk/src/app/__tests__/page.test.tsx
@@ -2,13 +2,13 @@ import '@testing-library/jest-dom';
 import { act, render, screen } from '@testing-library/react';
 
 import useAuthStore from '@/auth/useAuthStore';
-import { WrapperReactQuery } from '@/tests/utils';
+import { AppWrapper } from '@/tests/utils';
 
 import Page from '../page';
 
 describe('Page', () => {
   it('checks Page rendering', () => {
-    render(<Page />, { wrapper: WrapperReactQuery });
+    render(<Page />, { wrapper: AppWrapper });
 
     expect(screen.getByRole('status')).toBeInTheDocument();
 
@@ -16,8 +16,6 @@ describe('Page', () => {
       useAuthStore.setState({ authenticated: true });
     });
 
-    expect(screen.getByRole('heading', { level: 2 })).toHaveTextContent(
-      'Hello world!',
-    );
+    expect(screen.getByRole('heading', { level: 2 })).toHaveTextContent('Desk');
   });
 });
diff --git a/src/frontend/apps/desk/src/app/globals.css b/src/frontend/apps/desk/src/app/globals.css
index 2fde91f..67d4086 100644
--- a/src/frontend/apps/desk/src/app/globals.css
+++ b/src/frontend/apps/desk/src/app/globals.css
@@ -1 +1,6 @@
 @import url('../cunningham/cunningham-style.css');
+
+body {
+  margin: 0;
+  padding: 0;
+}
diff --git a/src/frontend/apps/desk/src/app/page.module.css b/src/frontend/apps/desk/src/app/page.module.css
deleted file mode 100644
index a85c150..0000000
--- a/src/frontend/apps/desk/src/app/page.module.css
+++ /dev/null
@@ -1,7 +0,0 @@
-.main {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-  padding: 6rem;
-}
diff --git a/src/frontend/apps/desk/src/app/page.tsx b/src/frontend/apps/desk/src/app/page.tsx
index a367b0d..b03f20b 100644
--- a/src/frontend/apps/desk/src/app/page.tsx
+++ b/src/frontend/apps/desk/src/app/page.tsx
@@ -5,8 +5,8 @@ import { useEffect } from 'react';
 
 import useAuthStore from '@/auth/useAuthStore';
 
+import Header from './Header/Header';
 import { Teams } from './Teams';
-import styles from './page.module.css';
 
 export default function Home() {
   const { initAuth, authenticated, initialized } = useAuthStore();
@@ -24,8 +24,8 @@ export default function Home() {
   }
 
   return (
-    <main className={styles.main}>
-      <h2>Hello world!</h2>
+    <main>
+      <Header />
       <Teams />
     </main>
   );
diff --git a/src/frontend/apps/desk/src/custom-next.d.ts b/src/frontend/apps/desk/src/custom-next.d.ts
index b14e688..9a0765c 100644
--- a/src/frontend/apps/desk/src/custom-next.d.ts
+++ b/src/frontend/apps/desk/src/custom-next.d.ts
@@ -1,4 +1,8 @@
 /* eslint-disable @typescript-eslint/no-unused-vars */
+declare module '*.svg' {
+  const content: string;
+  export default content;
+}
 
 namespace NodeJS {
   interface ProcessEnv {
diff --git a/src/frontend/apps/desk/src/tests/utils.tsx b/src/frontend/apps/desk/src/tests/utils.tsx
index dd6cead..6733d0f 100644
--- a/src/frontend/apps/desk/src/tests/utils.tsx
+++ b/src/frontend/apps/desk/src/tests/utils.tsx
@@ -1,7 +1,8 @@
+import { CunninghamProvider } from '@openfun/cunningham-react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import { PropsWithChildren } from 'react';
 
-export const WrapperReactQuery = ({ children }: PropsWithChildren) => {
+export const AppWrapper = ({ children }: PropsWithChildren) => {
   const queryClient = new QueryClient({
     defaultOptions: {
       queries: {
@@ -11,6 +12,8 @@ export const WrapperReactQuery = ({ children }: PropsWithChildren) => {
   });
 
   return (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
+    <QueryClientProvider client={queryClient}>
+      <CunninghamProvider theme="dsfr">{children}</CunninghamProvider>
+    </QueryClientProvider>
   );
 };
diff --git a/src/frontend/apps/e2e/__tests__/app-desk/app.spec.ts b/src/frontend/apps/e2e/__tests__/app-desk/app.spec.ts
index 938a5d4..6f35472 100644
--- a/src/frontend/apps/e2e/__tests__/app-desk/app.spec.ts
+++ b/src/frontend/apps/e2e/__tests__/app-desk/app.spec.ts
@@ -7,9 +7,10 @@ test.beforeEach(async ({ page }) => {
   await keyCloakSignIn(page);
 });
 
-test.describe('App', () => {
-  test('should display the homepage after keycloak login', async ({ page }) => {
-    await expect(page.locator('h2')).toContainText('Hello world!');
+test.describe("App", () => {
+  test("should display the main elements", async ({ page }) => {
+    await expect(page.locator('header').first()).toContainText('Desk');
+    await expect(page.getByLabel('Team name')).toBeVisible();
   });
 
   test('creates 2 teams and displayed them', async ({ page }) => {
diff --git a/src/frontend/apps/e2e/__tests__/app-desk/header.spec.ts b/src/frontend/apps/e2e/__tests__/app-desk/header.spec.ts
new file mode 100644
index 0000000..f0c3464
--- /dev/null
+++ b/src/frontend/apps/e2e/__tests__/app-desk/header.spec.ts
@@ -0,0 +1,38 @@
+import { expect, test } from "@playwright/test";
+
+import { keyCloakSignIn } from "./common";
+
+test.beforeEach(async ({ page }) => {
+  await page.goto("/");
+  await keyCloakSignIn(page);
+});
+
+test.describe("Header", () => {
+  test("checks all the elements are visible", async ({ page }) => {
+    const header = page.locator("header").first();
+
+    await expect(header.getByAltText("Marianne Logo")).toBeVisible();
+
+    await expect(
+      header.getByAltText("Freedom Equality Fraternity Logo"),
+    ).toBeVisible();
+
+    await expect(header.getByAltText("Desk Logo")).toBeVisible();
+    await expect(header.locator("h2").getByText("Desk")).toHaveCSS(
+      "color",
+      "rgb(0, 0, 145)",
+    );
+    await expect(header.locator("h2").getByText("Desk")).toHaveCSS(
+      "font-family",
+      "marianne",
+    );
+
+    await expect(
+      header.getByRole("button", { name: "Access to FAQ" }),
+    ).toBeVisible();
+    await expect(header.getByAltText("FAQ Icon")).toBeVisible();
+    await expect(header.getByText("FAQ")).toBeVisible();
+
+    await expect(header.getByAltText("Cells icon")).toBeVisible();
+  });
+});