diff --git a/Resources/landing-page/assets/img/overseer-small.jpg b/Resources/landing-page/assets/img/overseer-small.jpg
new file mode 100644
index 00000000..a0df0d5a
Binary files /dev/null and b/Resources/landing-page/assets/img/overseer-small.jpg differ
diff --git a/Resources/landing-page/assets/img/overseer.png b/Resources/landing-page/assets/img/overseer.png
new file mode 100644
index 00000000..de685d62
Binary files /dev/null and b/Resources/landing-page/assets/img/overseer.png differ
diff --git a/Resources/landing-page/assets/img/slides/11.jpg b/Resources/landing-page/assets/img/slides/11.jpg
new file mode 100644
index 00000000..6338bdbc
Binary files /dev/null and b/Resources/landing-page/assets/img/slides/11.jpg differ
diff --git a/Resources/landing-page/assets/img/slides/12.jpg b/Resources/landing-page/assets/img/slides/12.jpg
new file mode 100644
index 00000000..0a213b3a
Binary files /dev/null and b/Resources/landing-page/assets/img/slides/12.jpg differ
diff --git a/Resources/landing-page/css/custom.css b/Resources/landing-page/css/custom.css
index 75d38bc9..1a4772bd 100644
--- a/Resources/landing-page/css/custom.css
+++ b/Resources/landing-page/css/custom.css
@@ -308,4 +308,8 @@ p {
 
 #portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.dracula-hover {
     background: #282a36;
+}
+
+#portfolio [class*="container-"] .portfolio-box .portfolio-box-caption.overseer-hover {
+    background: #111827;
 }
\ No newline at end of file
diff --git a/index.html b/index.html
index e1e43d95..fb5dd10f 100644
--- a/index.html
+++ b/index.html
@@ -43,6 +43,15 @@
                             href="https://docs.theme-park.dev/discord"><i class="fab fa-discord"></i> Discord</a></li>
                     <li class="nav-item"><a class="nav-link js-scroll-trigger"
                             href="https://github.com/sponsors/GilbN"><i class="fas fa-heart"></i> Sponsor</a></li>
+                    <li style="padding: 0 1rem;">
+                        <a class="github-button" href="https://github.com/gilbn/theme.park" data-show-count="true"
+                            aria-label="Star gilbn/theme.park on GitHub">Star</a>
+                    </li>
+                    <li style="padding: 0 1rem;">
+                        <a class="github-button" href="https://github.com/gilbn/theme.park/fork"
+                            data-icon="octicon-repo-forked" data-show-count="true"
+                            aria-label="Fork gilbn/theme.park on GitHub">Fork</a>
+                    </li>
                 </ul>
             </div>
         </div>
@@ -51,7 +60,7 @@
     <!--  -->
     <header class="masthead bg" data-current="0"
         data-images="Resources/landing-page/assets/img/slides/1.jpg,Resources/landing-page/assets/img/slides/2.jpg,Resources/landing-page/assets/img/slides/3.jpg,Resources/landing-page/assets/img/slides/4.jpg,Resources/landing-page/assets/img/slides/5.jpg,Resources/landing-page/assets/img/slides/6.jpg,Resources/landing-page/assets/img/slides/7.jpg,
-        Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg"
+        Resources/landing-page/assets/img/slides/8.jpg,Resources/landing-page/assets/img/slides/9.jpg,Resources/landing-page/assets/img/slides/10.jpg,Resources/landing-page/assets/img/slides/11.jpg,Resources/landing-page/assets/img/slides/12.jpg"
         data-transitionDelay="1000" data-transitionSpeed="2000" data-transitionEffect="fade-in" data-randomize="false"
         data-initialBackground="4" data-debug="false" data-slidecontrols.enabled="false"
         data-gradient="linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%)">
@@ -85,7 +94,7 @@
                     <p class="text-white-50 mb-5">custom scripts for select <a href="https://hotio.dev/">Hotio</a>
                         containers
                         and multiple examples of subfiltering using webservers like Nginx and Apache</p>
-                    <p class="text-white-50 mb-5">Choose between <a class="js-scroll-trigger" href="#themes">7 different
+                    <p class="text-white-50 mb-5">Choose between <a class="js-scroll-trigger" href="#themes">8 different
                             styles!</a> With the possibility to easily create your own themes using the defined <a
                             href="https://docs.theme-park.dev/custom/">variables</a>. </p>
                     <a class="btn btn-primary btn-xl js-scroll-trigger" href="#services">Get Started!</a>
@@ -423,6 +432,15 @@
                         </div>
                     </a>
                 </div>
+                <div class="col-lg-4 col-sm-6 p-1">
+                    <a class="portfolio-box" href="Resources/landing-page/assets/img/overseer.png">
+                        <img class="img-fluid" src="Resources/landing-page/assets/img/overseer-small.jpg" alt="..." />
+                        <div class="portfolio-box-caption p-3 overseer-hover">
+                            <div class="project-category text-white-50">Theme</div>
+                            <div class="project-name">Overseer</div>
+                        </div>
+                    </a>
+                </div>
                 <div class="col-lg-4 col-sm-6 p-1">
                     <a class="portfolio-box" href="Resources/landing-page/assets/img/aquamarine.png">
                         <img class="img-fluid" src="Resources/landing-page/assets/img/aquamarine-small.jpg" alt="..." />
@@ -509,6 +527,7 @@
             $(".bg").bgSlideShow();
         });
     </script>
+    <script async defer src="https://buttons.github.io/buttons.js"></script>
 </body>
 
 </html>
\ No newline at end of file