Hero Image

getsentry · Nov 22, 2023 · ee51173 · ee51173
1 parent e29b507
commit ee51173
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 4 deletions.
diff --git a/packages/website/public/images/hero-showcase.png b/packages/website/public/images/hero-showcase.png
diff --git 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
@@ -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>