diff --git a/src/assets/GameAssets/Skull.png b/src/assets/GameAssets/Skull.png
new file mode 100644
index 0000000..080f3fb
Binary files /dev/null and b/src/assets/GameAssets/Skull.png differ
diff --git a/src/assets/GameAssets/bchicken.png b/src/assets/GameAssets/bchicken.png
new file mode 100644
index 0000000..248b119
Binary files /dev/null and b/src/assets/GameAssets/bchicken.png differ
diff --git a/src/assets/GameAssets/bot.png b/src/assets/GameAssets/bot.png
new file mode 100644
index 0000000..7c8bcf7
Binary files /dev/null and b/src/assets/GameAssets/bot.png differ
diff --git a/src/assets/GameAssets/coins.png b/src/assets/GameAssets/coins.png
new file mode 100644
index 0000000..08cb657
Binary files /dev/null and b/src/assets/GameAssets/coins.png differ
diff --git a/src/assets/GameAssets/contact.png b/src/assets/GameAssets/contact.png
new file mode 100644
index 0000000..3567b4d
Binary files /dev/null and b/src/assets/GameAssets/contact.png differ
diff --git a/src/assets/GameAssets/cow.png b/src/assets/GameAssets/cow.png
new file mode 100644
index 0000000..a0876b6
Binary files /dev/null and b/src/assets/GameAssets/cow.png differ
diff --git a/src/assets/GameAssets/faladorshield.png b/src/assets/GameAssets/faladorshield.png
new file mode 100644
index 0000000..626da51
Binary files /dev/null and b/src/assets/GameAssets/faladorshield.png differ
diff --git a/src/assets/GameAssets/newspaper.png b/src/assets/GameAssets/newspaper.png
new file mode 100644
index 0000000..2a9e3a4
Binary files /dev/null and b/src/assets/GameAssets/newspaper.png differ
diff --git a/src/assets/GameAssets/pig.png b/src/assets/GameAssets/pig.png
new file mode 100644
index 0000000..dcd7215
Binary files /dev/null and b/src/assets/GameAssets/pig.png differ
diff --git a/src/assets/GameAssets/questionmarkcake.png b/src/assets/GameAssets/questionmarkcake.png
new file mode 100644
index 0000000..a8283d7
Binary files /dev/null and b/src/assets/GameAssets/questionmarkcake.png differ
diff --git a/src/assets/GameAssets/runefullhelm.png b/src/assets/GameAssets/runefullhelm.png
new file mode 100644
index 0000000..ce66ed7
Binary files /dev/null and b/src/assets/GameAssets/runefullhelm.png differ
diff --git a/src/assets/GameAssets/strangemachine.png b/src/assets/GameAssets/strangemachine.png
new file mode 100644
index 0000000..77468c7
Binary files /dev/null and b/src/assets/GameAssets/strangemachine.png differ
diff --git a/src/assets/GameAssets/tchicken.png b/src/assets/GameAssets/tchicken.png
new file mode 100644
index 0000000..d881001
Binary files /dev/null and b/src/assets/GameAssets/tchicken.png differ
diff --git a/src/assets/GameAssets/wchicken.png b/src/assets/GameAssets/wchicken.png
new file mode 100644
index 0000000..d1a76f6
Binary files /dev/null and b/src/assets/GameAssets/wchicken.png differ
diff --git a/src/assets/bottom.gif b/src/assets/bottom.gif
new file mode 100644
index 0000000..5b413d9
Binary files /dev/null and b/src/assets/bottom.gif differ
diff --git a/src/assets/top.gif b/src/assets/top.gif
new file mode 100644
index 0000000..689db4b
Binary files /dev/null and b/src/assets/top.gif differ
diff --git a/src/components/AccountInformation.vue b/src/components/AccountInformation.vue
index a1fff64..9bc3dfc 100644
--- a/src/components/AccountInformation.vue
+++ b/src/components/AccountInformation.vue
@@ -1,8 +1,13 @@
 <template>
     <v-container>
         <div class='background'>
+            <div class='topbanner'>
+                <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+            </div>
         <div class="main">
-            <h1 style='text-align: center;'>TBD: OSRS Account Search</h1>
+            <div class='headerimage'>
+                <h1><img class='headerimage1' contain width='35px' src='../assets/GameAssets/runefullhelm.png'>OSRS Account Search<img class='headerimage2' contain width='35px' src='../assets/GameAssets/runefullhelm.png'></h1>
+            </div>
             <p class = 'description'>
                 If you would like to learn more about an Old School Runescape account, type in the name below. We cannot provide information with 24 hours of a sighting of a player, therefore we cannot provide latest locations and latest gear information for an account.
             </p>
@@ -30,6 +35,9 @@
             </div>
             
         </div>
