diff --git a/.github/workflows/update-pages.yml b/.github/workflows/update-pages.yml
index 5db0f94da68..3c3219b30b7 100644
--- a/.github/workflows/update-pages.yml
+++ b/.github/workflows/update-pages.yml
@@ -3,10 +3,15 @@ name: Build GH-Pages
 
 on:
   pull_request:
-    branches: [master]
-    types: [opened, synchronize, reopened]
+    branches:
+      - master
+    types:
+      - opened
+      - synchronize
+      - reopened
   push:
-    branches: [master]
+    branches:
+      - master
   workflow_dispatch:
 
 concurrency:
@@ -14,49 +19,29 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  update_pages:
+  prep:
     runs-on: ubuntu-latest
-
     steps:
       - name: Checkout
         uses: actions/checkout@v4
 
-      - name: Checkout gh-pages
-        uses: actions/checkout@v4
-        with:
-          ref: gh-pages
-          path: gh-pages
-          persist-credentials: false  # otherwise, the token used is the GITHUB_TOKEN, instead of the personal token
-          fetch-depth: 0  # otherwise, will fail to push refs to dest repo
-
-      - name: Prepare gh-pages
-        run: |
-          # empty contents
-          rm -f -r ./gh-pages/*
-
-          # copy template back to pages
-          cp -f -r ./gh-pages-template/. ./gh-pages/
-
-      - name: Upload Artifacts
-        if: ${{ github.event_name == 'pull_request' || github.event_name == 'workflow_dispatch' }}
+      - name: Upload artifact
         uses: actions/upload-artifact@v4
         with:
-          name: gh-pages
-          if-no-files-found: error  # 'warn' or 'ignore' are also available, defaults to `warn`
-          path: |
-            ${{ github.workspace }}/gh-pages
-            !**/*.git
-
-      - name: Deploy to gh-pages
-        if: >-
-          (github.event_name == 'push' && github.ref == 'refs/heads/master') ||
-          (github.event_name == 'workflow_dispatch')
-        uses: actions-js/push@v1.5
-        with:
-          github_token: ${{ secrets.GH_BOT_TOKEN }}
-          author_email: ${{ secrets.GH_BOT_EMAIL }}
-          author_name: ${{ secrets.GH_BOT_NAME }}
-          directory: gh-pages
-          branch: gh-pages
-          force: false
-          message: sync gh-pages to ${{ github.sha }}
+          name: prep
+          path: gh-pages-template/
+          if-no-files-found: error
+          include-hidden-files: true
+          retention-days: 1
+
+  call-jekyll-build:
+    needs: prep
+    uses: LizardByte/LizardByte.github.io/.github/workflows/jekyll-build.yml@master
+    with:
+      site_artifact: 'prep'
+      target_branch: 'gh-pages'
+      clean_gh_pages: true
+    secrets:
+      GH_BOT_EMAIL: ${{ secrets.GH_BOT_EMAIL }}
+      GH_BOT_NAME: ${{ secrets.GH_BOT_NAME }}
+      GH_BOT_TOKEN: ${{ secrets.GH_BOT_TOKEN }}
diff --git a/gh-pages-template/_config.yml b/gh-pages-template/_config.yml
new file mode 100644
index 00000000000..17e327744f5
--- /dev/null
+++ b/gh-pages-template/_config.yml
@@ -0,0 +1,4 @@
+---
+# See https://github.com/daattali/beautiful-jekyll/blob/master/_config.yml for documented options
+
+avatar: "/Sunshine/assets/img/navbar-avatar.png"
diff --git a/gh-pages-template/assets/images/AdobeStock_231616343.jpeg b/gh-pages-template/assets/img/banners/AdobeStock_231616343.jpeg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_231616343.jpeg
rename to gh-pages-template/assets/img/banners/AdobeStock_231616343.jpeg
diff --git a/gh-pages-template/assets/images/AdobeStock_231616343_1920x1280.jpg b/gh-pages-template/assets/img/banners/AdobeStock_231616343_1920x1280.jpg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_231616343_1920x1280.jpg
rename to gh-pages-template/assets/img/banners/AdobeStock_231616343_1920x1280.jpg
diff --git a/gh-pages-template/assets/images/AdobeStock_303330124.jpeg b/gh-pages-template/assets/img/banners/AdobeStock_303330124.jpeg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_303330124.jpeg
rename to gh-pages-template/assets/img/banners/AdobeStock_303330124.jpeg
diff --git a/gh-pages-template/assets/images/AdobeStock_303330124_1920x1280.jpg b/gh-pages-template/assets/img/banners/AdobeStock_303330124_1920x1280.jpg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_303330124_1920x1280.jpg
rename to gh-pages-template/assets/img/banners/AdobeStock_303330124_1920x1280.jpg
diff --git a/gh-pages-template/assets/images/AdobeStock_305732536.jpeg b/gh-pages-template/assets/img/banners/AdobeStock_305732536.jpeg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_305732536.jpeg
rename to gh-pages-template/assets/img/banners/AdobeStock_305732536.jpeg
diff --git a/gh-pages-template/assets/images/AdobeStock_305732536_1920x1280.jpg b/gh-pages-template/assets/img/banners/AdobeStock_305732536_1920x1280.jpg
similarity index 100%
rename from gh-pages-template/assets/images/AdobeStock_305732536_1920x1280.jpg
rename to gh-pages-template/assets/img/banners/AdobeStock_305732536_1920x1280.jpg
diff --git a/gh-pages-template/assets/img/navbar-avatar.png b/gh-pages-template/assets/img/navbar-avatar.png
new file mode 100644
index 00000000000..785bc479b96
Binary files /dev/null and b/gh-pages-template/assets/img/navbar-avatar.png differ
diff --git a/gh-pages-template/index.html b/gh-pages-template/index.html
index 8e3ee38422b..5d6ebd32471 100644
--- a/gh-pages-template/index.html
+++ b/gh-pages-template/index.html
@@ -1,809 +1,614 @@
-<!DOCTYPE html>
-<html lang="en">
-    <head>
-        <title>LizardByte - Sunshine</title>
-        <meta charset="utf-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
-        <meta name="description" content="Self-hosted game stream host for Moonlight." />
-        <meta name="author" content="" />
-
-        <!-- Open Graph/Twitter metadata -->
-        <meta property="og:site_name" content="LizardByte" />
-        <meta property="og:title" content="LizardByte | Sunshine" />
-        <meta property="og:type" content="website" />
-        <meta property="og:image" content="https://app.lizardbyte.dev/dashboard/github/openGraphImages/Sunshine_624x312.png" />
-        <meta property="og:url" content="https://app.lizardbyte.dev/Sunshine" />
-        <meta property="og:description" content="Self-hosted game stream host for Moonlight." />
-        <meta property="og:locale" content="en-US" />
-        <meta property="twitter:card" content="summary_large_image" />
-        <meta property="og:twitter_site" content="@lizardbytedev" />
-        <meta property="og:twitter_site:id" content="@lizardbytedev" />
-        <meta property="og:twitter_creator" content="@lizardbytedev" />
-        <meta property="og:twitter_creator:id" content="@lizardbytedev" />
-        <meta property="twitter:image" content="https://app.lizardbyte.dev/dashboard/github/openGraphImages/Sunshine_624x312.png" />
-
-        <!-- Favicon-->
-        <link rel="icon" type="image/x-icon" href="https://app.lizardbyte.dev/assets/images/favicon.ico" />
-        <!-- FontAwesome-->
-        <link href="https://app.lizardbyte.dev/node_modules/@fortawesome/fontawesome-free/css/all.min.css" rel="stylesheet" />
-        <!-- Bootstrap theme-->
-        <link href="https://app.lizardbyte.dev/node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
-        <!-- Custom css-->
-        <link href="https://app.lizardbyte.dev/css/custom.css" rel="stylesheet" />
-
-        <script src="https://app.lizardbyte.dev/node_modules/jquery/dist/jquery.min.js"></script>
-        <script src="https://app.lizardbyte.dev/node_modules/@popperjs/core/dist/umd/popper.min.js"></script>
-
-        <!-- Crowdin widget -->
-        <script src="https://app.lizardbyte.dev/js/crowdin.js"></script>
-        <script src="https://app.lizardbyte.dev/js/crowdin_web_widget.js"></script>
-    </head>
-    <body class="d-flex flex-column h-100 bg-dark-gray">
-        <main class="flex-shrink-0 overflow-hidden">
-            <!-- Navigation-->
-            <nav id="nav-container"></nav>
-
-            <!-- Header-->
-            <header class="bg-dark py-0">
-                <section class="offset-anchor" id="Top">
-                    <div id="carousel1" class="carousel slide carousel-fade" data-bs-ride="carousel"
-                         style="height:50vh">
-                      <!--Indicators-->
-                      <div class="carousel-indicators">
-                        <button type="button" data-bs-target="#carousel1" data-bs-slide-to="0" class="active"
-                                aria-current="true" aria-label="Slide 1"></button>
-                        <button type="button" data-bs-target="#carousel1" data-bs-slide-to="1"
-                                aria-label="Slide 2"></button>
-                        <button type="button" data-bs-target="#carousel1" data-bs-slide-to="2"
-                                aria-label="Slide 3"></button>
-                      </div>
-                      <!--/.Indicators-->
-                      <!--Slides-->
-                      <div class="carousel-inner" role="listbox">
-
-                        <div class="carousel-item active">
-                          <div class="view">
-                            <img  src="assets/images/AdobeStock_305732536_1920x1280.jpg" alt="">
-                            <div class="mask rgba-black-light"></div>
-                          </div>
-<!--                              <div class="carousel-caption">-->
-<!--                                <h3 class="h3-responsive">1</h3>-->
-<!--                                <p>First text</p>-->
-<!--                              </div>-->
-                        </div>
-                        <div class="carousel-item">
-                          <!--Mask color-->
-                          <div class="view">
-                            <img  src="assets/images/AdobeStock_231616343_1920x1280.jpg" alt="">
-                            <div class="mask rgba-black-strong"></div>
-                          </div>
-<!--                              <div class="carousel-caption">-->
-<!--                                <h3 class="h3-responsive">2</h3>-->
-<!--                                <p>Secondary text</p>-->
-<!--                              </div>-->
-                        </div>
-                        <div class="carousel-item">
-                          <!--Mask color-->
-                          <div class="view">
-                            <img  src="assets/images/AdobeStock_303330124_1920x1280.jpg" alt="">
-                            <div class="mask rgba-black-slight"></div>
-                          </div>
-<!--                              <div class="carousel-caption">-->
-<!--                                <h3 class="h3-responsive">3</h3>-->
-<!--                                <p>Third text</p>-->
-<!--                              </div>-->
+---
+title: Sunshine
+subtitle: A LizardByte project
+layout: page
+full-width: true
+after-content:
+- donate.html
+- support.html
+cover-img:
+- /Sunshine/assets/img/banners/AdobeStock_305732536_1920x1280.jpg
+- /Sunshine/assets/img/banners/AdobeStock_231616343_1920x1280.jpg
+- /Sunshine/assets/img/banners/AdobeStock_303330124_1920x1280.jpg
+ext-js:
+- https://cdn.jsdelivr.net/npm/jquery@3.7.1/dist/jquery.min.js
+---
+
+<!-- About section-->
+<section class="py-5" id="About">
+    <div class="container px-auto">
+        <p class="lead text-center text-white mx-auto mt-0 mb-5">
+            Sunshine is a self-hosted game stream host for Moonlight. Offering low latency, cloud gaming
+            server capabilities with support for AMD, Intel, and Nvidia GPUs for hardware encoding. Software
+            encoding is also available. You can connect to Sunshine from any Moonlight client on a variety
+            of devices. A web UI is provided to allow configuration, and client pairing, from your favorite
+            web browser. Pair from the local server or any mobile device.
+        </p>
+    </div>
+</section>
+
+<!-- Features section-->
+<section class="py-5" id="Features">
+    <div class="container px-auto">
+        <h2 class="text-center text-white fw-bolder my-5">Features</h2>
+        <!-- Create a card for each feature -->
+        <div class="row gx-5">
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-server"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Self-hosted</h5>
+                                <p class="mb-0">
+                                    Run Sunshine on your own hardware. No need to pay monthly fees to a
+                                    cloud gaming provider.
+                                </p>
+                            </div>
                         </div>
