diff --git a/images/HeroBanner.png b/images/HeroBanner.png
new file mode 100644
index 0000000..0470adf
Binary files /dev/null and b/images/HeroBanner.png differ
diff --git a/images/icon.png b/images/icon.png
index 2c08510..87acdee 100644
Binary files a/images/icon.png and b/images/icon.png differ
diff --git a/views/403.php b/views/403.php
index 4b2e841..1729868 100644
--- a/views/403.php
+++ b/views/403.php
@@ -1,6 +1,5 @@
 <?php require ('partials/head.php') ?>
 <?php require ('partials/nav.php') ?>
-<?php require ('partials/banner.php') ?>
   <main>
     <div class="mx-auto max-w-7xl py-6 sm:px-6 lg:px-8">
       <h1 class="text-2xl font-bold">Unauthorized</h1>
@@ -9,4 +8,4 @@
       </p>
     </div>
   </main>
-<?php require ('partials/footer.php') ?>
\ No newline at end of file
+<?php require ('partials/footer.php') ?>
diff --git a/views/addition.view.php b/views/addition.view.php
index b67c24a..6ad4ac6 100644
--- a/views/addition.view.php
+++ b/views/addition.view.php
@@ -1,6 +1,5 @@
 <?php require('partials/head.php') ?>
 <?php require('partials/nav.php') ?>
-<?php require('partials/banner.php') ?>
 <main>
   <div class="flex flex-col mx-auto text-center max-w-7xl py-6 sm:px-6 lg:px-8 container">
     <div class="flex justify-center">
@@ -18,4 +17,4 @@
     <script src="/scripts/addition.js"></script>
   </div>
 </main>
-<?php require('partials/footer.php') ?>
\ No newline at end of file
+<?php require('partials/footer.php') ?>
diff --git a/views/index.view.php b/views/index.view.php
index a56571d..c200d43 100644
--- a/views/index.view.php
+++ b/views/index.view.php
@@ -1,16 +1,16 @@
 <?php require ('partials/head.php') ?>
 <?php require ('partials/nav.php') ?>
 <div class="isolate bg-white my-10">
-    <main>
-    <div class="relative px-6 lg:px-8 min-h-screen">
+    <main style="background-color: #3f3035;">
+    <div class="relative px-6 lg:px-8 min-h-screen" style="background-image: url(../images/HeroBanner.png); background-repeat: no-repeat; background-position: center;">
       <div class="mx-auto max-w-3xl pt-20 pb-32 sm:pt-48 sm:pb-40">
         <div>
           <div class="hidden sm:mb-8 sm:flex sm:justify-center">
             
           </div>
           <div>
-            <h1 class="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl">Automatisiere spielerisch das 1x1</h1>
-            <p class="mt-6 text-lg leading-8 text-gray-600 sm:text-center">Zeige was du kannst und kämpfe dich durch denn Dungeon.</p>
+            <h1 class="text-4xl font-bold tracking-tight sm:text-center sm:text-6xl" style="color: #e6e6e7;">Automatisiere spielerisch das 1x1</h1>
+            <p class="mt-6 text-lg leading-8 text-gray-600 sm:text-center" style="color: whitesmoke;">Zeige was du kannst und kämpfe dich durch denn Dungeon.</p>
             <div class="mt-8 flex gap-x-4 sm:justify-center">
               <a href="/login" class="<?= urlIs("/login") ?> nes-btn is-primary">
                 Los geht's
@@ -33,7 +33,7 @@
         </div>
       </div>
 </div>
-<div class="bg-indigo-500 h-48">
+<div class="h-48" style="background-color: #3f3035;">
   
 </div>
 <div class="bg-white py-24 sm:py-32 lg:py-40">
@@ -101,7 +101,7 @@
     </div>
   </div>
 </div>
-<div class="bg-indigo-500 h-48">
+<div class="h-48" style="background-color: #3f3035;">
 </div>
 <div class="bg-gray-50">
   <div class="mx-auto max-w-7xl py-12 px-6 lg:flex lg:items-center lg:justify-between lg:py-16 lg:px-8">
diff --git a/views/partials/head.php b/views/partials/head.php
index a6e014d..5473262 100644
--- a/views/partials/head.php
+++ b/views/partials/head.php
@@ -11,5 +11,4 @@
  @import url('https://fonts.googleapis.com/css2?family=Press+Start+2P');
 </style>
 </head>
-<body class="h-full">
-<div class="min-h-full">
+
diff --git a/views/partials/nav.php b/views/partials/nav.php
index d7e3042..5504f9e 100644
--- a/views/partials/nav.php
+++ b/views/partials/nav.php
@@ -1,6 +1,8 @@
-  <div class="px-6 pt-6 lg:px-8 mb-5">
+<body class="h-full">
+<div class="min-h-full" style="background-color: #3f3035;">
+<div class="px-6 pt-6 lg:px-8 mb-5" >
     <div>
-      <nav  class="flex h-9 items-center justify-between" aria-label="Global">
+      <nav  class="flex h-9 items-center justify-between" aria-label="Global" style="background-color: #3f3035;">
         <div class="flex lg:min-w-0 lg:flex-1" aria-label="Global">
           <a href="/" class="<?= urlIs("/") ?> -m-1.5 p-1.5">
             <span class="sr-only">Your Company</span>
