diff --git a/assets/scss/custom.scss b/assets/scss/custom.scss
index d3dfba8..59273e0 100755
--- a/assets/scss/custom.scss
+++ b/assets/scss/custom.scss
@@ -145,8 +145,8 @@
 
   .header-with-image2 {
     svg {
-      width: 48px;
-      height: 48px;
+      width: 4px;
+      height: 4px;
       margin: 0 0 8px 0;
     }
   }
diff --git a/content/english/_index.md b/content/english/_index.md
index 4e44143..f90c402 100755
--- a/content/english/_index.md
+++ b/content/english/_index.md
@@ -4,7 +4,7 @@ banner:
   title: "Welcome to the Fediversity Project"
   content: "The Fediversity Project is a comprehensive effort to bring easy-to-use, hosted cloud services that have service portability and personal freedom at their core to everyone."
  # image: "/images/checkbox-illustration-scaled.png"
-  image: "/images/home.svg"
+  image: "/images/users.svg"
   button:
     enable: true
     label: "For You"
diff --git a/hugo_stats.json b/hugo_stats.json
index addf68c..daded99 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -6,11 +6,9 @@
       "base",
       "body",
       "br",
-      "button",
       "center",
       "div",
       "footer",
-      "form",
       "h1",
       "h2",
       "h4",
@@ -37,7 +35,6 @@
       "source",
       "span",
       "svg",
-      "textarea",
       "time",
       "title",
       "ul"
@@ -86,8 +83,6 @@
       "flex",
       "flex-wrap",
       "font-bold",
-      "form-input",
-      "form-label",
       "from-body",
       "g",
       "grid-container",
@@ -157,7 +152,6 @@
       "mb:md-0",
       "md:bg-yellow-200",
       "md:block",
-      "md:col-10",
       "md:col-5",
       "md:col-6",
       "md:col-7",
@@ -230,7 +224,6 @@
       "text-lg",
       "text-light",
       "text-primary",
-      "text-red-500",
       "text-xl",
       "time",
       "to-theme-light",
@@ -247,10 +240,7 @@
       "z-50"
     ],
     "ids": [
-      "email",
       "hide-button",
-      "message",
-      "name",
       "nav-menu",
       "nav-toggle",
       "show-button"
diff --git a/layouts/index.html b/layouts/index.html
index 308c9e7..9a276ae 100755
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -154,7 +154,7 @@
         {{ if gt (len (where .Site.RegularPages "Section" "events")) 0 }}
         <section>
           <div class="header-with-image">
-            <img src="/images/users.png" alt="Image">
+            <img src="/images/users.svg" alt="Image">
             <h4 class="mb-4">Events</h4>
           </div>
           <ul class="list">
@@ -179,7 +179,7 @@
         {{ if gt (len (where .Site.RegularPages "Section" "blog")) 0 }}
         <section>
           <div class="header-with-image">
-            <img src="/images/users.png" alt="Image">
+            <img src="/images/users.svg" alt="Image">
             <h4 class="mb-4">Latest News</h4>
           </div>
           <ul class="list">
diff --git a/public/css/style.css b/public/css/style.css
index 3781161..44b2497 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -781,50 +781,6 @@ select {
     max-width: 1536px;
   }
 }
-.form-input,.form-textarea,.form-select,.form-multiselect {
-  appearance: none;
-  background-color: #fff;
-  border-color: #6b7280;
-  border-width: 1px;
-  border-radius: 0px;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  --tw-shadow: 0 0 #0000;
-}
-.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  border-color: #2563eb;
-}
-.form-input::placeholder,.form-textarea::placeholder {
-  color: #6b7280;
-  opacity: 1;
-}
-.form-input::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-.form-input::-webkit-date-and-time-value {
-  min-height: 1.5em;
-  text-align: inherit;
-}
-.form-input::-webkit-datetime-edit {
-  display: inline-flex;
-}
-.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
 .row {
   --bs-gutter-x: 2rem;
   --bs-gutter-y: 0;
@@ -895,39 +851,6 @@ main {
     max-width: 1320px;
   }
 }