-                      </div>
-                      <!--/.Slides-->
-                      <div>
-                          <h1 class="carousel-overlay-title display-5 fw-bolder text-white mb-2">Sunshine</h1>
-                          <p class="carousel-overlay-subtitle lead fw-bolder text-white-50 mb-4">
-                              A LizardByte project</p>
-                      </div>
-                      <!--Controls-->
-                      <button class="carousel-control-prev" type="button" data-bs-target="#carousel1"
-                              data-bs-slide="prev">
-                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Previous</span>
-                      </button>
-                      <button class="carousel-control-next" type="button" data-bs-target="#carousel1"
-                              data-bs-slide="next">
-                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
-                        <span class="visually-hidden">Next</span>
-                      </button>
-                      <!--/.Controls-->
                     </div>
-                </section>
-            </header>
-
-            <!-- About section-->
-            <section class="offset-anchor py-5" id="About">
-                <div class="container px-auto">
-                    <p class="lead text-center text-white mx-auto mt-0 mb-5">
-                        Sunshine is a self-hosted game stream host for Moonlight. Offering low latency, cloud gaming
-                        server capabilities with support for AMD, Intel, and Nvidia GPUs for hardware encoding. Software
-                        encoding is also available. You can connect to Sunshine from any Moonlight client on a variety
-                        of devices. A web UI is provided to allow configuration, and client pairing, from your favorite
-                        web browser. Pair from the local server or any mobile device.
-                    </p>
                 </div>
