From ea88d0449866a13993cc1675bd47c23319e786bc Mon Sep 17 00:00:00 2001
From: Oren Geva <oren_geva@intuit.com>
Date: Thu, 2 Apr 2026 11:54:26 +0300
Subject: [PATCH] Remove badge/shadow from hero header, move store badges below
 hero in content

---
 docs/_layouts/home.html         |  9 +--------
 docs/assets/css/home-custom.css | 25 +------------------------
 docs/index.md                   | 10 ++++++++++
 3 files changed, 12 insertions(+), 32 deletions(-)

diff --git a/docs/_layouts/home.html b/docs/_layouts/home.html
index 185c180..259462e 100644
--- a/docs/_layouts/home.html
+++ b/docs/_layouts/home.html
@@ -24,14 +24,7 @@ <h1 class="project-name">{{ page.title | default: site.title | default: site.git
           alt="VatView — Live VATSIM tracking app"
           class="hero-image"
         >
-        <div class="store-badges">
-          <a href="https://apps.apple.com/us/app/vatview/id1562497035">
-            <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" width="180">
-          </a>
-          <a href="https://play.google.com/store/apps/details?id=com.gevahim.vatview">
-            <img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" width="210">
-          </a>
-        </div>
+
       </div>
     </header>
 
diff --git a/docs/assets/css/home-custom.css b/docs/assets/css/home-custom.css
index a5e8b9c..7c2472b 100644
--- a/docs/assets/css/home-custom.css
+++ b/docs/assets/css/home-custom.css
@@ -48,29 +48,6 @@
 .hero-image {
   max-width: 820px;
   width: 100%;
-  border-radius: 10px;
-  box-shadow: 0 8px 40px rgba(0, 0, 0, 0.5);
   display: block;
-  margin: 0 auto 1.8rem;
-}
-
-/* Store badge row */
-.store-badges {
-  display: flex;
-  gap: 1rem;
-  justify-content: center;
-  flex-wrap: wrap;
-}
-
-.store-badges a {
-  display: inline-block;
-  background: rgba(0, 0, 0, 0.55);
-  border: 1px solid rgba(255, 255, 255, 0.25);
-  border-radius: 8px;
-  padding: 2px 4px;
-  transition: background 0.2s;
-}
-
-.store-badges a:hover {
-  background: rgba(0, 0, 0, 0.75);
+  margin: 0 auto;
 }
diff --git a/docs/index.md b/docs/index.md
index ac47daf..af34e13 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -7,6 +7,16 @@ title: VatView — Live VATSIM Tracker
 
 VatView is a free mobile app for iOS and Android that shows you live [VATSIM](https://vatsim.net) traffic on an interactive map — pilots, ATC controllers, airports, events, and more.
 
+<div align="center">
+  <a href="https://apps.apple.com/us/app/vatview/id1562497035">
+    <img src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg" alt="Download on the App Store" width="200">
+  </a>
+  <br>
+  <a href="https://play.google.com/store/apps/details?id=com.gevahim.vatview">
+    <img alt="Get it on Google Play" src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png" width="230">
+  </a>
+</div>
+
 ---
 
 ## Features