diff --git a/_scss/helpers/utilities.scss b/_scss/helpers/utilities.scss
index 83c2753..49a4a16 100644
--- a/_scss/helpers/utilities.scss
+++ b/_scss/helpers/utilities.scss
@@ -84,7 +84,7 @@ body {
       margin: auto;
       .button-main-text {
         font-size: 16px;
-        font-weight: 500;
+        font-weight: 600;
       }
       .button-sub-text {
         font-size: 11px;
diff --git a/_scss/pages/home.scss b/_scss/pages/home.scss
index cc64854..2784d3e 100644
--- a/_scss/pages/home.scss
+++ b/_scss/pages/home.scss
@@ -172,6 +172,7 @@ a:active {
     text-align: center;
   }
   p.subtitle {
+    color: #9B9A98;
     font-size: 16px;
     font-weight: 400;
     margin: 0 auto 10px auto;
@@ -197,6 +198,28 @@ a:active {
     width: fit-content;
     margin: 30px auto;
   }
+  .btn-secondary {
+    background-color: #F4F3F2;
+    border-radius: 26px;
+    height: 52px;
+    width: fit-content;
+    padding: 0 20px;
+    font-size: 16px;
+    font-weight: 600;
+    margin: 0 auto;
+    // center text vertically
+    display: flex;
+    align-items: center;
+  }
+}
+
+// TODO: Make this push to the bottom when the page isn't as tall as the viewport.
+.push-footer {
+  font-size: 12px;
+  text-align: center;
+  margin: 20px 0;
+  padding: 0 10px;
+  width: 100%;
 }
 
 // ----------------------------------
diff --git a/apps/assets/index.xml b/app_viewer/assets/index.xml
similarity index 100%
rename from apps/assets/index.xml
rename to app_viewer/assets/index.xml
diff --git a/apps/assets/users.xml b/app_viewer/assets/users.xml
similarity index 100%
rename from apps/assets/users.xml
rename to app_viewer/assets/users.xml
diff --git a/apps/css/chunk-vendors.5d3035bc.css b/app_viewer/css/chunk-vendors.5d3035bc.css
similarity index 100%
rename from apps/css/chunk-vendors.5d3035bc.css
rename to app_viewer/css/chunk-vendors.5d3035bc.css
diff --git a/apps/favicon.ico b/app_viewer/favicon.ico
similarity index 100%
rename from apps/favicon.ico
rename to app_viewer/favicon.ico
diff --git a/apps/index.html b/app_viewer/index.html
similarity index 100%
rename from apps/index.html
rename to app_viewer/index.html
diff --git a/apps/js/app.171fc637.js b/app_viewer/js/app.171fc637.js
similarity index 100%
rename from apps/js/app.171fc637.js
rename to app_viewer/js/app.171fc637.js
diff --git a/apps/js/app.171fc637.js.map b/app_viewer/js/app.171fc637.js.map
similarity index 100%
rename from apps/js/app.171fc637.js.map
rename to app_viewer/js/app.171fc637.js.map
diff --git a/apps/js/app.79f1b6ce.js b/app_viewer/js/app.79f1b6ce.js
similarity index 100%
rename from apps/js/app.79f1b6ce.js
rename to app_viewer/js/app.79f1b6ce.js
diff --git a/apps/js/app.79f1b6ce.js.map b/app_viewer/js/app.79f1b6ce.js.map
similarity index 100%
rename from apps/js/app.79f1b6ce.js.map
rename to app_viewer/js/app.79f1b6ce.js.map
diff --git a/apps/js/app.bbffa73a.js b/app_viewer/js/app.bbffa73a.js
similarity index 100%
rename from apps/js/app.bbffa73a.js
rename to app_viewer/js/app.bbffa73a.js
diff --git a/apps/js/app.bbffa73a.js.map b/app_viewer/js/app.bbffa73a.js.map
similarity index 100%
rename from apps/js/app.bbffa73a.js.map
rename to app_viewer/js/app.bbffa73a.js.map
diff --git a/apps/js/chunk-vendors.c1d72ef5.js b/app_viewer/js/chunk-vendors.c1d72ef5.js
similarity index 100%
rename from apps/js/chunk-vendors.c1d72ef5.js
rename to app_viewer/js/chunk-vendors.c1d72ef5.js
diff --git a/apps/js/chunk-vendors.c1d72ef5.js.map b/app_viewer/js/chunk-vendors.c1d72ef5.js.map
similarity index 100%
rename from apps/js/chunk-vendors.c1d72ef5.js.map
rename to app_viewer/js/chunk-vendors.c1d72ef5.js.map
diff --git a/apps.html b/apps.html
new file mode 100644
index 0000000..d6b057a
--- /dev/null
+++ b/apps.html
@@ -0,0 +1,26 @@
+---
+layout: informational
+breadcrumb: "App Store"
+---
+
+<!-- Custom style= makes the image line up with the icon. -->
+<img src="{{ site.baseurl }}/assets/images/app-store-top.png" alt="App Store icon samples" class="hero" style="max-width: 473px; display: block; margin: 0 auto;">
+<img src="{{ site.baseurl }}/assets/images/butter-app-icon-large.svg" alt="Butter Tile" class="app-tile">
+
+<h1>Discover the Butter App Store</h1>
+<p class="subtitle">Featuring free, ad-free Android apps that use less internet and less battery</p>
+
+<div class="btn-container">
+    {% assign apk_url = site.baseurl | append: "/assets/download/butter.apk" %}
+    {% include fancybutton.html main_cta="Download App Store" sub_cta="Less than 10 MB" href=apk_url %}
+</div>
+
+<a class="btn-secondary" href="{{ site.base_url }}/fdroid-webdash/">View in Browser</a>
+
+<footer class="push-footer">
+    <p>
+        <a href="https://gitlab.com/guardianproject/wind-fdroidclient">
+            The Butter App Store is built on F-Droid free software
+        </a>
+    </p>
+</footer>
\ No newline at end of file
diff --git a/assets/images/app-store-top.png b/assets/images/app-store-top.png
new file mode 100644
index 0000000..236a7a2
Binary files /dev/null and b/assets/images/app-store-top.png differ
diff --git a/index.html b/index.html
index 4dcecd9..70ff86c 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@ layout: default
         {% t message_board %}
       </div>
     </a>
-    <a class="btn-modal" href="#" data-micromodal-trigger="product-modal">
+    <a href="{{ site.baseurl }}/apps">
       <div class="card">
           <img src="{{ site.baseurl }}/assets/images/appstore-icon.png" alt="App Store Icon" class="card-icon">
           {% t app_store %}