-            </section>
-
-            <!-- Features section-->
-            <section class="offset-anchor bg-dark py-5" id="Features">
-                <div class="container px-auto">
-                    <h2 class="text-center text-white fw-bolder my-5">Features</h2>
-                    <!-- Create a card for each feature -->
-                    <div class="row gx-5">
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-server"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Self-hosted</h5>
-                                            <p class="mb-0">
-                                                Run Sunshine on your own hardware. No need to pay monthly fees to a
-                                                cloud gaming provider.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+            </div>
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <img class="icon" src="https://moonlight-stream.org/images/moonlight.svg" alt="Moonlight">
                             </div>
-                        </div>
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <img height="40" src="https://moonlight-stream.org/images/moonlight.svg">
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Moonlight Support</h5>
-                                            <p class="mb-0">
-                                                Connect to Sunshine from any Moonlight client. Moonlight is available
-                                                for Windows, macOS, Linux, Android, iOS, Xbox, and more. See
-                                                <a class="text-white" href="#Clients">clients</a> for more information.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Moonlight Support</h5>
+                                <p class="mb-0">
+                                    Connect to Sunshine from any Moonlight client. Moonlight is available
+                                    for Windows, macOS, Linux, Android, iOS, Xbox, and more. See
+                                    <a class="text-white" href="#Clients">clients</a> for more information.
+                                </p>
                             </div>
                         </div>
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-microchip"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Hardware Encoding</h5>
-                                            <p class="mb-0">
-                                                Sunshine supports AMD, Intel, and Nvidia GPUs for hardware encoding.
-                                                Software encoding is also available.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-microchip"></i>
                             </div>
-                        </div>
-                        <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-globe"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Low Latency</h5>
-                                            <p class="mb-0">
-                                                Sunshine is designed to provide the lowest latency possible to achieve optimal gaming performance.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Hardware Encoding</h5>
+                                <p class="mb-0">
+                                    Sunshine supports AMD, Intel, and Nvidia GPUs for hardware encoding.
+                                    Software encoding is also available.
+                                </p>
                             </div>
                         </div>
-                        <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-gamepad"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Control</h5>
-                                            <p class="mb-0">
-                                                Sunshine emulates an Xbox, PlayStation, or Nintendo Switch controller.
-                                                Use nearly any controller on your Moonlight client!<br>
-                                                <small>
-                                                  <ul>
-                                                    <li>Nintendo Switch emulation is only available on Linux.</li>
-                                                    <li>Gamepad emulation is not currently supported on macOS.</li>
-                                                  </ul>
-                                                </small>
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-globe"></i>
                             </div>
-                        </div>
-                        <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-gear"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">Configurable</h5>
-                                            <p class="mb-0">
-                                                Sunshine offers many configuration options to customize your experience.
-                                            </p>
-                                        </div>
-                                    </div>
-                                </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Low Latency</h5>
+                                <p class="mb-0">
+                                    Sunshine is designed to provide the lowest latency possible to achieve optimal gaming performance.
+                                </p>
                             </div>
                         </div>
                     </div>
                 </div>
