diff --git a/src/main/webapp/CSS/homepagepatient.css b/src/main/webapp/CSS/homepagepatient.css
new file mode 100644
index 0000000..dcc26aa
--- /dev/null
+++ b/src/main/webapp/CSS/homepagepatient.css
@@ -0,0 +1,229 @@
+.container {
+    width: 100%;
+    max-width: 800px;
+    margin: 0 auto;
+    padding: 20px;
+}
+
+.margin20 {
+    margin-bottom: 4em;
+}
+
+.card {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-direction;
+    gap: 16px;
+    padding: 20px;
+    position: relative;
+    flex: 0 0 auto;
+    background-color: #ffffff;
+    border-radius: 32px;
+    margin-right: 20px; /* Spazio tra i div */
+}
+
+.cards {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    display: flex;
+    overflow-x: auto;
+    white-space: nowrap;
+}
+
+.card2 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    padding: 20px;
+    position: relative;
+    flex: 0 0 auto;
+    background-color: #ffffff;
+    border-radius: 32px;
+    margin-right: 20px; /* Spazio tra i div */
+}
+
+.challenges .cards {
+    display: flex;
+    overflow-x: scroll;
+}
+.card .img {
+    position: absolute;
+    width: 105px;
+    height: 115px;
+    top: 4px;
+    left: 600px;
+}
+
+
+
+
+
+
+
+
+
+.frame-3 {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    position: relative;
+    align-self: stretch;
+    width: 100%;
+    flex: 0 0 auto;
+}
+
+.frame-4 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    justify-content: center;
+    gap: 8px;
+    position: relative;
+    flex: 1;
+    flex-grow: 1;
+}
+
+.frame-5 {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    position: relative;
+    align-self: stretch;
+    width: 100%;
+    flex: 0 0 auto;
+}
+
+.frame-7 {
+    display: flex;
+    width: 208px;
+    align-items: flex-start;
+    justify-content: space-between;
+    position: relative;
+    flex: 0 0 auto;
+}
+
+.illustration-wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 8px;
+    position: relative;
+    flex: 0 0 auto;
+    border-radius: 900px;
+}
+
+.illustration {
+    position: relative;
+    width: 40px;
+    height: 40px;
+}
+
+.img {
+    position: absolute;
+    width: 105px;
+    height: 115px;
+    top: 4px;
+    left: 260px;
+}
+
+.chapter {
+    position: relative;
+    width: fit-content;
+    margin-top: -1px;
+    font-family: Georgia, serif;
+    font-size: 2em;
+    white-space: nowrap;
+}
+
+.discovering-english {
+    position: relative;
+    align-self: stretch;
+    font-family: Georgia, serif;
+    color: #252526;
+    font-weight: 700;
+    font-size: 2em;
+}
+
+.button-2 {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 10px;
+    position: relative;
+    background-color: #199a8e;
+    border-radius: 9999px;
+
+    font-family: Georgia, serif;
+    color: #ffffff;
+    font-size: 2em;
+    white-space: nowrap;
+
+    box-sizing: border-box;
+}
+
+
+
+
+
+
+.navigation-title {
+    display: flex;
+    height: 32px;
+    align-items: baseline;
+    justify-content: space-between;
+    padding: 4px 0px;
+    position: relative;
+}
+
+.current-lesson {
+    position: relative;
+    width: fit-content;
+    margin-top: -1px;
+    font-family: Georgia, serif;
+    font-weight: 700;
+    color: #252526;
+    font-size: 2.5em;
+    text-align: center;
+    white-space: nowrap;
+}
+
+.buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    background-color: #199a8e;
+    border-radius: 9999px;
+    border-width: 1px;
+    padding: 10px;
+
+    font-family: Georgia, serif;
+    color: #ffffff;
+    font-size: 2em;
+    white-space: nowrap;
+}
+
+
+
+
+
+.header {
+    font-family: Georgia, serif;
+    text-align: center;
+    color:#199a8e;
+    font-weight: 700;
+    font-size: 2.5em;
+}
+
+.notification{
+    float: right;
+    height: 1.3em;
+}
+
+.profile{
+    float: left;
+    height: 1.3em;
+}
+
diff --git a/src/main/webapp/CSS/login.css b/src/main/webapp/CSS/login.css
index e908e28..cee1e48 100644
--- a/src/main/webapp/CSS/login.css
+++ b/src/main/webapp/CSS/login.css
@@ -1,7 +1,7 @@
 * {
     margin: 0;
     padding: 0;
-    font-family: Inter, sans-serif;
+    font-family: Georgia, sans-serif;
 }
 
 body {
diff --git a/src/main/webapp/CSS/registration.css b/src/main/webapp/CSS/registration.css
index ab0d098..b4e348f 100644
--- a/src/main/webapp/CSS/registration.css
+++ b/src/main/webapp/CSS/registration.css
@@ -72,7 +72,7 @@ a {
   position: absolute;
   top: 635px;
   left: 91px;
-font-family: Georgia, serif;
+  font-family: Georgia, serif;
   font-weight: 400;
   color: transparent;
   font-size: 15px;
@@ -195,7 +195,7 @@ font-family: Georgia, serif;
   position: absolute;
   top: 14px;
   left: 63px;
-font-family: Georgia, serif;
+  font-family: Georgia, serif;
   font-weight: 400;
   color: #a0a7b0;
   font-size: 16px;
@@ -237,7 +237,7 @@ font-family: Georgia, serif;
   width: 287px;
   top: 78px;
   left: 40px;
-font-family: Georgia, serif;
+  font-family: Georgia, serif;
   font-weight: 400;
   color: transparent;
   font-size: 13px;
@@ -269,6 +269,19 @@ font-family: Georgia, serif;
   left: -1px;
 }
 
+.element-registration .hai-gia-un-account {
+  position: absolute;
+  width: 287px;
+  top: 215px;
+  left: 70px;
+  font-family: Georgia, serif;
+  font-weight: 400;
+  color: transparent;
+  font-size: 13px;
+  letter-spacing: 0;
+  line-height: 18.2px;
+}
+
 .element-registration .top {
   position: relative;
   width: 88px;
@@ -285,7 +298,7 @@ font-family: Georgia, serif;
   position: absolute;
   top: 0;
   left: 0;
-font-family: Georgia, serif;
+  font-family: Georgia, serif;
   font-weight: 700;
   color: #101522;
   font-size: 18px;
diff --git a/src/main/webapp/JSP/homepagepatient.jsp b/src/main/webapp/JSP/homepagepatient.jsp
new file mode 100644
index 0000000..7db41c5
--- /dev/null
+++ b/src/main/webapp/JSP/homepagepatient.jsp
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="it" style="background-color: #f7fcff; ">
+<head>
+    <%@page contentType="text/html;charset=UTF-8"%>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" href="../CSS/homepagepatient.css" />
+</head>
+<body>
+<div class="container">
+    <div class="margin20">
+        <div class="card">
+            <div class="header">
+                <img class="profile" src="../images/homepagepatient/profile.svg">
+                Benvenuto Utente
+                <img class="notification" src="../images/homepagepatient/icon-notification.svg">
+            </div>
+        </div>
+    </div>
+    <div class="margin20">
+        <div class="navigation-title">
+            <div class="current-lesson">Esercizio Avviato</div>
+            <button class="buttons">Guarda Progressi</button>
+        </div>
+    </div>
+
+    <div class="margin20">
+        <div class="card">
+            <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                <div class="illustration-wrapper">
+                    <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                    <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                </div></div>
+                <div class="chapter">Tipo Esercizio</div>
+                <div class="discovering-english">Nome Esercizio</div>
+            </div></div></div>
+            <button class="button-2">Riprendi l’esercitazione</button>
+        </div>
+    </div>
+
+    <div class="margin20">
+        <div class="challenges">
+            <div class="margin20">
+                <div class="navigation-title">
+                    <div class="current-lesson">Esercizi Raccomandati set 1</div>
+                    <button class="buttons">Guarda tutti</button>
+                </div>
+            </div>
+
+
+            <div class="cards">
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+            </div>
+
+
+        </div>
+    </div>
+
+    <div class="margin20">
+        <div class="challenges">
+            <div class="margin20">
+                <div class="navigation-title">
+                    <div class="current-lesson">Esercizi Raccomandati set 2</div>
+                    <button class="buttons">Guarda tutti</button>
+                </div>
+            </div>
+
+
+            <div class="cards">
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+                <div class="card2">
+                    <div class="frame-3"><div class="frame-4"><div class="frame-5"><div class="frame-7">
+                        <div class="illustration-wrapper">
+                            <img class="illustration" src="../images/homepagepatient/illustration-challenges-1.svg">
+                            <img class="img" src="../images/homepagepatient/illustration-challenge-1.svg">
+                        </div></div>
+                        <div class="chapter">Tipo Esercizio</div>
+                        <div class="discovering-english">Nome Esercizio</div>
+                    </div></div></div>
+                    <button class="button-2">Comincia l'esercitazione</button>
+                </div>
+
+            </div>
+
+
+        </div>
+    </div>
+
+</div>
+</body>
+</html>
diff --git a/src/main/webapp/JSP/legal.jsp b/src/main/webapp/JSP/legal.jsp
index ce56281..4a34653 100644
--- a/src/main/webapp/JSP/legal.jsp
+++ b/src/main/webapp/JSP/legal.jsp
@@ -1,5 +1,4 @@
 <!DOCTYPE html>
-<html>
 <html lang="it">
 <head>
     <%@page contentType="text/html;charset=UTF-8"%>
diff --git a/src/main/webapp/JSP/registration.jsp b/src/main/webapp/JSP/registration.jsp
index c8e1186..5fe28dd 100644
--- a/src/main/webapp/JSP/registration.jsp
+++ b/src/main/webapp/JSP/registration.jsp
@@ -9,11 +9,6 @@
 <!--<form id="registrationForm" action="../registration" method="post"> -->
     <div class="element-registration">
         <div class="div">
-            <p class="hai-gia-un-account">
-                <span class="text-wrapper">Hai già un account?</span>
-                <span class="span">&nbsp;</span>
-                <span class="text-wrapper-2">Login</span>
-            </p>
             <button class="button" type="submit" value="Sign Up" id="signUpButton"><div class="text-wrapper-3">Sign Up</div></button>
             <div class="input-fields">
                 <div class="input-3">
@@ -44,6 +39,11 @@
                         <span class="text-wrapper-5"> di TalkAId e policy sulla </span>
                         <span class="text-wrapper-6">Privacy</span>
                     </p>
+                    <p class="hai-gia-un-account">
+                        <span class="text-wrapper">Hai già un account?</span>
+                        <span class="span">&nbsp;</span>
+                        <span class="text-wrapper-2">Login</span>
+                    </p>
                     <input type="checkbox" class="checkbox" id="myCheckbox" style="display: none;" required />
                     <label for="myCheckbox">
                         <img class="checkbox" src="../images/registration/checkbox.svg" />
@@ -70,6 +70,19 @@
 
     // Sostituisci l'elemento span con l'elemento a
     spanElement.parentNode.replaceChild(aElement, spanElement);
+
+    document.querySelector('.icon-eye-slash').addEventListener('click', function() {
+        // Cambia il tipo di input tra 'password' e 'text'
+        let passwordInput = document.getElementById('password');
+        if (passwordInput.type === 'password') {
+            passwordInput.type = 'text';
+            this.src = "../images/registration/eye.svg"; // Cambia l'immagine per indicare che la password è visibile
+        } else {
+            passwordInput.type = 'password';
+            this.src = "../images/registration/icon-eye-slash.svg"; // Cambia l'immagine per indicare che la password è nascosta
+        }
+    });
+
     </script>
 <!--</form> -->
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
diff --git a/src/main/webapp/images/homepagepatient/icon-notification.svg b/src/main/webapp/images/homepagepatient/icon-notification.svg
new file mode 100644
index 0000000..ac224b0
--- /dev/null
+++ b/src/main/webapp/images/homepagepatient/icon-notification.svg
@@ -0,0 +1,4 @@
+<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="M10.4726 19.8844C10.9303 20.3943 11.518 20.6744 12.1278 20.6744H12.1287C12.7411 20.6744 13.3314 20.3943 13.7901 19.8835C14.0357 19.6122 14.4546 19.5901 14.7259 19.8349C14.9981 20.0797 15.0202 20.4994 14.7754 20.7707C14.0614 21.5634 13.122 22 12.1287 22H12.1269C11.1362 21.9991 10.1986 21.5626 9.48722 20.7699C9.24243 20.4986 9.26453 20.0788 9.53671 19.8349C9.8089 19.5892 10.2278 19.6113 10.4726 19.8844ZM12.1718 3C16.0999 3 18.7387 6.05944 18.7387 8.91651C18.7387 10.3861 19.1125 11.0092 19.5093 11.6702C19.9017 12.3224 20.3462 13.0629 20.3462 14.4627C20.0378 18.0392 16.3041 18.3308 12.1718 18.3308C8.03951 18.3308 4.30491 18.0392 4.00001 14.5193C3.99737 13.0629 4.44188 12.3224 4.83426 11.6702L4.97277 11.437C5.31383 10.8509 5.60486 10.2132 5.60486 8.91651C5.60486 6.05944 8.24365 3 12.1718 3ZM12.1718 4.32558C9.08319 4.32558 6.93044 6.74521 6.93044 8.91651C6.93044 10.7538 6.42053 11.603 5.96984 12.3524C5.6084 12.9542 5.32295 13.4297 5.32295 14.4627C5.47053 16.1294 6.57077 17.0052 12.1718 17.0052C17.7419 17.0052 18.8766 16.0906 19.0233 14.4053C19.0206 13.4297 18.7352 12.9542 18.3737 12.3524C17.923 11.603 17.4131 10.7538 17.4131 8.91651C17.4131 6.74521 15.2604 4.32558 12.1718 4.32558Z" fill="#199A8E"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.7898 19.8839C13.3312 20.3947 12.7409 20.6748 12.1284 20.6748C11.5187 20.6748 10.9301 20.3947 10.4723 19.8848C10.2276 19.6117 9.80867 19.5896 9.53648 19.8353C9.2643 20.0792 9.24221 20.4989 9.487 20.7703C10.1984 21.5629 11.136 21.9995 12.1267 22.0004H12.1284C13.1217 22.0004 14.0611 21.5638 14.7752 20.7711C15.02 20.4998 14.9979 20.0801 14.7257 19.8353C14.4544 19.5905 14.0355 19.6126 13.7898 19.8839ZM14.8494 20.8381C14.118 21.6501 13.1524 22.1004 12.1284 22.1004H12.1267C11.1055 22.0995 10.1415 21.6492 9.41275 20.8372C9.13098 20.525 9.15628 20.042 9.46948 19.761C9.78276 19.4783 10.2651 19.5037 10.5468 19.818C10.9882 20.3096 11.5498 20.5748 12.1276 20.5748C12.7081 20.5748 13.2733 20.3095 13.7154 19.8171C13.9979 19.5051 14.4802 19.4791 14.7927 19.761C15.1058 20.0427 15.1313 20.5257 14.8494 20.8381ZM20.4456 14.4717C20.3669 15.384 20.0689 16.0934 19.5954 16.6417C19.1228 17.1889 18.4812 17.5688 17.7257 17.8327C16.2188 18.3591 14.2357 18.4312 12.1716 18.4312C10.1074 18.4312 8.12426 18.3591 6.61782 17.8399C5.86266 17.5797 5.22125 17.2052 4.74893 16.6661C4.27566 16.1258 3.97798 15.4268 3.90016 14.5283L3.89943 14.5199C3.89674 13.0368 4.35228 12.2773 4.74818 11.6193C4.74824 11.6192 4.74813 11.6194 4.74818 11.6193L4.88611 11.3871C4.88619 11.387 4.88604 11.3872 4.88611 11.3871C5.2197 10.8137 5.50463 10.1929 5.50463 8.9169C5.50463 6.00224 8.19059 2.90039 12.1716 2.90039C16.1525 2.90039 18.8385 6.00224 18.8385 8.9169C18.8385 9.64288 18.9308 10.1549 19.0697 10.5649C19.2089 10.9756 19.3962 11.2882 19.5948 11.6191C19.9903 12.2764 20.446 13.036 20.446 14.4631L20.4456 14.4717ZM4.83403 11.6706C4.44166 12.3228 3.99715 13.0633 3.99978 14.5197C4.30468 18.0396 8.03928 18.3312 12.1716 18.3312C16.3038 18.3312 20.0376 18.0396 20.346 14.4631C20.346 13.0633 19.9015 12.3228 19.5091 11.6706C19.1123 11.0096 18.7385 10.3865 18.7385 8.9169C18.7385 6.05983 16.0997 3.00039 12.1716 3.00039C8.24342 3.00039 5.60463 6.05983 5.60463 8.9169C5.60463 10.2136 5.3136 10.8512 4.97255 11.4374L4.83403 11.6706ZM12.1716 4.42597C9.1331 4.42597 7.03021 6.80578 7.03021 8.9169C7.03021 9.84522 6.90132 10.528 6.71351 11.0753C6.52598 11.6217 6.28083 12.0294 6.05558 12.4039C5.87419 12.7059 5.71742 12.9676 5.6047 13.2802C5.49293 13.5902 5.42313 13.9544 5.42273 14.4587C5.45904 14.8638 5.55248 15.2114 5.75063 15.508C5.949 15.8049 6.2583 16.0597 6.74161 16.2675C7.71452 16.6859 9.37116 16.9056 12.1716 16.9056C14.9561 16.9056 16.6135 16.6762 17.5908 16.2461C18.0764 16.0324 18.3893 15.7711 18.5906 15.4676C18.7916 15.1646 18.8869 14.8109 18.923 14.4015C18.9213 13.9265 18.8511 13.5768 18.739 13.2738C18.6259 12.9679 18.4692 12.7064 18.2878 12.4043C18.0625 12.0298 17.8171 11.6217 17.6296 11.0753C17.4418 10.528 17.3129 9.84522 17.3129 8.9169C17.3129 6.80578 15.21 4.42597 12.1716 4.42597ZM18.3735 12.3528C18.735 12.9546 19.0204 13.4301 19.0231 14.4057C18.8764 16.0909 17.7417 17.0056 12.1716 17.0056C6.57054 17.0056 5.47031 16.1298 5.32273 14.4631C5.32273 13.4301 5.60817 12.9546 5.96961 12.3528C6.42031 11.6034 6.93021 10.7542 6.93021 8.9169C6.93021 6.7456 9.08296 4.32597 12.1716 4.32597C15.2602 4.32597 17.4129 6.7456 17.4129 8.9169C17.4129 10.7542 17.9228 11.6034 18.3735 12.3528Z" fill="#199A8E"/>
+</svg>
diff --git a/src/main/webapp/images/homepagepatient/illustration-challenge-1.svg b/src/main/webapp/images/homepagepatient/illustration-challenge-1.svg
new file mode 100644
index 0000000..d63ae0c
--- /dev/null
+++ b/src/main/webapp/images/homepagepatient/illustration-challenge-1.svg
@@ -0,0 +1,78 @@
+<svg width="106" height="116" viewBox="0 0 106 116" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2618_7329)">
+<g style="mix-blend-mode:multiply">
+<path d="M99.2432 105.314C99.2432 104.357 95.9726 103.589 91.8843 103.589C87.796 103.589 84.5254 104.357 84.5254 105.314C84.5254 106.271 87.796 107.039 91.8843 107.039C95.9726 107.039 99.2432 106.263 99.2432 105.314Z" fill="#FFF0D2"/>
+</g>
+<path d="M97.1005 105.224L96.2828 99.5414C96.2751 99.4941 96.2532 99.4503 96.22 99.4157C96.1868 99.3811 96.1439 99.3574 96.097 99.3476C96.0501 99.3379 96.0013 99.3426 95.9571 99.3611C95.9129 99.3797 95.8754 99.4112 95.8495 99.4514L94.3532 101.904C94.3328 101.942 94.3027 101.973 94.266 101.995C94.2293 102.017 94.1874 102.029 94.1447 102.029C94.1019 102.029 94.06 102.017 94.0233 101.995C93.9866 101.973 93.9565 101.942 93.9361 101.904L91.9983 97.4973C91.9797 97.4553 91.9493 97.4197 91.9108 97.3947C91.8724 97.3698 91.8275 97.3564 91.7816 97.3564C91.7357 97.3564 91.6909 97.3698 91.6524 97.3947C91.6139 97.4197 91.5836 97.4553 91.565 97.4973L89.6271 101.913C89.608 101.95 89.5788 101.982 89.5427 102.004C89.5066 102.027 89.465 102.038 89.4227 102.038C89.3803 102.038 89.3387 102.027 89.3026 102.004C89.2665 101.982 89.2373 101.95 89.2182 101.913L87.6729 99.4596C87.647 99.4193 87.6094 99.3879 87.5652 99.3693C87.521 99.3508 87.4723 99.3461 87.4253 99.3558C87.3784 99.3656 87.3355 99.3893 87.3024 99.4239C87.2692 99.4585 87.2473 99.5023 87.2395 99.5496L86.4219 105.273L97.1005 105.224Z" fill="#94BE67"/>
+</g>
+<g clip-path="url(#clip1_2618_7329)">
+<g style="mix-blend-mode:multiply" opacity="0.25">
+<path d="M20.7178 28.1057C20.7178 27.3407 18.9107 26.7148 16.6848 26.7148C14.4589 26.7148 12.6553 27.3338 12.6553 28.1057C12.6553 28.8776 14.4589 29.4965 16.6848 29.4965C18.9107 29.4965 20.7178 28.8707 20.7178 28.1057Z" fill="#E8BD69"/>
+</g>
+<path d="M14.1958 9.29063C14.1958 9.29063 16.4633 23.4599 13.8496 28.2235H18.6961C18.6961 28.2235 18.4296 15.4486 15.5424 8.93945L14.1958 9.29063Z" fill="#9E594D"/>
+<path d="M16.7783 13.2129H14.8362C14.7033 13.2049 14.579 13.1445 14.4902 13.0449C14.4014 12.9453 14.3553 12.8145 14.362 12.6809V12.6218C14.3553 12.4883 14.4014 12.3575 14.4902 12.2579C14.579 12.1583 14.7033 12.0979 14.8362 12.0898H16.7783C16.9112 12.0979 17.0355 12.1583 17.1243 12.2579C17.2131 12.3575 17.2592 12.4883 17.2526 12.6218V12.6809C17.2592 12.8145 17.2131 12.9453 17.1243 13.0449C17.0355 13.1445 16.9112 13.2049 16.7783 13.2129Z" fill="#7C4134"/>
+<path d="M17.3986 16.464H14.9996C14.8594 16.4559 14.728 16.3926 14.6341 16.2878C14.5401 16.183 14.491 16.0451 14.4977 15.9042V15.8381C14.491 15.6972 14.5401 15.5594 14.6341 15.4546C14.728 15.3497 14.8594 15.2864 14.9996 15.2783H17.3986C17.5395 15.2855 17.6717 15.3485 17.7665 15.4534C17.8612 15.5583 17.9107 15.6967 17.9041 15.8381V15.9042C17.9107 16.0457 17.8612 16.184 17.7665 16.2889C17.6717 16.3939 17.5395 16.4568 17.3986 16.464Z" fill="#7C4134"/>
+<path d="M17.9766 19.7151H15.1206C14.9721 19.707 14.8328 19.6403 14.733 19.5297C14.6332 19.419 14.5809 19.2732 14.5875 19.124V19.0579C14.5809 18.9087 14.6332 18.7629 14.733 18.6522C14.8328 18.5415 14.9721 18.4749 15.1206 18.4668H17.9766C18.125 18.4749 18.2643 18.5415 18.3642 18.6522C18.464 18.7629 18.5163 18.9087 18.5097 19.0579V19.124C18.5163 19.2732 18.464 19.419 18.3642 19.5297C18.2643 19.6403 18.125 19.707 17.9766 19.7151Z" fill="#7C4134"/>
+<path d="M18.4227 22.9662H15.1028C14.9476 22.9572 14.8021 22.8872 14.6979 22.7714C14.5936 22.6556 14.5388 22.5032 14.5455 22.3472V22.2742C14.5388 22.1182 14.5936 21.9658 14.6979 21.85C14.8021 21.7342 14.9476 21.6643 15.1028 21.6553H18.4227C18.5782 21.6634 18.7242 21.7331 18.8286 21.8491C18.9331 21.9651 18.9875 22.118 18.98 22.2742V22.3472C18.9875 22.5035 18.9331 22.6563 18.8286 22.7723C18.7242 22.8884 18.5782 22.9581 18.4227 22.9662Z" fill="#7C4134"/>
+<path d="M18.5578 26.2172H14.7776C14.6156 26.2073 14.464 26.1341 14.3553 26.0131C14.2465 25.8922 14.1893 25.7333 14.196 25.5705V25.494C14.1884 25.3306 14.2452 25.1707 14.354 25.0491C14.4628 24.9274 14.615 24.8536 14.7776 24.8438H18.5578C18.7207 24.8527 18.8734 24.9262 18.9824 25.0481C19.0915 25.17 19.1479 25.3303 19.1394 25.494V25.5705C19.147 25.7335 19.0901 25.893 18.9812 26.0141C18.8722 26.1352 18.7201 26.2082 18.5578 26.2172Z" fill="#7C4134"/>
+<path d="M18.6795 28.2343C18.6795 28.2343 18.4129 15.4594 15.5258 8.9502L15.3008 9.0093C16.3116 12.5177 18.3679 21.0888 16.7374 28.2343H18.6795Z" fill="#7C4134"/>
+<path d="M15.6468 8.41422L7.13771 14.4992L5.72185 15.5145C5.2095 6.38011 15.3802 8.35858 15.6399 8.41074L15.6468 8.41422Z" fill="#77AE63"/>
+<path d="M15.6399 8.39316C15.4218 8.36535 8.02395 7.37785 7.13773 14.4816L5.72187 15.4969C5.20953 6.36253 15.3664 8.34101 15.6399 8.39316Z" fill="#94BE67"/>
+<path d="M15.6709 8.44565L5.25433 7.67373L3.52344 7.54856C8.93421 0.187505 15.5047 8.24397 15.6743 8.44217L15.6709 8.44565Z" fill="#77AE63"/>
+<path d="M15.6709 8.44232C15.5185 8.27889 10.4782 2.78158 5.25433 7.67388L3.52344 7.54871C8.93075 0.187653 15.5012 8.23369 15.6709 8.44232Z" fill="#94BE67"/>
+<path d="M15.1133 8.41422L23.6223 14.4992L25.0382 15.5145C25.5506 6.38011 15.3798 8.35858 15.1202 8.41074L15.1133 8.41422Z" fill="#77AE63"/>
+<path d="M15.1201 8.39316C15.3382 8.36535 22.736 7.37785 23.6223 14.4816L25.0381 15.4969C25.5505 6.36253 15.3659 8.34101 15.1201 8.39316Z" fill="#94BE67"/>
+<path d="M15.0894 8.44565L25.5059 7.67373L27.2368 7.54856C21.826 0.187505 15.2556 8.24397 15.0859 8.44217L15.0894 8.44565Z" fill="#77AE63"/>
+<path d="M15.0889 8.44232C15.2412 8.27889 20.2815 2.78158 25.5054 7.67388L27.2363 7.54871C21.829 0.187653 15.2585 8.23369 15.0889 8.44232Z" fill="#94BE67"/>
+<path d="M15.366 8.41412L9.70253 1.26518L8.74707 0.0690473C16.6296 -0.800232 15.3868 8.1742 15.3556 8.41412H15.366Z" fill="#77AE63"/>
+<path d="M15.366 8.39019C15.366 8.19895 15.8922 1.70371 9.70253 1.24821L8.74707 0.0694587C16.6296 -0.810251 15.3868 8.16418 15.366 8.39019Z" fill="#94BE67"/>
+<path d="M15.3659 8.45972L20.337 2.20091L21.1679 1.15777C14.2443 0.392809 15.3382 8.26848 15.3659 8.45972Z" fill="#77AE63"/>
+<path d="M15.3664 8.45622C15.3664 8.28584 14.9025 2.58338 20.3375 2.19742L21.1684 1.15428C14.2482 0.378885 15.3387 8.25455 15.3664 8.45622Z" fill="#94BE67"/>
+<path d="M14.1308 10.949C14.9797 10.949 15.6678 10.2578 15.6678 9.40517C15.6678 8.55253 14.9797 7.86133 14.1308 7.86133C13.2819 7.86133 12.5938 8.55253 12.5938 9.40517C12.5938 10.2578 13.2819 10.949 14.1308 10.949Z" fill="#9E594D"/>
+<path d="M14.6742 7.95508C14.8308 8.18733 14.9214 8.45806 14.9364 8.73817C14.9514 9.01828 14.8901 9.29719 14.7591 9.54494C14.6281 9.79269 14.4324 9.99992 14.193 10.1444C13.9536 10.2888 13.6795 10.365 13.4002 10.3647C13.2206 10.3661 13.0422 10.3343 12.874 10.2708C13.0099 10.4724 13.1914 10.6388 13.4035 10.7565C13.6156 10.8742 13.8525 10.9399 14.0947 10.9481C14.3369 10.9564 14.5777 10.9069 14.7972 10.8039C15.0168 10.7009 15.209 10.5471 15.3582 10.3553C15.5073 10.1634 15.6092 9.93881 15.6555 9.69985C15.7017 9.4609 15.6911 9.21433 15.6244 8.9803C15.5577 8.74627 15.4368 8.5314 15.2717 8.35323C15.1065 8.17505 14.9018 8.03862 14.6742 7.95508Z" fill="#7C4134"/>
+<path d="M16.6161 10.949C17.465 10.949 18.1532 10.2578 18.1532 9.40517C18.1532 8.55253 17.465 7.86133 16.6161 7.86133C15.7673 7.86133 15.0791 8.55253 15.0791 9.40517C15.0791 10.2578 15.7673 10.949 16.6161 10.949Z" fill="#9E594D"/>
+<path d="M17.1419 7.95508C17.2986 8.18733 17.3892 8.45806 17.4042 8.73817C17.4191 9.01828 17.3578 9.29719 17.2268 9.54494C17.0959 9.79269 16.9002 9.99992 16.6608 10.1444C16.4213 10.2888 16.1473 10.365 15.868 10.3647C15.6884 10.3655 15.5101 10.3337 15.3418 10.2708C15.4777 10.4724 15.6591 10.6388 15.8713 10.7565C16.0834 10.8742 16.3203 10.9399 16.5625 10.9481C16.8047 10.9564 17.0454 10.9069 17.265 10.8039C17.4846 10.7009 17.6768 10.5471 17.826 10.3553C17.9751 10.1634 18.077 9.93881 18.1232 9.69985C18.1695 9.4609 18.1588 9.21433 18.0921 8.9803C18.0254 8.74627 17.9046 8.5314 17.7395 8.35323C17.5743 8.17505 17.3696 8.03862 17.1419 7.95508Z" fill="#7C4134"/>
+<g style="mix-blend-mode:multiply" opacity="0.25">
+<path d="M30.7263 30.5808C30.7263 29.8611 29.0196 29.2734 26.9183 29.2734C24.817 29.2734 23.1104 29.8611 23.1104 30.5808C23.1104 31.3006 24.8136 31.8917 26.9183 31.8917C29.0231 31.8917 30.7263 31.3041 30.7263 30.5808Z" fill="#E8BD69"/>
+</g>
+<path d="M28.3512 15.5566C28.3512 15.5566 26.5061 27.0937 28.6386 30.9707H24.7129C24.7129 30.9707 24.9275 20.5706 27.2781 15.2715L28.3512 15.5566Z" fill="#9E594D"/>
+<path d="M26.2496 18.7524H27.8282C27.9369 18.7461 28.0387 18.6968 28.1113 18.6154C28.184 18.5339 28.2216 18.4269 28.2159 18.3177V18.269C28.2187 18.2152 28.2109 18.1612 28.1929 18.1104C28.1749 18.0595 28.1471 18.0127 28.1111 17.9727C28.0751 17.9326 28.0316 17.9001 27.983 17.877C27.9345 17.8538 27.8818 17.8406 27.8282 17.8379H26.2496C26.1959 17.8406 26.1433 17.8538 26.0948 17.877C26.0462 17.9001 26.0027 17.9326 25.9667 17.9727C25.9307 18.0127 25.9029 18.0595 25.8849 18.1104C25.8669 18.1612 25.8591 18.2152 25.8619 18.269V18.3177C25.8562 18.4269 25.8938 18.5339 25.9665 18.6154C26.0391 18.6968 26.1409 18.7461 26.2496 18.7524Z" fill="#7C4134"/>
+<path d="M25.7517 21.3984H27.7042C27.8187 21.3895 27.9251 21.3356 28.0003 21.2483C28.0755 21.1611 28.1134 21.0476 28.1058 20.9325V20.8803C28.1114 20.7656 28.0716 20.6533 27.9951 20.5679C27.9185 20.4825 27.8115 20.4311 27.6973 20.4248H25.7517C25.6373 20.4311 25.5298 20.4824 25.4527 20.5677C25.3756 20.6529 25.3351 20.7652 25.3398 20.8803V20.9325C25.336 20.9903 25.3437 21.0483 25.3625 21.1031C25.3812 21.1579 25.4106 21.2085 25.4489 21.2518C25.4872 21.2952 25.5337 21.3304 25.5857 21.3556C25.6377 21.3807 25.6941 21.3953 25.7517 21.3984Z" fill="#7C4134"/>
+<path d="M25.274 24.0618H27.6004C27.721 24.0555 27.8342 24.0014 27.9153 23.9115C27.9964 23.8216 28.0388 23.7031 28.0331 23.5819V23.5263C28.0388 23.4047 27.9965 23.2859 27.9155 23.1954C27.8345 23.1049 27.7213 23.0502 27.6004 23.043H25.274C25.1531 23.0502 25.0399 23.1049 24.9589 23.1954C24.8779 23.2859 24.8357 23.4047 24.8413 23.5263V23.5819C24.8357 23.7031 24.878 23.8216 24.9591 23.9115C25.0402 24.0014 25.1534 24.0555 25.274 24.0618Z" fill="#7C4134"/>
+<path d="M24.91 26.6905H27.6102C27.7367 26.6833 27.8552 26.6264 27.9401 26.532C28.025 26.4376 28.0694 26.3134 28.0637 26.1863V26.1272C28.0694 26.0002 28.025 25.876 27.9401 25.7816C27.8552 25.6872 27.7367 25.6302 27.6102 25.623H24.91C24.7836 25.6302 24.6651 25.6872 24.5802 25.7816C24.4953 25.876 24.4509 26.0002 24.4565 26.1272V26.1863C24.4509 26.3134 24.4953 26.4376 24.5802 26.532C24.6651 26.6264 24.7836 26.6833 24.91 26.6905Z" fill="#7C4134"/>
+<path d="M24.7991 29.3364H27.8766C28.0092 29.3292 28.1335 29.2696 28.2224 29.1705C28.3113 29.0715 28.3575 28.9411 28.3509 28.8079V28.7488C28.3575 28.6153 28.3114 28.4845 28.2226 28.3849C28.1338 28.2853 28.0095 28.2249 27.8766 28.2168H24.7991C24.6662 28.2249 24.5419 28.2853 24.4531 28.3849C24.3643 28.4845 24.3182 28.6153 24.3248 28.7488V28.8079C24.3182 28.9411 24.3644 29.0715 24.4533 29.1705C24.5422 29.2696 24.6665 29.3292 24.7991 29.3364Z" fill="#7C4134"/>
+<path d="M24.7129 30.9707C24.7129 30.9707 24.9275 20.5706 27.2781 15.2715L27.4615 15.3202C26.6376 18.1749 24.9656 25.15 26.2949 30.9672L24.7129 30.9707Z" fill="#7C4134"/>
+<path d="M27.1709 14.8295L34.0945 19.7843L35.2473 20.6084C35.6627 13.1743 27.3821 14.7842 27.1709 14.8295Z" fill="#77AE63"/>
+<path d="M27.1748 14.8295C27.3548 14.8051 33.3679 13.9984 34.0984 19.7843L35.2512 20.6084C35.6666 13.1743 27.386 14.7842 27.1748 14.8295Z" fill="#94BE67"/>
+<path d="M27.1367 14.871L35.6181 14.2416L37.027 14.1373C32.6237 8.1497 27.2752 14.6971 27.1402 14.8675L27.1367 14.871Z" fill="#77AE63"/>
+<path d="M27.1533 14.8675C27.2745 14.7319 31.3905 10.2568 35.6312 14.2416L37.0402 14.1373C32.6368 8.1497 27.2883 14.6971 27.1533 14.8675Z" fill="#94BE67"/>
+<path d="M27.6033 14.8295L20.6797 19.7843L19.52 20.6084C19.1046 13.1743 27.3852 14.7842 27.5964 14.8295H27.6033Z" fill="#77AE63"/>
+<path d="M27.6006 14.8295C27.4205 14.8051 21.4074 13.9984 20.677 19.7843L19.5207 20.6084C19.1088 13.1743 27.3894 14.7842 27.6006 14.8295Z" fill="#94BE67"/>
+<path d="M27.6247 14.871L19.1433 14.2416L17.7344 14.1373C22.1378 8.1497 27.4862 14.6971 27.6247 14.8675V14.871Z" fill="#77AE63"/>
+<path d="M27.6247 14.8675C27.5001 14.7319 23.384 10.2568 19.1433 14.2416L17.7344 14.1373C22.1378 8.1497 27.4827 14.6971 27.6247 14.8675Z" fill="#94BE67"/>
+<path d="M27.4102 14.8296L32.0178 9.01234L32.7863 8.0457C26.3716 7.35028 27.3825 14.6522 27.4067 14.8261L27.4102 14.8296Z" fill="#77AE63"/>
+<path d="M27.4067 14.826C27.4067 14.6695 26.9775 9.38079 32.0178 9.01221L32.7863 8.04558C26.3716 7.33625 27.3825 14.6382 27.4067 14.826Z" fill="#94BE67"/>
+<path d="M27.3993 14.8816L23.3525 9.77376L22.6602 8.92535C28.2925 8.30294 27.4063 14.7147 27.382 14.8782L27.3993 14.8816Z" fill="#77AE63"/>
+<path d="M27.3993 14.8782C27.3993 14.7391 27.7767 10.1006 23.3525 9.77376L22.6602 8.92535C28.3098 8.30294 27.4236 14.7147 27.3993 14.8782Z" fill="#94BE67"/>
+<path d="M27.1533 15.6503C27.1533 15.4014 27.2268 15.158 27.3645 14.951C27.5022 14.744 27.6979 14.5827 27.9269 14.4874C28.1559 14.3921 28.4079 14.3672 28.651 14.4158C28.8941 14.4644 29.1174 14.5842 29.2926 14.7603C29.4679 14.9363 29.5872 15.1606 29.6356 15.4048C29.6839 15.6489 29.6591 15.902 29.5643 16.132C29.4694 16.362 29.3088 16.5586 29.1027 16.6969C28.8966 16.8352 28.6543 16.909 28.4065 16.909C28.0741 16.909 27.7554 16.7764 27.5204 16.5404C27.2854 16.3043 27.1533 15.9842 27.1533 15.6503Z" fill="#9E594D"/>
+<path d="M27.9775 14.4717C27.8285 14.6915 27.7528 14.9531 27.7614 15.2189C27.77 15.4847 27.8624 15.7408 28.0253 15.9505C28.1882 16.1601 28.4131 16.3124 28.6677 16.3853C28.9223 16.4582 29.1934 16.4481 29.4418 16.3563C29.3311 16.5197 29.1834 16.6545 29.011 16.7497C28.8385 16.8449 28.6461 16.8979 28.4494 16.9043C28.2527 16.9107 28.0573 16.8704 27.879 16.7866C27.7008 16.7028 27.5448 16.5779 27.4237 16.422C27.3026 16.2662 27.2199 16.0839 27.1823 15.8898C27.1446 15.6958 27.1531 15.4956 27.2071 15.3055C27.2611 15.1154 27.359 14.9408 27.4929 14.7959C27.6267 14.651 27.7928 14.5399 27.9775 14.4717Z" fill="#7C4134"/>
+<path d="M26.3821 16.909C27.0742 16.909 27.6352 16.3455 27.6352 15.6503C27.6352 14.9551 27.0742 14.3916 26.3821 14.3916C25.69 14.3916 25.1289 14.9551 25.1289 15.6503C25.1289 16.3455 25.69 16.909 26.3821 16.909Z" fill="#9E594D"/>
+<path d="M25.9521 14.4717C25.8254 14.661 25.7522 14.8813 25.7405 15.1092C25.7288 15.337 25.779 15.5638 25.8856 15.7652C25.9923 15.9666 26.1515 16.1351 26.3461 16.2527C26.5407 16.3703 26.7635 16.4325 26.9907 16.4328C27.136 16.4325 27.2801 16.4066 27.4164 16.3563C27.3057 16.5197 27.158 16.6545 26.9856 16.7497C26.8131 16.8449 26.6207 16.8979 26.424 16.9043C26.2273 16.9107 26.0319 16.8704 25.8537 16.7866C25.6754 16.7028 25.5194 16.5779 25.3983 16.422C25.2772 16.2662 25.1945 16.0839 25.1569 15.8898C25.1192 15.6958 25.1277 15.4956 25.1817 15.3055C25.2357 15.1154 25.3336 14.9408 25.4675 14.7959C25.6014 14.651 25.7674 14.5399 25.9521 14.4717Z" fill="#7C4134"/>
+</g>
+<path d="M20.7331 35.3089C15.6579 40.9837 -3.47562 48.8191 3.11052 56.8269C9.19811 64.2286 54.2141 56.0093 35.8168 82.5831C22.965 101.147 69.5529 106.978 104.5 110.792" stroke="#CD9E00" stroke-width="2" stroke-linecap="round" stroke-dasharray="9 9"/>
+<path d="M70.5669 87.524C70.5669 86.3277 58.4858 85.3574 43.5842 85.3574C28.6827 85.3574 16.6016 86.3277 16.6016 87.524C16.6016 88.7203 28.6827 89.6961 43.5842 89.6961C58.4858 89.6961 70.5669 88.7258 70.5669 87.524Z" fill="#FFF0D2"/>
+<path d="M56.3148 87.2484H30.3203C32.8076 83.2185 43.0566 66.6686 43.3897 67.0545C43.7229 67.4404 54.3605 83.5051 56.3148 87.2484Z" fill="#DD9D5B"/>
+<path opacity="0.53" d="M42.4403 76.3439L40.6248 80.3518L41.9962 82.7665L42.5014 87.265H30.3203C32.8076 83.2351 43.0566 66.6852 43.3897 67.0711L41.4909 74.1497L42.4403 76.3439Z" fill="#9E594D"/>
+<path d="M67.4914 87.5955C67.4914 87.5955 61.8728 87.386 56.132 87.2371C50.3912 87.0883 44.3951 86.9946 44.0176 87.2371L56.9981 69.5957L67.4914 87.5955Z" fill="#DD9D5B"/>
+<path opacity="0.53" d="M58.214 76.3277L56.132 87.2489C50.3246 87.0945 44.3951 87.0063 44.0176 87.2489L56.9981 69.6074L56.393 74.8778L58.214 76.3277Z" fill="#9E594D"/>
+<path d="M39.1811 87.2479H19.6104C21.4869 83.9016 29.1986 70.1578 29.454 70.461C29.7094 70.7642 37.7099 84.1386 39.1811 87.2479Z" fill="#DD9D5B"/>
+<path opacity="0.53" d="M28.1715 76.834L29.0099 78.78L27.5608 84.2544V87.2479H19.6104C21.4869 83.9016 29.1986 70.1578 29.454 70.461L28.1715 76.834Z" fill="#9E594D"/>
+<defs>
+<clipPath id="clip0_2618_7329">
+<rect width="14.7832" height="9.73012" fill="white" transform="translate(84.4678 97.3008)"/>
+</clipPath>
+<clipPath id="clip1_2618_7329">
+<rect width="33.5239" height="31.8886" fill="white" transform="translate(3.51953)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/main/webapp/images/homepagepatient/illustration-challenges-1.svg b/src/main/webapp/images/homepagepatient/illustration-challenges-1.svg
new file mode 100644
index 0000000..38d8c97
--- /dev/null
+++ b/src/main/webapp/images/homepagepatient/illustration-challenges-1.svg
@@ -0,0 +1,18 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M37.7771 16.4615V36.1896C37.7768 36.3481 37.7121 36.5 37.5972 36.6121C37.4823 36.7242 37.3264 36.7873 37.1639 36.7876H33.4856L31.0337 33.7984L28.5819 36.7876H14.483V34.3954C14.483 34.2368 14.4184 34.0847 14.3034 33.9725C14.1884 33.8604 14.0324 33.7974 13.8697 33.7974C13.7071 33.7974 13.5511 33.8604 13.4361 33.9725C13.3211 34.0847 13.2565 34.2368 13.2565 34.3954V36.7876H4.81585C4.14913 36.7973 3.50491 36.5526 3.0205 36.1057C2.53609 35.6589 2.2498 35.0452 2.22266 34.3954V34.282C2.25339 33.6682 2.52522 33.0896 2.98174 32.6661C3.43826 32.2426 4.04443 32.0067 4.6745 32.0075H9.57819C9.65867 32.0076 9.73839 31.9923 9.81278 31.9623C9.88718 31.9324 9.95479 31.8884 10.0117 31.833C10.0687 31.7775 10.1139 31.7117 10.1447 31.6392C10.1756 31.5667 10.1914 31.489 10.1914 31.4105V15.8634H18.1602L19.9999 18.2545L21.8385 15.8634H23.6771L23.8304 16.0903C25.0165 17.8644 26.5277 19.4101 28.2883 20.6499C30.0373 19.4069 31.5376 17.8614 32.7147 16.0903C32.7636 16.0129 32.8234 15.9408 32.8615 15.8634H37.153C37.2346 15.8617 37.3157 15.8759 37.3915 15.9053C37.4674 15.9346 37.5365 15.9784 37.5947 16.0341C37.653 16.0898 37.6992 16.1563 37.7307 16.2297C37.7622 16.3031 37.7784 16.3819 37.7782 16.4615H37.7771Z" fill="#DB9923"/>
+<path d="M37.7773 26.6238V27.8199C37.4182 27.821 37.0601 27.7807 36.7107 27.7C36.4119 27.6293 36.1233 27.5224 35.8517 27.3819C35.6104 27.2536 35.3809 27.1053 35.1656 26.9387C35.0656 26.8624 34.9923 26.7575 34.9561 26.6388C34.9199 26.5201 34.9224 26.3932 34.9634 26.276C34.9871 26.2136 35.02 26.155 35.0612 26.1021C35.1133 26.0404 35.1776 25.9895 35.2501 25.9523C35.3227 25.9152 35.4022 25.8926 35.4838 25.8859C35.5655 25.8792 35.6477 25.8885 35.7256 25.9132C35.8036 25.938 35.8756 25.9777 35.9376 26.03C36.0939 26.1538 36.2626 26.2622 36.441 26.3534C36.6336 26.4541 36.8396 26.5283 37.0532 26.5739C37.2917 26.6184 37.5346 26.6365 37.7773 26.628V26.6238Z" fill="#FCC63D"/>
+<path d="M33.8961 25.805C33.7955 25.8042 33.6965 25.7795 33.608 25.7329C33.414 25.6343 33.2079 25.5602 32.9947 25.5123C32.7538 25.457 32.5072 25.4289 32.2597 25.4285C32.0971 25.4285 31.9411 25.3655 31.8261 25.2534C31.7111 25.1412 31.6465 24.9891 31.6465 24.8305C31.6465 24.6719 31.7111 24.5198 31.8261 24.4076C31.9411 24.2954 32.0971 24.2324 32.2597 24.2324C32.6167 24.2315 32.9725 24.2717 33.3198 24.3523C33.6207 24.4219 33.9112 24.5288 34.1842 24.6704C34.3074 24.7319 34.4057 24.8322 34.463 24.955C34.5203 25.0779 34.5333 25.216 34.4999 25.347C34.4666 25.478 34.3887 25.5941 34.2791 25.6765C34.1695 25.7589 34.0345 25.8026 33.8961 25.8007V25.805Z" fill="#FCC63D"/>
+<path d="M28.3801 27.4477C28.2426 27.4482 28.1089 27.4037 28.0005 27.3213C27.892 27.2389 27.815 27.1234 27.7819 26.9933C27.7487 26.8632 27.7612 26.726 27.8174 26.6036C27.8736 26.4813 27.9703 26.3809 28.0919 26.3184C28.2628 26.2328 28.4267 26.1347 28.5823 26.0247C28.7541 25.8932 28.9085 25.7501 29.0781 25.6069C29.2477 25.4638 29.4402 25.2963 29.6359 25.1467C29.6952 25.0854 29.7671 25.037 29.847 25.0047C29.9268 24.9723 30.0128 24.9569 30.0992 24.9592C30.1856 24.9616 30.2705 24.9817 30.3484 25.0183C30.4263 25.055 30.4953 25.1072 30.551 25.1717C30.6067 25.2362 30.6478 25.3114 30.6716 25.3925C30.6954 25.4735 30.7013 25.5586 30.6891 25.642C30.6768 25.7255 30.6465 25.8055 30.6003 25.8767C30.5541 25.948 30.493 26.0089 30.4209 26.0555C30.2491 26.187 30.0947 26.3301 29.924 26.4733C29.7533 26.6164 29.563 26.7839 29.3662 26.9335C29.1523 27.0988 28.9251 27.247 28.6867 27.3767C28.5925 27.4259 28.4868 27.4504 28.3801 27.4477Z" fill="#FCC63D"/>
+<path d="M25.8231 27.7183C25.7739 27.7236 25.7243 27.7236 25.6752 27.7183C25.3739 27.6475 25.0834 27.5388 24.8108 27.3949C24.5722 27.266 24.3449 27.1181 24.1312 26.9528C24.0634 26.9052 24.0062 26.8446 23.9632 26.7747C23.9203 26.7048 23.8924 26.627 23.8814 26.5463C23.8703 26.4655 23.8763 26.3833 23.899 26.3049C23.9217 26.2265 23.9605 26.1534 24.0132 26.0901C24.0659 26.0268 24.1313 25.9748 24.2054 25.937C24.2795 25.8993 24.3607 25.8768 24.444 25.8708C24.5274 25.8648 24.6111 25.8754 24.6901 25.9021C24.769 25.9288 24.8416 25.971 24.9032 26.026C25.0615 26.1468 25.2295 26.2549 25.4055 26.3494C25.5995 26.448 25.8056 26.5221 26.0188 26.57C26.1814 26.589 26.3297 26.6702 26.4309 26.7957C26.5321 26.9213 26.5781 27.081 26.5586 27.2396C26.5392 27.3982 26.4559 27.5428 26.3271 27.6415C26.1983 27.7402 26.0346 27.785 25.872 27.7661L25.8231 27.7183Z" fill="#FCC63D"/>
+<path d="M22.863 25.805C22.7624 25.8042 22.6634 25.7795 22.5749 25.7329C22.3809 25.6343 22.1748 25.5602 21.9616 25.5123C21.7203 25.4574 21.4734 25.4293 21.2255 25.4285C21.0629 25.4285 20.9069 25.3655 20.7919 25.2534C20.6769 25.1412 20.6123 24.9891 20.6123 24.8305C20.6123 24.6719 20.6769 24.5198 20.7919 24.4076C20.9069 24.2954 21.0629 24.2324 21.2255 24.2324C21.5829 24.2314 21.9391 24.2716 22.2867 24.3523C22.5895 24.4214 22.8818 24.5284 23.1566 24.6704C23.277 24.7337 23.3724 24.8344 23.4277 24.9564C23.4831 25.0785 23.4952 25.215 23.4621 25.3446C23.4291 25.4741 23.3529 25.5892 23.2454 25.6718C23.1379 25.7544 23.0053 25.7997 22.8684 25.8007L22.863 25.805Z" fill="#FCC63D"/>
+<path d="M17.9395 27.0606C17.8155 27.0623 17.694 27.0264 17.5917 26.958C17.4894 26.8895 17.4114 26.7919 17.3683 26.6784C17.3253 26.5649 17.3194 26.4413 17.3514 26.3244C17.3834 26.2075 17.4517 26.1032 17.547 26.0257C17.7188 25.8942 17.8852 25.7511 18.0439 25.6079C18.2026 25.4648 18.4114 25.2972 18.6017 25.1477C18.661 25.0864 18.7329 25.038 18.8128 25.0056C18.8926 24.9733 18.9786 24.9578 19.065 24.9602C19.1514 24.9626 19.2363 24.9827 19.3142 25.0193C19.3921 25.0559 19.4611 25.1082 19.5168 25.1727C19.5725 25.2372 19.6136 25.3124 19.6374 25.3935C19.6612 25.4745 19.6671 25.5596 19.6548 25.643C19.6426 25.7265 19.6123 25.8064 19.5661 25.8777C19.5199 25.9489 19.4588 26.0099 19.3867 26.0565C19.2084 26.1879 19.0496 26.3311 18.8844 26.4742C18.7191 26.6174 18.5223 26.7849 18.3266 26.9344C18.216 27.0182 18.0795 27.0627 17.9395 27.0606Z" fill="#FCC63D"/>
+<path d="M15.7087 27.8201C15.3496 27.8211 14.9916 27.7809 14.6421 27.7003C14.3436 27.6297 14.0554 27.5228 13.7842 27.3822C13.7128 27.3453 13.6495 27.295 13.5981 27.2343C13.5466 27.1736 13.5079 27.1035 13.4842 27.0282C13.4604 26.9529 13.4521 26.8737 13.4598 26.7953C13.4674 26.7168 13.4908 26.6406 13.5287 26.571C13.5665 26.5014 13.618 26.4397 13.6803 26.3895C13.7426 26.3393 13.8144 26.3015 13.8916 26.2784C13.9689 26.2553 14.05 26.2472 14.1305 26.2546C14.2109 26.2621 14.2891 26.2849 14.3604 26.3218C14.5423 26.4185 14.7359 26.4926 14.9367 26.5424C15.1898 26.5994 15.4489 26.6275 15.7087 26.6261C15.8713 26.6261 16.0273 26.6891 16.1423 26.8013C16.2573 26.9135 16.3219 27.0656 16.3219 27.2242C16.3219 27.3828 16.2573 27.5349 16.1423 27.6471C16.0273 27.7592 15.8713 27.8222 15.7087 27.8222V27.8201Z" fill="#FCC63D"/>
+<path d="M10.1914 14.0697V31.4067C10.1914 31.4852 10.1756 31.5629 10.1447 31.6354C10.1139 31.7079 10.0687 31.7738 10.0117 31.8292C9.95479 31.8847 9.88718 31.9286 9.81278 31.9585C9.73839 31.9885 9.65867 32.0038 9.57819 32.0037H4.6745C4.04389 32.003 3.43726 32.2393 2.98065 32.6634C2.52405 33.0876 2.25258 33.6671 2.22266 34.2813V15.8628C2.22251 15.5488 2.28583 15.2378 2.409 14.9476C2.53217 14.6574 2.71276 14.3938 2.94047 14.1717C3.16817 13.9496 3.43852 13.7735 3.73605 13.6534C4.03359 13.5333 4.35248 13.4715 4.6745 13.4717H5.28773V15.8628C5.28425 15.9434 5.29752 16.0238 5.32674 16.0993C5.35596 16.1747 5.40053 16.2436 5.45777 16.3019C5.51501 16.3601 5.58373 16.4064 5.6598 16.4381C5.73587 16.4697 5.81772 16.486 5.90042 16.486C5.98313 16.486 6.06498 16.4697 6.14105 16.4381C6.21712 16.4064 6.28584 16.3601 6.34308 16.3019C6.40031 16.2436 6.44488 16.1747 6.4741 16.0993C6.50333 16.0238 6.51659 15.9434 6.51311 15.8628V13.4717H9.57819C9.65876 13.4715 9.73857 13.4869 9.81303 13.5169C9.8875 13.5469 9.95516 13.591 10.0121 13.6465C10.0691 13.7021 10.1143 13.7681 10.145 13.8407C10.1758 13.9133 10.1916 13.9912 10.1914 14.0697Z" fill="#FCC63D"/>
+<path d="M30.58 18.6962C31.5977 19.1267 32.2599 19.8382 32.2599 20.6452C32.2599 21.9664 30.4756 23.0363 28.275 23.0363C26.0743 23.0363 24.29 21.9664 24.29 20.6452C24.29 19.8319 24.9642 19.1214 25.9884 18.6846L30.58 18.6962Z" fill="#FCC63D"/>
+<path d="M35.031 8.76723C35.0115 11.2836 34.2633 13.7434 32.8727 15.8632C32.8303 15.9406 32.7748 16.0127 32.7259 16.0901C31.5454 17.8623 30.041 19.4078 28.2876 20.6497C26.5387 19.4069 25.0387 17.8614 23.8623 16.0901L23.709 15.8632H23.6775C22.2972 13.7505 21.5539 11.3019 21.5322 8.79692C21.5322 7.05332 22.2425 5.38113 23.5067 4.14821C24.7709 2.9153 26.4856 2.22266 28.2734 2.22266C30.0613 2.22266 31.776 2.9153 33.0402 4.14821C34.3044 5.38113 35.0147 7.05332 35.0147 8.79692L35.031 8.76723Z" fill="#E64C3C"/>
+<path d="M28.2451 12.8735C30.5913 12.8735 32.4932 10.9996 32.4932 8.68819C32.4932 6.37674 30.5913 4.50293 28.2451 4.50293C25.899 4.50293 23.9971 6.37674 23.9971 8.68819C23.9971 10.9996 25.899 12.8735 28.2451 12.8735Z" fill="#F9EAB0"/>
+<path d="M28.2449 13.4715C27.2734 13.4797 26.3212 13.2063 25.5092 12.6858C24.6973 12.1654 24.0622 11.4215 23.6845 10.5485C23.3068 9.67544 23.2036 8.71267 23.3879 7.78232C23.5722 6.85198 24.0357 5.996 24.7197 5.32301C25.4036 4.65001 26.2772 4.19034 27.2295 4.00232C28.1818 3.8143 29.1699 3.90641 30.0684 4.26696C30.9669 4.6275 31.7354 5.24024 32.2762 6.0274C32.8171 6.81457 33.106 7.74069 33.1062 8.68824C33.1065 9.94962 32.5959 11.16 31.6854 12.0559C30.7749 12.9518 29.5383 13.4606 28.2449 13.4715ZM28.2449 5.10208C27.5159 5.09388 26.8008 5.29722 26.1905 5.68625C25.5803 6.07529 25.1024 6.63246 24.8175 7.28698C24.5327 7.9415 24.4538 8.66382 24.5909 9.36216C24.7279 10.0605 25.0748 10.7034 25.5873 11.209C26.0998 11.7147 26.7549 12.0604 27.4694 12.2022C28.1838 12.3439 28.9254 12.2754 29.5998 12.0052C30.2742 11.735 30.851 11.2754 31.257 10.6848C31.6629 10.0942 31.8797 9.39926 31.8797 8.68824C31.8792 7.74442 31.4975 6.8388 30.8171 6.16756C30.1368 5.49632 29.2126 5.11352 28.2449 5.10208Z" fill="#C03A2B"/>
+<path d="M17.1328 18.5233C17.0437 18.4001 16.9101 18.3144 16.7588 18.2833C16.6076 18.2523 16.4499 18.2781 16.3174 18.3558L15.2844 19.0312L14.2428 18.3558C14.1082 18.2861 13.9519 18.2677 13.8042 18.3043C13.6565 18.3409 13.5281 18.4298 13.4439 18.5537C13.3598 18.6776 13.3259 18.8276 13.349 18.9745C13.3721 19.1214 13.4504 19.2546 13.5687 19.3483L14.1819 19.7491L13.5687 20.1489C13.4619 20.2183 13.3803 20.3187 13.3351 20.4359C13.29 20.553 13.2836 20.681 13.317 20.8018C13.3504 20.9227 13.4218 21.0302 13.5212 21.1094C13.6205 21.1886 13.7429 21.2354 13.8709 21.2432C13.9919 21.2433 14.1099 21.2062 14.208 21.1371L15.2496 20.4617L16.3228 21.1371C16.4209 21.2062 16.5389 21.2433 16.6598 21.2432C16.7908 21.2421 16.918 21.2002 17.0227 21.1235C17.1275 21.0469 17.2043 20.9395 17.242 20.8172C17.2797 20.6949 17.2762 20.564 17.2321 20.4437C17.188 20.3235 17.1056 20.2201 16.9969 20.1489L16.3837 19.7491L16.9969 19.3483C17.1264 19.2561 17.2136 19.1181 17.2401 18.9639C17.2665 18.8097 17.2299 18.6516 17.1383 18.5233H17.1328Z" fill="#C03A2B"/>
+<path d="M23.8118 31.7048L25.2589 30.6953C25.332 30.6531 25.3952 30.5965 25.4447 30.5291C25.4941 30.4617 25.5286 30.3851 25.5461 30.304C25.5636 30.2229 25.5636 30.1392 25.5461 30.0581C25.5287 29.9771 25.4941 29.9004 25.4447 29.833C25.3953 29.7657 25.332 29.7091 25.259 29.6668C25.1859 29.6245 25.1047 29.5975 25.0204 29.5874C24.936 29.5774 24.8505 29.5845 24.7692 29.6084C24.6878 29.6323 24.6125 29.6724 24.5479 29.7262L22.7582 30.97L20.9674 29.7262C20.9028 29.6724 20.8274 29.6323 20.7461 29.6084C20.6648 29.5845 20.5792 29.5774 20.4949 29.5874C20.4106 29.5975 20.3293 29.6245 20.2563 29.6668C20.1832 29.7091 20.12 29.7657 20.0706 29.833C20.0211 29.9004 19.9866 29.9771 19.9691 30.0581C19.9517 30.1392 19.9517 30.2229 19.9692 30.304C19.9866 30.3851 20.0212 30.4617 20.0706 30.5291C20.12 30.5965 20.1833 30.6531 20.2563 30.6953L21.6992 31.7048L20.252 32.7153C20.1854 32.7604 20.1287 32.8178 20.0852 32.8844C20.0416 32.951 20.0121 33.0254 19.9982 33.1032C19.9844 33.181 19.9866 33.2608 20.0046 33.3378C20.0227 33.4148 20.0563 33.4875 20.1034 33.5517C20.1505 33.616 20.2103 33.6704 20.2792 33.7119C20.3481 33.7534 20.4247 33.7812 20.5047 33.7935C20.5847 33.8059 20.6664 33.8026 20.7451 33.7839C20.8238 33.7652 20.8979 33.7314 20.9631 33.6845L22.7538 32.4407L24.5435 33.6845C24.6473 33.757 24.7714 33.7966 24.8991 33.798C25.0283 33.7972 25.1541 33.7566 25.2583 33.6819C25.3625 33.6073 25.4398 33.5024 25.4792 33.3824C25.5187 33.2623 25.5182 33.1331 25.4778 33.0133C25.4375 32.8935 25.3594 32.7892 25.2546 32.7153L23.8118 31.7048Z" fill="#C03A2B"/>
+<path d="M7.12983 32.6019C6.96719 32.6019 6.81122 32.5389 6.69621 32.4267C6.58121 32.3145 6.5166 32.1624 6.5166 32.0038V29.6127C6.5166 29.4541 6.58121 29.302 6.69621 29.1898C6.81122 29.0777 6.96719 29.0146 7.12983 29.0146C7.29247 29.0146 7.44845 29.0777 7.56346 29.1898C7.67846 29.302 7.74307 29.4541 7.74307 29.6127V32.007C7.74221 32.1651 7.67722 32.3164 7.56231 32.4278C7.4474 32.5393 7.29191 32.6019 7.12983 32.6019Z" fill="#C68D1C"/>
+</svg>
diff --git a/src/main/webapp/images/homepagepatient/profile.svg b/src/main/webapp/images/homepagepatient/profile.svg
new file mode 100644
index 0000000..5adb811
--- /dev/null
+++ b/src/main/webapp/images/homepagepatient/profile.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M13.294 5.29105C13.294 8.22808 10.9391 10.5831 8 10.5831C5.0619 10.5831 2.70601 8.22808 2.70601 5.29105C2.70601 2.35402 5.0619 0 8 0C10.9391 0 13.294 2.35402 13.294 5.29105ZM8 20C3.66237 20 0 19.295 0 16.575C0 13.8539 3.68538 13.1739 8 13.1739C12.3386 13.1739 16 13.8789 16 16.599C16 19.32 12.3146 20 8 20Z" fill="#199A8E"/>
+</svg>
diff --git a/src/main/webapp/images/registration/eye.svg b/src/main/webapp/images/registration/eye.svg
new file mode 100644
index 0000000..1cb21ad
--- /dev/null
+++ b/src/main/webapp/images/registration/eye.svg
@@ -0,0 +1,12 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.42004 4.47031C9.56004 3.99031 10.77 3.73031 12 3.73031C15.53 3.73031 18.82 5.81031 21.11 9.41031C22.01 10.8203 22.01 13.1903 21.11 14.6003C20.78 15.1203 20.42 15.6103 20.05 16.0703" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.5099 11.2998C15.2499 9.8898 14.0999 8.7398 12.6899 8.4798" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M6.18003 18.2295C7.93003 19.5495 9.93003 20.2695 12 20.2695C15.53 20.2695 18.82 18.1895 21.11 14.5895C22.01 13.1795 22.01 10.8095 21.11 9.39953C20.32 8.15953 19.4 7.08953 18.4 6.22953" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.58 4.47031C14.44 3.99031 13.23 3.73031 12 3.73031C8.46996 3.73031 5.17996 5.81031 2.88996 9.41031C1.98996 10.8203 1.98996 13.1903 2.88996 14.6003C3.21996 15.1203 3.57996 15.6103 3.94996 16.0703" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.49006 11.2998C8.75006 9.8898 9.90006 8.7398 11.3101 8.4798" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.58 19.5297C14.44 20.0097 13.23 20.2697 12 20.2697C8.46996 20.2697 5.17996 18.1897 2.88996 14.5897C1.98996 13.1797 1.98996 10.8097 2.88996 9.39969C3.21996 8.87969 3.57996 8.38969 3.94996 7.92969" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.49006 12.7002C8.75006 14.1102 9.90006 15.2602 11.3101 15.5202" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M17.82 5.77047C16.07 4.45047 14.07 3.73047 12 3.73047C8.46997 3.73047 5.17997 5.81047 2.88997 9.41047C1.98997 10.8205 1.98997 13.1905 2.88997 14.6005C3.67997 15.8405 4.59997 16.9105 5.59997 17.7705" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M8.42004 19.5297C9.56004 20.0097 10.77 20.2697 12 20.2697C15.53 20.2697 18.82 18.1897 21.11 14.5897C22.01 13.1797 22.01 10.8097 21.11 9.39969C20.78 8.87969 20.42 8.38969 20.05 7.92969" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M15.5099 12.7002C15.2499 14.1102 14.0999 15.2602 12.6899 15.5202" stroke="#A1A8B0" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>