diff --git a/src/index.html b/src/index.html
index 97874a7..d214437 100644
--- a/src/index.html
+++ b/src/index.html
@@ -26,11 +26,11 @@ <h1 class="leading-[4.5rem] mt-[-4rem] text-7xl font-bold">
       </h1>
       <p class="text-2xl my-6">Identify and mitigate potential security threats with ThreatShield's threat modelling
         service</p>
-      <button type="button" class="btn-primary h-14 mt-2 tracking-wider bg-primary-700 hover:bg-primary-800">Want to
+      <button type="button" class="btn-primary h-14 mt-2 tracking-wider bg-primary-900 hover:bg-primary-800">Want to
         learn more about us? Send us an email.</button>
       <div class="mt-7">
         <a href="https://github.com/" class="hover:text-primary-900 underline underline-offset-2 flex items-center">
-          <img src="./logos/github-mark-white.png" alt="GitHub Logo" class="w-6 h-6 mr-2">
+          <img src="./logos/github-mark-white.png" alt="GitHub Logo" class="w-6 h-6 mx-2">
           Fork us on GitHub
         </a>
       </div>
@@ -43,6 +43,7 @@ <h1 class="leading-[4.5rem] mt-[-4rem] text-7xl font-bold">
       <div class="grid grid-cols-2 gap-4">
         <div class="mr-12">
           <h2 class="text-4xl mb-8 font-bold">AI-Driven Threat Modeling & Intuitive Design </h2>
+          <hr class="border-t-2 border-secondary-500 w-1/6 my-4">
           <p class="text-lg">We use AI to provide concrete examples instead of abstract documentation. Our approach
             ensures easily accessible guidance and actionable recommendations.</p>
         </div>
@@ -53,7 +54,8 @@ <h2 class="text-4xl mb-8 font-bold">AI-Driven Threat Modeling & Intuitive Design
     <!-- LIST OF BENEFITS -->
     <section class="w-full h-full pt-20 bg-gray-100 ts-benefit-section">
       <h3 class="text-center text-primary-900 mb-4">YOUR BENEFITS</h3>
-      <h2 class="text-4xl mb-8 font-bold text-center text-primary-900">Stay one step ahead of potential threats</h2>
+      <hr class="border-t-2 border-secondary-500 w-1/6 mx-auto my-4">
+      <h2 class="text-4xl mb-8 font-bold text-center text-primary-900 pt-6">Stay one step ahead of potential threats</h2>
       <div class="flex place-content-center pt-6">
 
         <!-- CARD 1 -->
diff --git a/src/partials/footer.hbs b/src/partials/footer.hbs
index 6e96c1b..2bdfe25 100644
--- a/src/partials/footer.hbs
+++ b/src/partials/footer.hbs
@@ -4,4 +4,9 @@
         <a href="/">Home</a>
         <a href="/imprint.html">Imprint</a>
     </div>
+    <div>
+        <a href="https://www.flaticon.com/de/kostenlose-animierte-icons/roboter" title="Animated roboter icon">Animated roboter icon by Freepik - Flaticon</a>
+        <a href="https://www.flaticon.com/de/kostenloses-animiertes-icon/zusammenarbeit_9822027?term=menschen&page=1&position=8&origin=tag&related_id=9822027" title="Animated people icon">Animated people icon by Freepik - Flaticon</a>
+        <a href="https://www.flaticon.com/de/kostenlose-animierte-icons/sicherheit" title="Animated shield icons">Animated shield icon by Freepik - Flaticon</a>
+    </div>
 </footer>
diff --git a/tailwind.config.js b/tailwind.config.js
index 8824e14..56a9da4 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -15,6 +15,17 @@ module.exports = {
           800: "#2A1355",
           900: "#150A2A",
         },
+        secondary: {
+          100: "#cef9f5",
+          200: "#9df2ec",
+          300: "#64e4e0",
+          400: "#64e4e0",
+          500: "#64e4e0",
+          600: "#138a8e",
+          700: "#146c71",
+          800: "#15555a",
+          900: "#16474b",
+        },
         gray: {
           100: "#FEFEFF",
           200: "#D7D8DF",
@@ -25,7 +36,7 @@ module.exports = {
           700: "#626571",
           800: "#393B42",
           900: "#1A1B1F",
-        }
+        },
       },
     },
   },