-            </section>
-
-            <!-- Clients section-->
-            <section class="offset-anchor bg-dark py-5" id="Clients">
-                <div class="container px-auto">
-                    <h2 class="text-center text-white fw-bolder my-5">Clients</h2>
-                    <!-- Create a card for each client -->
-                    <div class="row gx-5">
-
-                        <!-- Android -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-android"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/moonlight-stream/moonlight-android" target="_blank" class="text-white text-decoration-none">
-                                                    Android
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-info rounded-pill">Official</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div>
-                                        <a href="https://play.google.com/store/apps/details?id=com.limelight" target="_blank">
-                                            <img alt="Get it on Google Play"
-                                                src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
-                                                height="60">
-                                        </a>
-                                    </div>
-                                    <div>
-                                        <a href="https://www.amazon.com/gp/product/B00JK4MFN2" target="_blank">
-                                            <img alt="Available at Amazon Appstore"
-                                                 src="https://images-na.ssl-images-amazon.com/images/G/01/mobile-apps/devportal2/res/images/amazon-appstore-badge-english-black.png"
-                                                 height="60"
-                                                 style="padding: 10px;">
-                                        </a>
-                                    </div>
-                                    <div>
-                                        <a href="https://f-droid.org/packages/com.limelight" target="_blank">
-                                            <img alt="Get it on F-Droid"
-                                                 src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png"
-                                                 height="60">
-                                        </a>
-                                    </div>
-                                </div>
+            </div>
+            <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-gamepad"></i>
                             </div>
-                        </div>
-
-                        <!-- ChromeOS -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-chrome"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/moonlight-stream/moonlight-chrome" target="_blank" class="text-white text-decoration-none">
-                                                    ChromeOS
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-info rounded-pill">Official</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://chrome.google.com/webstore/detail/moonlight-game-streaming/gemamigbbenahjlfnmlfdjhdnkpbkfjj" target="_blank" class="btn btn-outline-light">
-                                            <img alt="Available in the Chrome Web Store"
-                                                src="https://developer.chrome.com/static/docs/webstore/branding/image/206x58-chrome-web-043497a3d766e.png"
-                                                height="30">
-                                        </a>
-                                    </div>
-                                </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Control</h5>
+                                <p class="mb-0">
+                                    Sunshine emulates an Xbox, PlayStation, or Nintendo Switch controller.
+                                    Use nearly any controller on your Moonlight client!<br>
+                                    <small>
+                                      <ul>
+                                        <li>Nintendo Switch emulation is only available on Linux.</li>
+                                        <li>Gamepad emulation is not currently supported on macOS.</li>
+                                      </ul>
+                                    </small>
+                                </p>
                             </div>
                         </div>
-
-                        <!-- iOS -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-apple"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/moonlight-stream/moonlight-ios" target="_blank" class="text-white text-decoration-none">
-                                                    iOS
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-info rounded-pill">Official</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
-                                            <img alt="Download on the App Store"
-                                                src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
-                                                height="40">
-                                        </a>
-                                    </div>
-                                    <div class="pb-3">
-                                        <a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
-                                            <img alt="Download on Apple TV"
-                                                src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-download-on-apple-tv.svg"
-                                                height="40">
-                                        </a>
-                                    </div>
-                                </div>
+                    </div>
+                </div>
+            </div>
+            <div class="col-md-6 col-lg-4 mb-5 mb-lg-0">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-gear"></i>
                             </div>
-                        </div>
-
-                        <!-- Moonlight-QT -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-linux"></i>
-                                            <i class="fa-fw fa-2x fab fa-apple"></i>
-                                            <i class="fa-fw fa-2x fab fa-windows"></i>
-                                            <i class="fa-fw fa-2x fab fa-steam"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/moonlight-stream/moonlight-qt" target="_blank" class="text-white text-decoration-none">
-                                                    QT
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-info rounded-pill">Official</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/moonlight-stream/moonlight-qt/releases" target="_blank" class="btn btn-info">
-                                            <i class="fab fa-github"></i> Download on GitHub
-                                        </a>
-                                    </div>
-                                </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">Configurable</h5>
+                                <p class="mb-0">
+                                    Sunshine offers many configuration options to customize your experience.
+                                </p>
                             </div>
                         </div>
-
-                        <!-- Embedded -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-microchip"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/moonlight-stream/moonlight-embedded" target="_blank" class="text-white text-decoration-none">
-                                                    Embedded
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-info rounded-pill">Official</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/irtimmer/moonlight-embedded/wiki/Packages" target="_blank" class="btn btn-info">
-                                            <i class="fas fa-download"></i> Download
-                                        </a>
-                                    </div>
-                                </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</section>
+
+<!-- Clients section-->
+<section class="py-5" id="Clients">
+    <div class="container px-auto">
+        <h2 class="text-center text-white fw-bolder my-5">Clients</h2>
+        <!-- Create a card for each client -->
+        <div class="row gx-5">
+
+            <!-- Android -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-android"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/moonlight-stream/moonlight-android" target="_blank" class="text-white text-decoration-none">
+                                        Android
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-info rounded-pill">Official</span>
                             </div>
                         </div>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div>