+        <div class='bottombanner'>
+            <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
+        </div>
         </div>
     </v-container>
 </template>
@@ -85,6 +93,44 @@
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+}
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  transform: scaleX(-1);
+  top: 5px;
+}
+
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -118,13 +164,14 @@ p.field {
 }
 
 div.main {
-  width:60%;
-  padding-bottom: 700px;
-  margin-right: auto;
-  margin-bottom: 2%;
-  margin-left: auto;
-  color: #1F1B12;
-  background-color: #B9A170;
+    margin-top: -1%;
+    margin-bottom: -1%;
+    width:60%;
+    padding-bottom: 300px;
+    margin-right: auto;
+    margin-left: auto;
+    color: #1F1B12;
+    background-color: #B9A170;
 }
 
 hr.break {
diff --git a/src/components/BannedAccounts.vue b/src/components/BannedAccounts.vue
index b238ea6..0168ed3 100644
--- a/src/components/BannedAccounts.vue
+++ b/src/components/BannedAccounts.vue
@@ -1,9 +1,14 @@
 <template>
     <v-container>
         <div class='background'>
+            <div class='topbanner'>
+                <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+            </div>
         <div class='main'>
             <div>
-                <h1>TBD: Banned Accounts</h1>
+              <div class='headerimage'>
+                <h1><img class='headerimage1' contain width='35px' src='../assets/GameAssets/Skull.png'>Banned Accounts<img class='headerimage2' contain width='35px' src='../assets/GameAssets/Skull.png'></h1>
+              </div>
                 <p class = 'description'>
                     Uh oh, you caught us! We'll be building this page soon enough. Check back later!
                 </p>
@@ -15,6 +20,9 @@
                 <p>bans go here</p>
             </div>
         </div>
+        <div class='bottombanner'>
+            <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
+        </div>
         </div>
     </v-container>
 </template>
@@ -22,6 +30,44 @@
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+  transform: scaleX(-1);
+}
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  top: 5px;
+}
+
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -31,13 +77,15 @@ div.background {
 
 
 div.main {
-  width: 60%;
-  text-align: center;
-  padding-bottom: 500px;
-  margin-right: auto;
-  margin-left: auto;
-  color: #1F1B12;
-  background-color: #B9A170;
+    margin-top: -1%;
+    margin-bottom: -1%;
+    width: 60%;
+    text-align: center;
+    padding-bottom: 500px;
+    margin-right: auto;
+    margin-left: auto;
+    color: #1F1B12;
+    background-color: #B9A170;
 }
 
 hr.break {
diff --git a/src/components/ContactUs.vue b/src/components/ContactUs.vue
index 3e9cd68..874335c 100644
--- a/src/components/ContactUs.vue
+++ b/src/components/ContactUs.vue
@@ -1,9 +1,15 @@
 <template>
     <v-container>
       <div class='background'>
+        <div class='topbanner'>
+            <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+        </div>
         <div class="main">
 
-            <h1>Contact Us</h1>
+            <div class='headerimage'>
+                <h1><img class='headerimage1' contain width='35px' src='../assets/GameAssets/contact.png'>Contact Us<img class='headerimage2' contain width='35px' src='../assets/GameAssets/contact.png'></h1>
+            </div>
+
             <p class = 'description'>
                 If you're looking to get in touch with us, feel free to message any of the following links at your convenience. They are monitored on a weekly basis, and we will try to respond as quickly as we can!
             </p>
@@ -19,12 +25,54 @@
             </p>
 
           </div>
+            <div class='bottombanner'>
+              <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
+            </div>
         </div>
     </v-container>
 </template>
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+}
+
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  transform: scaleX(-1);
+  top: 5px;
+}
+
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -33,11 +81,12 @@ div.background {
 }
 
 div.main {
+  margin-top: -1%;
+  margin-bottom: -1%;
   width: 60%;
   text-align: center;
-  padding-bottom: 700px;
+  padding-bottom: 300px;
   margin-right: auto;
-  margin-bottom: 2%;
   margin-left: auto;
   color: #1F1B12;
   background-color: #B9A170;
diff --git a/src/components/Contributors.vue b/src/components/Contributors.vue
index b20b7f0..4d3f101 100644
--- a/src/components/Contributors.vue
+++ b/src/components/Contributors.vue
@@ -1,9 +1,13 @@
 <template>
     <v-container>
       <div class='background'>
+          <div class='topbanner'>
+            <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+          </div>
         <div class="main">
-
-            <h1>Contributors and Supporters of the Bot Detector Plugin</h1>
+            <div class='headerimage'>
+                <h1><img class='headerimage1' contain width='35px' src='../assets/GameAssets/coins.png'>Contributors and Supporters of the Bot Detector Plugin<img class='headerimage2' contain width='35px' src='../assets/GameAssets/coins.png'></h1>
+            </div>
             <p class = 'description'>The Bot Detector Plugin is an open-source plugin with many highly-dedicated supporters and contributors. Some notable figures of the plugin and its development are noted here, and are added on a manual basis.
                 If you believe that your name is missing, and would like for it to be added - please contact Ferrariic. Thank you to everyone that has supported the production of this plugin, and to everyone that has allowed for it to come to fruition.
             </p>
@@ -72,12 +76,53 @@
                 </div>
               </div>
             </div>
+              <div class='bottombanner'>
+                <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
+              </div>
             </div>
     </v-container>
 </template>
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+  transform: scaleX(-1);
+}
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  top: 5px;
+}
+
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -86,10 +131,11 @@ div.background {
 }
 
 div.main {
+  margin-top: -1%;
+  margin-bottom: -1%;
   width:60%;
   text-align: center;
   margin-right: auto;
-  margin-bottom: 2%;
   margin-left: auto;
   color: #1F1B12;
   background-color: #B9A170;
diff --git a/src/components/FAQ.vue b/src/components/FAQ.vue
index 06cf433..68e98d8 100644
--- a/src/components/FAQ.vue
+++ b/src/components/FAQ.vue
@@ -1,9 +1,14 @@
 <template>
     <v-container>
         <div class='background'>
+            <div class='topbanner'>
+                <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+            </div>
         <div class='main'>
             <div>
-                <h1>Frequently Asked Questions</h1>
+                <div class='headerimage'>
+                    <h1><img class='headerimage1' contain width='35px' src='../assets/GameAssets/questionmarkcake.png'>Frequently Asked Questions<img class='headerimage2' contain width='35px' src='../assets/GameAssets/questionmarkcake.png'></h1>
+                </div>
                 <p class = 'description'>
                     Have a question about the plugin? We've answered most of them here! If your question still has not been answered - feel free to message us on <a href='https://discord.com/invite/botdetector'><span class='link'>discord</span></a>! 
                 </p>
@@ -276,6 +281,9 @@
                 </div>
             </div>
         </div>
+        <div class='bottombanner'>
+            <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
+        </div>
         </div>
     </v-container>
 </template>
@@ -283,6 +291,44 @@
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+  transform: scaleX(-1);
+}
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  top: 5px;
+}
+
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -291,13 +337,15 @@ div.background {
 }
 
 div.main {
-  width: 60%;
-  text-align: center;
-  padding-bottom: 100px;
-  margin-right: auto;
-  margin-left: auto;
-  color: #1F1B12;
-  background-color: #B9A170;
+    margin-top: -1%;
+    margin-bottom: -1%;
+    width: 60%;
+    text-align: center;
+    padding-bottom: 100px;
+    margin-right: auto;
+    margin-left: auto;
+    color: #1F1B12;
+    background-color: #B9A170;
 }
 
 div.content {
diff --git a/src/components/Home.vue b/src/components/Home.vue
index 144667b..c6111d0 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -5,49 +5,61 @@
       </head>
 
       <div class='background'>
-        <div class='main'>
 
-        <header style="text-align: center; font-family:tahoma,geneva,sans-serif;">
-          <h1>Bot Detector</h1>
-          <h2>An Open-Source Machine Learning Plugin</h2>
-        </header>
-
-        <hr class='break'>
-
-        <p class='description'>
-          The Bot Detector Plugin is an open-source community-run machine learning plugin made for <a href="https://www.oldschool.runescape.com/"><span class='link'>Old School RuneScape</span></a> using the popular third-party client <a href="https://runelite.net/"><span class='link'>RuneLite</span></a>.
-          We aim to use this plugin and the corresponding machine learning algorithims to seperate players from bots, from a bird's eye view - and send likely bot accounts to Jagex's anti-cheating team for swift removal.
-          Since our start on February 28, 2021 - we have analyzed <span class='integer'>{{totalAccounts.toLocaleString()}}</span> accounts and have logged over <span class='integer'>{{totalBans.toLocaleString()}}</span> account bans.
-          If you wish to join us on <a href='https://discord.gg/YvVmjyNu'><span class='link'>discord</span></a> or <a href='https://twitter.com/OSRSBotDetector'><span class='link'>twitter</span></a>, support us on <a href='https://www.patreon.com/bot_detector'><span class='link'>patreon</span></a> or check out our <a href='https://github.com/Bot-detector/'><span class='link'>github</span></a> and join the team,
-          click any of the previous links, or the site header.
-        </p>
-
-        <hr class='break'>
-
-        <div class='servicedescription'>
-          <router-link to="/account-information"><h2><span class='servicelink'>OSRS Account Search</span></h2></router-link>
-          <p class='servicedescription'>
-            Check over <span class='integer'>{{totalAccounts.toLocaleString()}}</span> accounts' ban status, bot prediction likelihood, latest hiscore entry, xp-gains, and more!  
+          <div class='topbanner'>
+            <img class='topbanner' contain width='65%' src='../assets/top.gif'>
+          </div>
+
+          <div class='main'>
+            
+          <header style="text-align: center; font-family:tahoma,geneva,sans-serif;">
+              <div class='headerimage'>
+                <h1><img class='headerimage1' contain width='40px' src='../assets/GameAssets/bot.png'>Bot Detector<img class='headerimage2' contain width='40px' src='../assets/GameAssets/bot.png'></h1>
+              </div>
+            <h2>An Open-Source Machine Learning Plugin</h2>
+          </header>
+
+          <hr class='break'>
+
+          <p class='description'>
+            The Bot Detector Plugin is an open-source community-run machine learning plugin made for <a href="https://www.oldschool.runescape.com/"><span class='link'>Old School RuneScape</span></a> using the popular third-party client <a href="https://runelite.net/"><span class='link'>RuneLite</span></a>.
+            We aim to use this plugin and the corresponding machine learning algorithims to seperate players from bots, from a bird's eye view - and send likely bot accounts to Jagex's anti-cheating team for swift removal.
+            Since our start on February 28, 2021 - we have analyzed <span class='integer'>{{totalAccounts.toLocaleString()}}</span> accounts and have logged over <span class='integer'>{{totalBans.toLocaleString()}}</span> account bans.
+            If you wish to join us on <a href='https://discord.gg/YvVmjyNu'><span class='link'>discord</span></a> or <a href='https://twitter.com/OSRSBotDetector'><span class='link'>twitter</span></a>, support us on <a href='https://www.patreon.com/bot_detector'><span class='link'>patreon</span></a> or check out our <a href='https://github.com/Bot-detector/'><span class='link'>github</span></a> and join the team,
+            click any of the previous links, or the site header.
           </p>
-        </div>
 
-        <div class='servicedescription'>
-          <router-link to="/banned-accounts"><h2><span class='servicelink'>Banned Accounts</span></h2></router-link>
-          <p class='servicedescription'>
-            Scroll through over <span class='integer'>{{totalBans.toLocaleString()}}</span> account bans here!
-          </p>
+          <hr class='break'>
+
+          <div class='servicedescription'>
+            <router-link to="/account-information"><h2><span class='servicelink'>OSRS Account Search</span></h2></router-link>
+            <p class='servicedescription'>
+              Check over <span class='integer'>{{totalAccounts.toLocaleString()}}</span> accounts' ban status, bot prediction likelihood, latest hiscore entry, xp-gains, and more!  
+            </p>
+          </div>
+
+          <div class='servicedescription'>
+            <router-link to="/banned-accounts"><h2><span class='servicelink'>Banned Accounts</span></h2></router-link>
+            <p class='servicedescription'>
+              Scroll through over <span class='integer'>{{totalBans.toLocaleString()}}</span> account bans here!
+            </p>
+          </div>
+
+          <hr class='break'>
+
+          <div class='servicedescription'>
+                <h2><span class='servicelink'>Bot Detector Plugin News & Updates</span></h2>
+            <p class='servicedescription'>
+              Insert news here :)
+            </p>
+          </div>
         </div>
 