-.form-input {
-  width: 100%;
-  border-radius: 0.25rem;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  --tw-text-opacity: 1;
-  color: rgb(4 4 4 / var(--tw-text-opacity));
-  border-radius: 6px;
-}
-.form-input::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(255 110 0 / var(--tw-text-opacity));
-}
-.form-input:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 110 0 / var(--tw-border-opacity));
-  --tw-ring-color: transparent;
-}
-.form-label {
-  margin-bottom: 1rem;
-  display: block;
-  font-family: Signika, sans-serif;
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  --tw-text-opacity: 1;
-  color: rgb(4 4 4 / var(--tw-text-opacity));
-}
 .social-icons > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -2002,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu {
   --tw-text-opacity: 1;
   color: rgb(255 110 0 / var(--tw-text-opacity));
 }
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
 .bg-gradient {
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
   --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
@@ -3046,8 +2965,8 @@ input#nav-toggle:checked ~ #nav-menu {
   .grid-container-small {
     grid-template-columns: repeat(1, 1fr); }
   .header-with-image2 svg {
-    width: 48px;
-    height: 48px;
+    width: 4px;
+    height: 4px;
     margin: 0 0 8px 0; } }
 
 @media (min-width: 768px) {
@@ -3082,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu {
     width: 75%;
   }
 
-  .md\:col-10 {
-    flex: 0 0 auto;
-    width: 83.33333333333334%;
-  }
-
   .md\:order-2 {
     order: 2;
   }
diff --git a/public/images/code.png b/public/images/code.png
new file mode 100644
index 0000000..763b5a2
Binary files /dev/null and b/public/images/code.png differ
diff --git a/public/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp b/public/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 0000000..eebe6b9
Binary files /dev/null and b/public/images/code_hu02aadac476934b9056e529139f32f0f6_769_24x24_resize_q80_h2_lanczos_3.webp differ
diff --git a/public/images/globe.png b/public/images/globe.png
new file mode 100644
index 0000000..aec6654
Binary files /dev/null and b/public/images/globe.png differ
diff --git a/public/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp b/public/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 0000000..f7ab90d
Binary files /dev/null and b/public/images/globe_hu02aadac476934b9056e529139f32f0f6_1275_24x24_resize_q80_h2_lanczos_3.webp differ
diff --git a/public/images/user.png b/public/images/user.png
new file mode 100644
index 0000000..810e426
Binary files /dev/null and b/public/images/user.png differ
diff --git a/public/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp b/public/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 0000000..426c134
Binary files /dev/null and b/public/images/user_hu02aadac476934b9056e529139f32f0f6_852_24x24_resize_q80_h2_lanczos_3.webp differ
diff --git a/public/images/users.png b/public/images/users.png
new file mode 100644
index 0000000..e852fe7
Binary files /dev/null and b/public/images/users.png differ
diff --git a/public/images/users.svg b/public/images/users.svg
new file mode 100644
index 0000000..5bf51a7
--- /dev/null
+++ b/public/images/users.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 24 24" fill="none" stroke="#ff6e00" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="feather feather-users"><path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M23 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg>
\ No newline at end of file
diff --git a/public/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp b/public/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp
new file mode 100644
index 0000000..9122d0a
Binary files /dev/null and b/public/images/users_hu02aadac476934b9056e529139f32f0f6_968_24x24_resize_q80_h2_lanczos_3.webp differ
diff --git a/public/index.html b/public/index.html
index ff71a0e..b25bde6 100644
--- a/public/index.html
+++ b/public/index.html
@@ -725,7 +725,7 @@
     
     
       <img
-        src="/images/home.svg"
+        src="/images/users.svg"
         loading="eager"
         decoding="async"
         alt="Banner image"
@@ -1068,7 +1068,7 @@
         
         <section>
           <div class="header-with-image">
-            <img src="/images/users.png" alt="Image">
+            <img src="/images/users.svg" alt="Image">
             <h4 class="mb-4">Events</h4>
           </div>
           <ul class="list">
@@ -1115,7 +1115,7 @@
         
         <section>
           <div class="header-with-image">
-            <img src="/images/users.png" alt="Image">
+            <img src="/images/users.svg" alt="Image">
             <h4 class="mb-4">Latest News</h4>
           </div>
           <ul class="list">
diff --git a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
index 3781161..44b2497 100644
--- a/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
+++ b/resources/_gen/assets/css/style.css_82b067fd6c564693170dff5ae4660239.content
@@ -781,50 +781,6 @@ select {
     max-width: 1536px;
   }
 }