+                            <a href="https://play.google.com/store/apps/details?id=com.limelight" target="_blank">
+                                <img alt="Get it on Google Play"
+                                    src="https://play.google.com/intl/en_us/badges/static/images/badges/en_badge_web_generic.png"
+                                    height="60">
+                            </a>
+                        </div>
+                        <div>
+                            <a href="https://www.amazon.com/gp/product/B00JK4MFN2" target="_blank">
+                                <img alt="Available at Amazon Appstore"
+                                     src="https://images-na.ssl-images-amazon.com/images/G/01/mobile-apps/devportal2/res/images/amazon-appstore-badge-english-black.png"
+                                     height="60"
+                                     style="padding: 10px;">
+                            </a>
+                        </div>
+                        <div>
+                            <a href="https://f-droid.org/packages/com.limelight" target="_blank">
+                                <img alt="Get it on F-Droid"
+                                     src="https://fdroid.gitlab.io/artwork/badge/get-it-on.png"
+                                     height="60">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-                        <!-- Xbox One/Series -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-xbox"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/TheElixZammuto/moonlight-xbox" target="_blank" class="text-white text-decoration-none">
-                                                    Xbox One/Series
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-warning rounded-pill">Community</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://apps.microsoft.com/store/detail/moonlight-uwp/9MW1BS08ZBTH" target="_blank">
-                                            <img alt="Get it from Microsoft"
-                                                 src="https://get.microsoft.com/images/en-us%20dark.svg"
-                                                 height="40">
-                                        </a>
-                                    </div>
-                                </div>
+            <!-- ChromeOS -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-chrome"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/moonlight-stream/moonlight-chrome" target="_blank" class="text-white text-decoration-none">
+                                        ChromeOS
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-info rounded-pill">Official</span>
                             </div>
                         </div>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://chrome.google.com/webstore/detail/moonlight-game-streaming/gemamigbbenahjlfnmlfdjhdnkpbkfjj" target="_blank" class="btn btn-outline-light">
+                                <img alt="Available in the Chrome Web Store"
+                                    src="https://developer.chrome.com/static/docs/webstore/branding/image/206x58-chrome-web-043497a3d766e.png"
+                                    height="30">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-                        <!-- PS Vita -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fab fa-playstation"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/xyzz/vita-moonlight" target="_blank" class="text-white text-decoration-none">
-                                                    PS Vita
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-warning rounded-pill">Community</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/xyzz/vita-moonlight/releases" target="_blank" class="btn btn-info">
-                                            <i class="fab fa-github"></i> Download on GitHub
-                                        </a>
-                                    </div>
-                                </div>
+            <!-- iOS -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-apple"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/moonlight-stream/moonlight-ios" target="_blank" class="text-white text-decoration-none">
+                                        iOS
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-info rounded-pill">Official</span>
                             </div>
                         </div>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
+                                <img alt="Download on the App Store"
+                                    src="https://developer.apple.com/assets/elements/badges/download-on-the-app-store.svg"
+                                    height="40">
+                            </a>
+                        </div>
+                        <div class="pb-3">
+                            <a href="https://apps.apple.com/us/app/moonlight-game-streaming/id1000551566" target="_blank">
+                                <img alt="Download on Apple TV"
+                                    src="https://developer.apple.com/app-store/marketing/guidelines/images/badge-download-on-apple-tv.svg"
+                                    height="40">
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-                        <!-- Nintendo Switch -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-code"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/XITRIX/Moonlight-Switch" target="_blank" class="text-white text-decoration-none">
-                                                    Nintendo Switch
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-warning rounded-pill">Community</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/XITRIX/Moonlight-Switch/releases" target="_blank" class="btn btn-info">
-                                            <i class="fab fa-github"></i> Download on GitHub
-                                        </a>
-                                    </div>
-                                </div>
+            <!-- Moonlight-QT -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-linux"></i>
+                                <i class="fa-fw fa-2x fab fa-apple"></i>
+                                <i class="fa-fw fa-2x fab fa-windows"></i>
+                                <i class="fa-fw fa-2x fab fa-steam"></i>
                             </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/moonlight-stream/moonlight-qt" target="_blank" class="text-white text-decoration-none">
+                                        QT
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-info rounded-pill">Official</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/moonlight-stream/moonlight-qt/releases" target="_blank" class="btn btn-info">
+                                <i class="fab fa-github"></i> Download on GitHub
+                            </a>
                         </div>
+                    </div>
+                </div>
+            </div>
 
-                        <!-- Nintendo Wii U -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-code"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/GaryOderNichts/moonlight-wiiu" target="_blank" class="text-white text-decoration-none">
-                                                    Nintendo Wii U
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-warning rounded-pill">Community</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/GaryOderNichts/moonlight-wiiu#quick-start" target="_blank" class="btn btn-info">
-                                            <i class="fas fa-download"></i> Download
-                                        </a>
-                                    </div>
-                                </div>
+            <!-- Embedded -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-microchip"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/moonlight-stream/moonlight-embedded" target="_blank" class="text-white text-decoration-none">
+                                        Embedded
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-info rounded-pill">Official</span>
                             </div>
                         </div>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/irtimmer/moonlight-embedded/wiki/Packages" target="_blank" class="btn btn-info">
+                                <i class="fas fa-download"></i> Download
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-                        <!-- LG webOS TV -->
-                        <div class="col-md-6 col-lg-4 mb-5">
-                            <div class="card bg-dark-gray text-white rounded-0">
-                                <div class="card-body p-4">
-                                    <div class="d-flex align-items-center">
-                                        <div class="icon text-white">
-                                            <i class="fa-fw fa-2x fas fa-code"></i>
-                                        </div>
-                                        <div class="ms-3">
-                                            <h5 class="fw-bolder mb-0">
-                                                <a href="https://github.com/mariotaku/moonlight-tv" target="_blank" class="text-white text-decoration-none">
-                                                    LG webOS TV
-                                                </a>
-                                            </h5>
-                                        </div>
-                                        <div class="ms-auto">
-                                            <span class="badge text-bg-warning rounded-pill">Community</span>
-                                        </div>
-                                    </div>
-                                </div>
-                                <div class="card-footer p-3 ms-3">
-                                    <div class="pb-3">
-                                        <a href="https://github.com/mariotaku/moonlight-tv#download" target="_blank" class="btn btn-info">
-                                            <i class="fas fa-download"></i> Download
-                                        </a>
-                                    </div>
-                                </div>
+            <!-- Xbox One/Series -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-xbox"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/TheElixZammuto/moonlight-xbox" target="_blank" class="text-white text-decoration-none">
+                                        Xbox One/Series
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-warning rounded-pill">Community</span>
                             </div>
                         </div>