-        <hr class='break'>
-
-        <div class='servicedescription'>
-              <h2><span class='servicelink'>Bot Detector Plugin News & Updates</span></h2>
-          <p class='servicedescription'>
-            Insert news here :)
-          </p>
+        <div class='bottombanner'>
+          <img class='bottombanner' contain width='65%' src='../assets/bottom.gif'>
         </div>
+
       </div>
-    </div>
   </v-container>
 </template>
 
@@ -88,6 +100,24 @@
 
 <style scoped>
 
+div.headerimage {
+  position: relative;
+  text-align: center;
+  padding-top: 10px;
+}
+
+img.headerimage1 {
+  position: relative;
+  right: 10px;
+  top: 5px;
+  transform: scaleX(-1);
+}
+img.headerimage2 {
+  position: relative;
+  left: 10px;
+  top: 5px;
+}
+
 div.background {
     background-image: url('../assets/background.jpg');
     background-position: center;
@@ -95,7 +125,30 @@ div.background {
     background-size: 75%;
 }
 
+img.topbanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.topbanner {
+  position: relative;
+  text-align: center;
+}
+
+img.bottombanner {
+  position: relative;
+  z-index: 2;
+}
+
+div.bottombanner {
+  position: relative;
+  text-align: center;
+}
+
 div.main {
+  margin-top: -1%;
+  margin-bottom: -1%;
+  position: relative;
   width: 60%;
   text-align: center;
   padding-bottom: 500px;