-.form-input,.form-textarea,.form-select,.form-multiselect {
-  appearance: none;
-  background-color: #fff;
-  border-color: #6b7280;
-  border-width: 1px;
-  border-radius: 0px;
-  padding-top: 0.5rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.5rem;
-  padding-left: 0.75rem;
-  font-size: 1rem;
-  line-height: 1.5rem;
-  --tw-shadow: 0 0 #0000;
-}
-.form-input:focus, .form-textarea:focus, .form-select:focus, .form-multiselect:focus {
-  outline: 2px solid transparent;
-  outline-offset: 2px;
-  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
-  --tw-ring-offset-width: 0px;
-  --tw-ring-offset-color: #fff;
-  --tw-ring-color: #2563eb;
-  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
-  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
-  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-  border-color: #2563eb;
-}
-.form-input::placeholder,.form-textarea::placeholder {
-  color: #6b7280;
-  opacity: 1;
-}
-.form-input::-webkit-datetime-edit-fields-wrapper {
-  padding: 0;
-}
-.form-input::-webkit-date-and-time-value {
-  min-height: 1.5em;
-  text-align: inherit;
-}
-.form-input::-webkit-datetime-edit {
-  display: inline-flex;
-}
-.form-input::-webkit-datetime-edit,.form-input::-webkit-datetime-edit-year-field,.form-input::-webkit-datetime-edit-month-field,.form-input::-webkit-datetime-edit-day-field,.form-input::-webkit-datetime-edit-hour-field,.form-input::-webkit-datetime-edit-minute-field,.form-input::-webkit-datetime-edit-second-field,.form-input::-webkit-datetime-edit-millisecond-field,.form-input::-webkit-datetime-edit-meridiem-field {
-  padding-top: 0;
-  padding-bottom: 0;
-}
 .row {
   --bs-gutter-x: 2rem;
   --bs-gutter-y: 0;
@@ -895,39 +851,6 @@ main {
     max-width: 1320px;
   }
 }
-.form-input {
-  width: 100%;
-  border-radius: 0.25rem;
-  border-color: transparent;
-  --tw-bg-opacity: 1;
-  background-color: rgb(246 246 246 / var(--tw-bg-opacity));
-  padding-left: 1.5rem;
-  padding-right: 1.5rem;
-  padding-top: 1rem;
-  padding-bottom: 1rem;
-  --tw-text-opacity: 1;
-  color: rgb(4 4 4 / var(--tw-text-opacity));
-  border-radius: 6px;
-}
-.form-input::placeholder {
-  --tw-text-opacity: 1;
-  color: rgb(255 110 0 / var(--tw-text-opacity));
-}
-.form-input:focus {
-  --tw-border-opacity: 1;
-  border-color: rgb(255 110 0 / var(--tw-border-opacity));
-  --tw-ring-color: transparent;
-}
-.form-label {
-  margin-bottom: 1rem;
-  display: block;
-  font-family: Signika, sans-serif;
-  font-size: 1.25rem;
-  line-height: 1.75rem;
-  font-weight: 400;
-  --tw-text-opacity: 1;
-  color: rgb(4 4 4 / var(--tw-text-opacity));
-}
 .social-icons > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -2002,10 +1925,6 @@ input#nav-toggle:checked ~ #nav-menu {
   --tw-text-opacity: 1;
   color: rgb(255 110 0 / var(--tw-text-opacity));
 }
-.text-red-500 {
-  --tw-text-opacity: 1;
-  color: rgb(239 68 68 / var(--tw-text-opacity));
-}
 .bg-gradient {
   background-image: linear-gradient(to bottom, var(--tw-gradient-stops));
   --tw-gradient-from: rgba(249,249,249,1) var(--tw-gradient-from-position);
@@ -3046,8 +2965,8 @@ input#nav-toggle:checked ~ #nav-menu {
   .grid-container-small {
     grid-template-columns: repeat(1, 1fr); }
   .header-with-image2 svg {
-    width: 48px;
-    height: 48px;
+    width: 4px;
+    height: 4px;
     margin: 0 0 8px 0; } }
 
 @media (min-width: 768px) {
@@ -3082,11 +3001,6 @@ input#nav-toggle:checked ~ #nav-menu {
     width: 75%;
   }
 
-  .md\:col-10 {
-    flex: 0 0 auto;
-    width: 83.33333333333334%;
-  }
-
   .md\:order-2 {
     order: 2;
   }
diff --git a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
index 628c4f6..b9eacd7 100644
--- a/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
+++ b/resources/_gen/assets/scss/main.scss_f120a3f402b106f64b18d498afd3d82e.content
@@ -1124,6 +1124,6 @@
   .grid-container-small {
     grid-template-columns: repeat(1, 1fr); }
   .header-with-image2 svg {
-    width: 48px;
-    height: 48px;
+    width: 4px;
+    height: 4px;
     margin: 0 0 8px 0; } }