-
-
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://apps.microsoft.com/store/detail/moonlight-uwp/9MW1BS08ZBTH" target="_blank">
+                                <img alt="Get it from Microsoft"
+                                     src="https://get.microsoft.com/images/en-us%20dark.svg"
+                                     height="40">
+                            </a>
+                        </div>
                     </div>
                 </div>
-            </section>
+            </div>
 
-            <!-- More cards -->
-            <div class="container py-5 px-auto">
-                <div class="container col-md-10">
-                    <!-- Docs section -->
-                    <section class="offset-anchor py-4" id="Docs">
-                        <div class="card bg-dark text-white rounded-0">
-                            <div class="card-body p-4">
-                                <div class="d-flex align-items-center">
-                                    <i class="fa-fw fa-2x fas fa-book"></i>
-                                    <div class="ms-3">
-                                        <h2 class="fw-bolder mb-0">Documentation</h2>
-                                        <p class="mb-0">
-                                            Read the documentation to learn how to install, use, and configure Sunshine.
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card-footer p-3 ms-3">
-                                <a class="btn btn-outline-light me-3 mb-3" href="https://docs.lizardbyte.dev/projects/sunshine" target="_blank">
-                                    <i class="fa-fw fas fa-book"></i>
-                                    Read the Docs
-                                </a>
+            <!-- PS Vita -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fab fa-playstation"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/xyzz/vita-moonlight" target="_blank" class="text-white text-decoration-none">
+                                        PS Vita
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-warning rounded-pill">Community</span>
                             </div>
                         </div>
-                    </section>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/xyzz/vita-moonlight/releases" target="_blank" class="btn btn-info">
+                                <i class="fab fa-github"></i> Download on GitHub
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
 
-                    <!-- Download section -->
-                    <section class="offset-anchor py-4" id="Download">
-                        <div class="card bg-dark text-white rounded-0">
-                            <div class="card-body p-4">
-                                <div class="d-flex align-items-center">
-                                    <i class="fa-fw fa-2x fas fa-download"></i>
-                                    <div class="ms-3">
-                                        <h2 class="fw-bolder mb-0">Download</h2>
-                                        <p class="mb-0">
-                                            Download Sunshine for your platform.
-                                        </p>
-                                    </div>
-                                </div>
-                            </div>
-                            <div class="card-footer p-3 ms-3">
-                                <a class="latest-button btn btn-outline-light me-3 mb-3 d-none" href="https://github.com/LizardByte/Sunshine/releases/latest" target="_blank">
-                                    <i class="fa-fw fab fa-github"></i>
-                                        Latest: <span id="latest-version"></span>
-                                </a>
-                                <a class="beta-button btn btn-outline-light me-3 mb-3 d-none" href="#" target="_blank">
-                                    <i class="fa-fw fas fa-flask"></i>
-                                        Beta: <span id="beta-version"></span>
-                                </a>
-                                <a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/pacman-repo" target="_blank">
-                                    <i class="fa-fw fab fa-linux"></i>
-                                        ArchLinux
-                                </a>
-                                <a class="btn btn-outline-light me-3 mb-3" href="https://hub.docker.com/r/lizardbyte/sunshine" target="_blank">
-                                    <i class="fa-fw fab fa-docker"></i>
-                                        Docker
-                                </a>
-                                <a class="btn btn-outline-light me-3 mb-3" href="https://flathub.org/apps/dev.lizardbyte.app.Sunshine" target="_blank">
-                                    <i class="fa-fw fab fa-linux"></i>
-                                        Flathub
-                                </a>
-                                <a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/homebrew-homebrew" target="_blank">
-                                    <i class="fa-fw fas fa-beer-mug-empty"></i>
-                                        Homebrew
-                                </a>
+            <!-- Nintendo Switch -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-code"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/XITRIX/Moonlight-Switch" target="_blank" class="text-white text-decoration-none">
+                                        Nintendo Switch
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-warning rounded-pill">Community</span>
                             </div>
                         </div>
-                    </section>
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/XITRIX/Moonlight-Switch/releases" target="_blank" class="btn btn-info">
+                                <i class="fab fa-github"></i> Download on GitHub
+                            </a>
+                        </div>
+                    </div>
                 </div>
             </div>
 
-            <!-- Donate section -->
-            <section class="offset-anchor bg-dark p-5" id="Donate">
-                <div class="container mb-5 shadow border-0 bg-dark-gray rounded-0 col-md-7">
-                    <div class="d-table-row g-0 text-white">
-                        <div class="d-table-cell px-3 align-middle text-center">
-                            <h1>
-                                <i class="fa-fw fas fa-coins"></i>
-                            </h1>
+            <!-- Nintendo Wii U -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-code"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/GaryOderNichts/moonlight-wiiu" target="_blank" class="text-white text-decoration-none">
+                                        Nintendo Wii U
+                                    </a>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-warning rounded-pill">Community</span>
+                            </div>
                         </div>
