feat(landing): add dedicated download page and platform anchors

packages/landing/app/download/page.tsx

@@ -0,0 +1,223 @@
+import { SiteFooter } from "../../components/site-footer";
+import { SiteNav } from "../../components/site-nav";
+import { getGithubData } from "../../lib/github";
+
+export const metadata = {
+  title: "OpenWork - Download",
+  description:
+    "Download OpenWork desktop for macOS, Windows, and Linux. Includes AUR install instructions and direct package downloads.",
+};
+
+export default async function Download() {
+  const github = await getGithubData();
+  const releaseLabel = github.releaseTag || "latest";
+  const releaseUrl = github.releaseUrl;
+
+  return (
+    <div className="min-h-screen">
+      <SiteNav stars={github.stars} active="download" />
+
+      <main className="pb-24 pt-20">
+        <div className="content-max-width px-6">
+          <div className="animate-fade-up">
+            <div className="mb-3 text-[12px] font-bold uppercase tracking-wider text-gray-500">
+              OpenWork desktop
+            </div>
+            <h1 className="mb-4 text-4xl font-bold tracking-tight md:text-5xl">
+              Download OpenWork
+            </h1>
+            <p className="mb-4 max-w-3xl text-[17px] leading-relaxed text-gray-700">
+              Install OpenWork on macOS, Windows, or Linux. Pick the package that
+              matches your distro and architecture.
+            </p>
+            <p className="mb-10 text-[14px] text-gray-600">
+              Latest stable release: 
+              <a
+                href={releaseUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="font-semibold text-gray-900 underline decoration-gray-300 underline-offset-4 transition hover:decoration-gray-700"
+              >
+                {releaseLabel}
+              </a>
+            </p>
+          </div>
+
+          <div className="mb-10 grid grid-cols-1 gap-4 sm:grid-cols-3">
+            <a
+              href="#macos"
+              className="feature-card border-sky-100 bg-sky-50/60 transition hover:border-sky-200"
+            >
+              <h2 className="mb-2 text-[16px] font-semibold text-gray-900">macOS</h2>
+              <p className="text-[14px] text-gray-700">Apple Silicon and Intel builds</p>
+            </a>
+            <a
+              href="#windows"
+              className="feature-card border-violet-100 bg-violet-50/50 transition hover:border-violet-200"
+            >
+              <h2 className="mb-2 text-[16px] font-semibold text-gray-900">Windows</h2>
+              <p className="text-[14px] text-gray-700">x64 MSI installer</p>
+            </a>
+            <a
+              href="#linux"
+              className="feature-card border-emerald-100 bg-emerald-50/60 transition hover:border-emerald-200"
+            >
+              <h2 className="mb-2 text-[16px] font-semibold text-gray-900">Linux</h2>
+              <p className="text-[14px] text-gray-700">AUR, .deb, and .rpm options</p>
+            </a>
+          </div>
+
+          <section id="macos" className="py-6">
+            <h2 className="mb-2 text-2xl font-bold md:text-3xl">macOS</h2>
+            <p className="mb-8 text-[15px] text-gray-700">
+              Download the DMG that matches your Mac.
+            </p>
+
+            <div className="grid grid-cols-1 gap-4 sm:grid-cols-2">
+              <div className="feature-card bg-white/90">
+                <h3 className="mb-2 text-[16px] font-semibold text-gray-900">Apple Silicon (M-series)</h3>
+                <p className="mb-4 text-[14px] text-gray-600">Recommended for M1, M2, M3, and M4 chips.</p>
+                <a
+                  href={github.installers.macos.appleSilicon}
+                  className="doc-button"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Download .dmg
+                </a>
+              </div>
+
+              <div className="feature-card bg-white/90">
+                <h3 className="mb-2 text-[16px] font-semibold text-gray-900">Intel (x64)</h3>
+                <p className="mb-4 text-[14px] text-gray-600">For Intel-based Macs.</p>
+                <a
+                  href={github.installers.macos.intel}
+                  className="doc-button"
+                  rel="noreferrer"
+                  target="_blank"
+                >
+                  Download .dmg
+                </a>
+              </div>
+            </div>
+          </section>
+
+          <hr />
+
+          <section id="windows" className="py-6">
+            <h2 className="mb-2 text-2xl font-bold md:text-3xl">Windows</h2>
+            <p className="mb-6 text-[15px] text-gray-700">
+              OpenWork for Windows is available as an x64 MSI installer.
+            </p>
+            <a
+              href={github.installers.windows.x64}
+              className="doc-button"
+              rel="noreferrer"
+              target="_blank"
+            >
+              Download Windows x64 (.msi)
+            </a>
+          </section>
+
+          <hr />
+
+          <section id="linux" className="py-6">
+            <h2 className="mb-2 text-2xl font-bold md:text-3xl">Linux</h2>
+            <p className="mb-8 text-[15px] text-gray-700">
+              Install from AUR on Arch-based distributions, or download packages
+              directly for Ubuntu/Debian and Fedora/RHEL/openSUSE.
+            </p>
+
+            <div className="grid grid-cols-1 gap-4 md:grid-cols-3">
+              <div className="feature-card border-emerald-100 bg-white/90 ring-1 ring-emerald-100/60">
+                <h3 className="mb-2 text-[16px] font-semibold text-gray-900">Arch Linux (AUR)</h3>
+                <p className="mb-4 text-[14px] text-gray-600">
+                  Install and keep OpenWork updated via the Arch User Repository.
+                </p>
+                <pre className="mono overflow-x-auto rounded-lg bg-gray-950 px-4 py-3 text-[13px] text-gray-100">
+                  <code>yay -S openwork</code>
+                </pre>
+                <p className="mt-3 text-[13px] text-gray-600">
+                  Prefer paru? <span className="mono">paru -S openwork</span>
+                </p>
+                <a
+                  href={github.installers.linux.aur}
+                  target="_blank"
+                  rel="noreferrer"
+                  className="mt-4 inline-flex text-[13px] font-semibold text-gray-700 underline decoration-gray-300 underline-offset-4 transition hover:text-black"
+                >
+                  View package on AUR
+                </a>
+              </div>
+
+              <div className="feature-card border-amber-100 bg-white/90 ring-1 ring-amber-100/60">
+                <h3 className="mb-2 text-[16px] font-semibold text-gray-900">Ubuntu / Debian (.deb)</h3>
+                <p className="mb-4 text-[14px] text-gray-600">
+                  Download the package for your architecture.
+                </p>
+                <div className="flex flex-wrap gap-3">
+                  <a
+                    href={github.installers.linux.debX64}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="doc-button"
+                  >
+                    x64 .deb
+                  </a>
+                  <a
+                    href={github.installers.linux.debArm64}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="doc-button"
+                  >
+                    arm64 .deb
+                  </a>
+                </div>
+              </div>
+
+              <div className="feature-card border-sky-100 bg-white/90 ring-1 ring-sky-100/60">
+                <h3 className="mb-2 text-[16px] font-semibold text-gray-900">Fedora / RHEL / openSUSE (.rpm)</h3>
+                <p className="mb-4 text-[14px] text-gray-600">
+                  Download an RPM package for x64 or arm64 systems.
+                </p>
+                <div className="flex flex-wrap gap-3">
+                  <a
+                    href={github.installers.linux.rpmX64}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="doc-button"
+                  >
+                    x64 .rpm
+                  </a>
+                  <a
+                    href={github.installers.linux.rpmArm64}
+                    target="_blank"
+                    rel="noreferrer"
+                    className="doc-button"
+                  >
+                    arm64 .rpm
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            <p className="mt-8 text-[14px] text-gray-600">
+              Need another format? 
+              <a
+                href={releaseUrl}
+                target="_blank"
+                rel="noreferrer"
+                className="font-semibold text-gray-900 underline decoration-gray-300 underline-offset-4 transition hover:decoration-gray-700"
+              >
+                Browse all release assets
+              </a>
+              .
+            </p>
+          </section>
+
+          <SiteFooter />
+        </div>
+      </main>
+    </div>
+  );
+}

packages/landing/app/page.tsx

@@ -64,18 +64,14 @@ export default async function Home() {
             </a>
             <div className="ml-2 flex gap-4">
               <a
-                href={github.downloads.windows}
+                href="/download#windows"
                 className="text-[15px] font-medium text-gray-900/60 transition hover:text-gray-900"
-                rel="noreferrer"
-                target="_blank"
               >
                 Windows <span className="alpha-tag ml-1 border-gray-900/10 text-gray-900/60">Alpha</span>
               </a>
               <a
-                href={github.downloads.linux}
+                href="/download#linux"
                 className="text-[15px] font-medium text-gray-900/60 transition hover:text-gray-900"
-                rel="noreferrer"
-                target="_blank"
               >
                 Linux <span className="alpha-tag ml-1 border-gray-900/10 text-gray-900/60">Alpha</span>
               </a>
@@ -151,18 +147,14 @@ export default async function Home() {
                     </a>
                     <div className="ml-2 flex gap-4">
                       <a
-                        href={github.downloads.windows}
+                        href="/download#windows"
                         className="text-[15px] text-gray-700 transition hover:text-black"
-                        rel="noreferrer"
-                        target="_blank"
                       >
                         Windows <span className="alpha-tag ml-1">Alpha</span>
                       </a>
                       <a
-                        href={github.downloads.linux}
+                        href="/download#linux"
                         className="text-[15px] text-gray-700 transition hover:text-black"
-                        rel="noreferrer"
-                        target="_blank"
                       >
                         Linux <span className="alpha-tag ml-1">Alpha</span>
                       </a>

packages/landing/components/site-nav.tsx

@@ -3,7 +3,7 @@ import Link from "next/link";
 type Props = {
   stars: string;
   callUrl?: string;
-  active?: "home" | "enterprise" | "den";
+  active?: "home" | "download" | "enterprise" | "den";
 };
 
 export function SiteNav(props: Props) {
@@ -27,6 +27,9 @@ export function SiteNav(props: Props) {
             <Link href="/#faq" className="transition hover:text-black">
               FAQ
             </Link>
+            <Link href="/download" className={navLink(props.active === "download")}>
+              Download
+            </Link>
             <Link href="/enterprise" className={navLink(props.active === "enterprise")}>
               Enterprise
             </Link>

packages/landing/lib/github.ts

@@ -103,17 +103,50 @@ export const getGithubData = async () => {
     });
 
   const assets = Array.isArray(pick?.assets) ? pick.assets : [];
+  const releaseUrl = pick?.html_url || FALLBACK_RELEASE;
   const dmg = selectAsset(assets, [".dmg"]);
   const exe = selectAsset(assets, [".exe", ".msi"], ["win", "windows"]);
   const appImage = selectAsset(assets, [".appimage"], ["linux"]);
 
+  const macosApple = selectAsset(assets, [".dmg"], ["darwin-aarch64"]);
+  const macosIntel = selectAsset(assets, [".dmg"], ["darwin-x64"]);
+  const windowsX64 =
+    selectAsset(assets, [".msi", ".exe"], ["windows-x64"]) || exe;
+
+  const linuxDebX64 = selectAsset(assets, [".deb"], ["linux-amd64", "linux-x64"]);
+  const linuxDebArm64 = selectAsset(assets, [".deb"], ["linux-arm64", "linux-aarch64"]);
+  const linuxRpmX64 = selectAsset(assets, [".rpm"], ["linux-x86_64", "linux-amd64"]);
+  const linuxRpmArm64 = selectAsset(assets, [".rpm"], ["linux-aarch64", "linux-arm64"]);
+
   return {
     stars,
-    releaseUrl: pick?.html_url || FALLBACK_RELEASE,
+    releaseUrl,
+    releaseTag: pick?.tag_name || "",
     downloads: {
       macos: dmg?.browser_download_url || FALLBACK_RELEASE,
       windows: exe?.browser_download_url || FALLBACK_RELEASE,
-      linux: appImage?.browser_download_url || FALLBACK_RELEASE
+      linux:
+        appImage?.browser_download_url ||
+        linuxDebX64?.browser_download_url ||
+        linuxRpmX64?.browser_download_url ||
+        FALLBACK_RELEASE
+    },
+    installers: {
+      macos: {
+        appleSilicon: macosApple?.browser_download_url || dmg?.browser_download_url || releaseUrl,
+        intel: macosIntel?.browser_download_url || dmg?.browser_download_url || releaseUrl
+      },
+      windows: {
+        x64: windowsX64?.browser_download_url || releaseUrl
+      },
+      linux: {
+        aur: "https://aur.archlinux.org/packages/openwork",
+        debX64: linuxDebX64?.browser_download_url || releaseUrl,
+        debArm64: linuxDebArm64?.browser_download_url || releaseUrl,
+        rpmX64: linuxRpmX64?.browser_download_url || releaseUrl,
+        rpmArm64: linuxRpmArm64?.browser_download_url || releaseUrl,
+        appImage: appImage?.browser_download_url || releaseUrl
+      }
     }
   };
 };