From 6c3524ea30729d2ba7ab7c06c9106aa19697c1c5 Mon Sep 17 00:00:00 2001
From: DecDuck <declanahofmeyr@gmail.com>
Date: Thu, 24 Apr 2025 00:43:08 +1000
Subject: [PATCH] chore: minor changes

---
 pages/download.vue | 32 +++++++++++++++++---------------
 1 file changed, 17 insertions(+), 15 deletions(-)

diff --git a/pages/download.vue b/pages/download.vue
index b009a67..164f650 100644
--- a/pages/download.vue
+++ b/pages/download.vue
@@ -1,11 +1,11 @@
 <template>
-  <div class="z-50 py-24 sm:py-32 lg:pb-40">
+  <div class="z-50 py-24 sm:py-32">
     <div class="mx-auto max-w-7xl px-6 lg:px-8">
       <div class="mx-auto max-w-2xl text-center">
         <h1
           class="text-balance text-4xl font-bold tracking-tight text-white sm:text-7xl font-display"
         >
-          Download Drop
+          Download
         </h1>
         <p
           class="mt-8 text-pretty text-lg font-medium text-zinc-400 sm:text-xl/8"
@@ -19,7 +19,7 @@
       <div class="mt-16 grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
         <!-- Windows -->
         <div
-          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
+          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
         >
           <div>
             <div class="flex items-center gap-x-4">
@@ -27,12 +27,14 @@
               <h3 class="text-lg font-semibold text-white">Windows</h3>
             </div>
             <p class="mt-4 text-sm text-zinc-400">
-              Download the Windows client installer
+              Download the Windows installer. May require administrator
+              privileges on your system.
             </p>
           </div>
           <div class="mt-auto">
+            <!-- UPDATE on update -->
             <NuxtLink
-              href="https://github.com/Drop-OSS/drop-app/releases/latest/download/drop-windows.exe"
+              :href="links.windows"
               class="inline-flex items-center gap-x-2 rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
             >
               Download for Windows
@@ -43,7 +45,7 @@
 
         <!-- macOS -->
         <div
-          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
+          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
         >
           <div>
             <div class="flex items-center gap-x-4">
@@ -51,7 +53,8 @@
               <h3 class="text-lg font-semibold text-white">macOS</h3>
             </div>
             <p class="mt-4 text-sm text-zinc-400">
-              Download the macOS application
+              Download the macOS application. Supports both Intel and Apple
+              Silicon.
             </p>
           </div>
           <div class="mt-auto">
@@ -75,7 +78,7 @@
 
         <!-- Linux -->
         <div
-          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col h-full"
+          class="rounded-lg bg-white/5 p-6 ring-1 ring-white/10 flex flex-col gap-y-4 h-full"
         >
           <div>
             <div class="flex items-center gap-x-4">
@@ -85,6 +88,7 @@
             <p class="mt-4 text-sm text-zinc-400">
               Download the Linux <b>AppImage</b>, or get RPM and DEB packages
               from our
+
               <NuxtLink
                 href="https://github.com/Drop-OSS/drop-app/releases"
                 class="text-blue-400 hover:text-blue-300"
@@ -94,7 +98,7 @@
           </div>
           <div class="mt-auto pt-2">
             <NuxtLink
-              href="https://github.com/Drop-OSS/drop-app/releases/latest/download/drop-linux.AppImage"
+              :href="links.linux"
               class="inline-flex items-center gap-x-2 rounded-md bg-blue-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-blue-400 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
             >
               Download for Linux
@@ -107,20 +111,18 @@
       <!-- Server Setup -->
       <div class="mt-16 text-center">
         <h2 class="text-3xl font-bold tracking-tight text-white sm:text-4xl">
-          Set Up Your Own Server
+          Setup your own server
         </h2>
-        <p class="mt-4 text-lg text-zinc-400">
+        <p class="mt-4 text-lg text-zinc-400 max-w-xl mx-auto">
           Want to host your own Drop server? Follow our comprehensive
           documentation to get started.
         </p>
         <div class="mt-8">
           <NuxtLink
             href="https://wiki.droposs.org/guides/quickstart.html"
-            class="inline-flex items-center gap-x-2 rounded-md bg-zinc-900 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-zinc-950 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-400"
+            class="text-sm/6 font-semibold text-zinc-100"
+            >Quickstart <span aria-hidden="true">&rarr;</span></NuxtLink
           >
-            Server Setup Guide
-            <ArrowRightIcon class="h-4 w-4" />
-          </NuxtLink>
         </div>
       </div>
     </div>