-                        <div class="col-sm-auto border-white my-3 px-3 py-2 border-start">
-                            <div class="container">
-                                <h4 class="card-title mb-3 fw-bolder">Donate</h4>
-                            </div>
-                            <a
-                                class="text-decoration-none"
-                                href="https://github.com/sponsors/LizardByte"
-                                target="_blank">
-                                <img class="m-3"
-                                     alt="GitHub Sponsors"
-                                     src="https://img.shields.io/github/sponsors/lizardbyte?label=Github%20Sponsors&style=for-the-badge&color=green&logo=githubsponsors"
-                                >
-                            </a>
-                            <a
-                                class="text-decoration-none"
-                                href="https://www.patreon.com/LizardByte"
-                                target="_blank">
-                                <img class="m-3"
-                                     alt="Patreon"
-                                     src="https://img.shields.io/badge/dynamic/json?color=green&label=Patreon&style=for-the-badge&query=patron_count&url=https%3A%2F%2Fapp.lizardbyte.dev%2Fdashboard%2Fpatreon%2FLizardByte.json&logo=patreon"
-                                >
-                            </a>
-                            <a
-                                class="text-decoration-none"
-                                href="https://www.paypal.com/paypalme/ReenigneArcher"
-                                target="_blank">
-                                <img class="m-3"
-                                     alt="PayPal"
-                                     src="https://img.shields.io/static/v1?style=for-the-badge&label=PayPal&message=Donate&color=green&logo=paypal"
-                                >
+                    </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/GaryOderNichts/moonlight-wiiu#quick-start" target="_blank" class="btn btn-info">
+                                <i class="fas fa-download"></i> Download
                             </a>
                         </div>
                     </div>
                 </div>
-            </section>
+            </div>
 
-            <!-- Support -->
-            <section class="offset-anchor bg-dark p-5" id="Support">
-                <div class="col-md-7 mx-auto mb-5">
-                    <div class="container shadow border-0 bg-primary rounded-0">
-                        <div class="d-table-row g-0 text-white">
-                            <div class="d-table-cell px-4 align-middle text-center">
-                                <div class="fs-3 fw-bold text-white">Support Center</div>
-                                <div class="text-white">Find answers and ask questions.</div>
-                            </div>
-                            <div class="col-sm-auto border-white my-3 px-4 py-2 border-start">
-                                <p class="card-text">
-                                    <em>The one who knows all the answers has not been asked all the questions.</em>
-                                    – Confucius.
-                                </p>
-                                <div class="input-group mb-2">
-                                    <a href="support">
-                                        <button class="btn btn-outline-light rounded-0"
-                                                id="button-support"
-                                                type="button"
-                                        >Support</button>
+            <!-- LG webOS TV -->
+            <div class="col-md-6 col-lg-4 mb-5">
+                <div class="card bg-dark text-white rounded-0">
+                    <div class="card-body p-4">
+                        <div class="d-flex align-items-center">
+                            <div class="icon text-white">
+                                <i class="fa-fw fa-2x fas fa-code"></i>
+                            </div>
+                            <div class="ms-3">
+                                <h5 class="fw-bolder mb-0">
+                                    <a href="https://github.com/mariotaku/moonlight-tv" target="_blank" class="text-white text-decoration-none">
+                                        LG webOS TV
                                     </a>
-                                </div>
+                                </h5>
+                            </div>
+                            <div class="ms-auto">
+                                <span class="badge text-bg-warning rounded-pill">Community</span>
                             </div>
                         </div>
                     </div>
+                    <div class="card-footer p-3 px-4">
+                        <div class="pb-3">
+                            <a href="https://github.com/mariotaku/moonlight-tv#download" target="_blank" class="btn btn-info">
+                                <i class="fas fa-download"></i> Download
+                            </a>
+                        </div>
+                    </div>
                 </div>
-            </section>
-
-        </main>
-        <!-- Footer-->
-        <footer class="bg-dark py-4 mt-auto" id="footer-container"></footer>
-
-        <!-- Audio player bottom navbar -->
-        <nav id="player-navbar"></nav>
-
-        <!-- Bootstrap core JS-->
-        <script src="https://app.lizardbyte.dev/node_modules/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
-
-        <!-- Get navbar -->
-        <script src="https://app.lizardbyte.dev/js/navbar.js"></script>
-        <!-- Get footer -->
-        <script src="https://app.lizardbyte.dev/js/footer.js"></script>
-        <!-- Discord WidgetBot -->
-        <script src="https://app.lizardbyte.dev/js/discord.js"></script>
-
-        <!-- TODO: Move this to website repo, and make it accept arguments for the repo name -->
-        <script>
-          // Fetch the releases from the GitHub API
-          fetch('https://api.github.com/repos/LizardByte/Sunshine/releases')
-            .then(response => response.json())
-            .then(data => {
-              // Filter the releases to get only the pre-releases
-              const preReleases = data.filter(release => release.prerelease);
-              // Filter the releases to get only the stable releases
-              const stableReleases = data.filter(release => !release.prerelease);
-
-              // If there are no stable releases, hide the latest download button
-              if (stableReleases.length === 0) {
-                document.querySelector('.latest-button').classList.add('d-none');
-              } else {
-                // Show the latest download button
-                document.querySelector('.latest-button').classList.remove('d-none');
-
-                // Get the latest stable release
-                const latestStableRelease = stableReleases[0];
-                document.querySelector('#latest-version').textContent = latestStableRelease.tag_name;
-
-                // If there is a pre-release, update the href attribute of the anchor tag
-                if (preReleases.length > 0) {
-                  const latestPreRelease = preReleases[0];
-
-                  // Compare the date of the latest pre-release with the date of the latest stable release
-                  const preReleaseDate = new Date(latestPreRelease.published_at);
-                  const stableReleaseDate = new Date(latestStableRelease.published_at);
+            </div>
 
-                  // If the pre-release is newer, update the href attribute of the anchor tag
-                  if (preReleaseDate > stableReleaseDate) {
-                    document.querySelector('.beta-button').href = latestPreRelease.html_url;
-                    document.querySelector('#beta-version').textContent = latestPreRelease.tag_name;
-                    document.querySelector('.beta-button').classList.remove('d-none');
-                  } else {
-                    // If the pre-release is older, hide the button
-                    document.querySelector('.beta-button').classList.add('d-none');
-                  }
-                } else {
-                  // If there is no pre-release, hide the button
-                  document.querySelector('.beta-button').classList.add('d-none');
-                }
-              }
-            });
-        </script>
 
