diff --git a/packages/website/public/images/hero-showcase.png b/packages/website/public/images/hero-showcase.png
new file mode 100644
index 00000000..9cb56cbd
Binary files /dev/null and b/packages/website/public/images/hero-showcase.png differ
diff --git a/packages/website/src/components/Header.astro b/packages/website/src/components/Header.astro
index 9f63ae08..af3e3f59 100644
--- a/packages/website/src/components/Header.astro
+++ b/packages/website/src/components/Header.astro
@@ -20,7 +20,7 @@ import SocialIcons from '@astrojs/starlight/components/SocialIcons.astro';
 	</div>
 	<div class="sl-hidden md:sl-flex right-group">
 		<div class="sl-flex social-icons">
-      <span class="text-sm">by Sentry</span>
+      <!-- <span class="text-sm">by Sentry</span> -->
 			<SocialIcons {...Astro.props} />
 		</div>
 	</div>
diff --git a/packages/website/src/components/Hero.astro b/packages/website/src/components/Hero.astro
index 607261f8..38cb2d1b 100644
--- a/packages/website/src/components/Hero.astro
+++ b/packages/website/src/components/Hero.astro
@@ -55,7 +55,6 @@
     font-size: 1.5rem;
     font-weight: 500;
     text-align: center;
-    margin-bottom: 3rem;
     font-weight: 200;
     opacity: 0;
     animation: fade-in 1s ease-in-out 1s forwards;
@@ -104,13 +103,22 @@
       letter-spacing: 3px;
     }
   }
+
+  .hero-image {
+    width: 100%; 
+    margin-top: 2rem; 
+    margin-bottom: 2rem; 
+    border-radius: 0.5rem;
+    opacity: 0; animation: fade-in 1s ease-in-out 1s forwards;
+  }
 </style>
 
 <div class="wrapper">
   <h1 class="neon-header">Spotlight</h1>
   <div class="sub-heading">The debug toolbar you always wanted</div>
+  <img src="/images/hero-showcase.png" alt="Spotlight Hero" class="hero-image" />
   <div class="actions">
-    <a href="/what-is-spotlight/">Get started</a>
-    <a href="/reference/configuration/">Read the docs</a>
+    <a href="/what-is-spotlight/">Read the docs</a>
   </div>
+  
 </div>
\ No newline at end of file