-    </body>
-</html>
+        </div>
+    </div>
+</section>
+
+<!-- More cards -->
+<div class="container py-5 px-auto">
+    <div class="container col-md-10">
+        <!-- Docs section -->
+        <section class="py-4" id="Docs">
+            <div class="card bg-dark text-white rounded-0">
+                <div class="card-body p-4">
+                    <div class="d-flex align-items-center">
+                        <i class="fa-fw fa-2x fas fa-book"></i>
+                        <div class="ms-3">
+                            <h2 class="fw-bolder mb-0">Documentation</h2>
+                            <p class="mb-0">
+                                Read the documentation to learn how to install, use, and configure Sunshine.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="card-footer p-3 px-4">
+                    <a class="btn btn-outline-light me-3 mb-3" href="https://docs.lizardbyte.dev/projects/sunshine" target="_blank">
+                        <i class="fa-fw fas fa-book"></i>
+                        Read the Docs
+                    </a>
+                </div>
+            </div>
+        </section>
+
+        <!-- Download section -->
+        <section class="py-4" id="Download">
+            <div class="card bg-dark text-white rounded-0">
+                <div class="card-body p-4">
+                    <div class="d-flex align-items-center">
+                        <i class="fa-fw fa-2x fas fa-download"></i>
+                        <div class="ms-3">
+                            <h2 class="fw-bolder mb-0">Download</h2>
+                            <p class="mb-0">
+                                Download Sunshine for your platform.
+                            </p>
+                        </div>
+                    </div>
+                </div>
+                <div class="card-footer p-3 px-4">
+                    <a class="latest-button btn btn-outline-light me-3 mb-3 d-none" href="https://github.com/LizardByte/Sunshine/releases/latest" target="_blank">
+                        <i class="fa-fw fab fa-github"></i>
+                            Latest: <span id="latest-version"></span>
+                    </a>
+                    <a class="beta-button btn btn-outline-light me-3 mb-3 d-none" href="#" target="_blank">
+                        <i class="fa-fw fas fa-flask"></i>
+                            Beta: <span id="beta-version"></span>
+                    </a>
+                    <a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/pacman-repo" target="_blank">
+                        <i class="fa-fw fab fa-linux"></i>
+                            ArchLinux
+                    </a>
+                    <a class="btn btn-outline-light me-3 mb-3" href="https://hub.docker.com/r/lizardbyte/sunshine" target="_blank">
+                        <i class="fa-fw fab fa-docker"></i>
+                            Docker
+                    </a>
+                    <a class="btn btn-outline-light me-3 mb-3" href="https://flathub.org/apps/dev.lizardbyte.app.Sunshine" target="_blank">
+                        <i class="fa-fw fab fa-linux"></i>
+                            Flathub
+                    </a>
+                    <a class="btn btn-outline-light me-3 mb-3" href="https://github.com/LizardByte/homebrew-homebrew" target="_blank">
+                        <i class="fa-fw fas fa-beer-mug-empty"></i>
+                            Homebrew
+                    </a>
+                </div>
+            </div>
+        </section>
+    </div>
+</div>
+
+<!-- TODO: Move this to website repo, and make it accept arguments for the repo name -->
+<script>
+  // Fetch the releases from the GitHub API
+  fetch('https://api.github.com/repos/LizardByte/Sunshine/releases')
+    .then(response => response.json())
+    .then(data => {
+      // Filter the releases to get only the pre-releases
+      const preReleases = data.filter(release => release.prerelease);
+      // Filter the releases to get only the stable releases
+      const stableReleases = data.filter(release => !release.prerelease);
+
+      // If there are no stable releases, hide the latest download button
+      if (stableReleases.length === 0) {
+        document.querySelector('.latest-button').classList.add('d-none');
+      } else {
+        // Show the latest download button
+        document.querySelector('.latest-button').classList.remove('d-none');
+
+        // Get the latest stable release
+        const latestStableRelease = stableReleases[0];
+        document.querySelector('#latest-version').textContent = latestStableRelease.tag_name;
+
+        // If there is a pre-release, update the href attribute of the anchor tag
+        if (preReleases.length > 0) {
+          const latestPreRelease = preReleases[0];
+
+          // Compare the date of the latest pre-release with the date of the latest stable release
+          const preReleaseDate = new Date(latestPreRelease.published_at);
+          const stableReleaseDate = new Date(latestStableRelease.published_at);
+
+          // If the pre-release is newer, update the href attribute of the anchor tag
+          if (preReleaseDate > stableReleaseDate) {
+            document.querySelector('.beta-button').href = latestPreRelease.html_url;
+            document.querySelector('#beta-version').textContent = latestPreRelease.tag_name;
+            document.querySelector('.beta-button').classList.remove('d-none');
+          } else {
+            // If the pre-release is older, hide the button
+            document.querySelector('.beta-button').classList.add('d-none');
+          }
+        } else {
+          // If there is no pre-release, hide the button
+          document.querySelector('.beta-button').classList.add('d-none');
+        }
+      }
+    });
+</script>