fix: product subdomain cleanup

2026-07-23 20:52:49 -04:00
parent a6ef4d2955
commit 8e33af43a5
39 changed files with 1597 additions and 630 deletions
--- a/src/routes/gaze/contact.tsx
+++ b/src/routes/gaze/contact.tsx
@@ -1,4 +1,5 @@
 import { ContactForm } from "~/components/ContactForm";
+import SubdomainHeader from "~/components/SubdomainHeader";

 /**
 * Gaze contact page (`gaze.freno.me/contact`).
@@ -16,5 +17,10 @@ import { ContactForm } from "~/components/ContactForm";
 * `[Gaze] Contact Request`.
 */
 export default function GazeContactPage() {
-  return <ContactForm />;
+  return (
+    <>
+      <SubdomainHeader />
+      <ContactForm />
+    </>
+  );
 }
--- a/src/routes/gaze/downloads.tsx
+++ b/src/routes/gaze/downloads.tsx
@@ -0,0 +1,130 @@
+/**
+ * Gaze per-subdomain downloads page — `gaze.freno.me/downloads`.
+ *
+ * Public browser path `/downloads`; vercel.json host rewrites serve this
+ * from the internal `/gaze/*` route prefix while keeping the URL clean.
+ *
+ * Mirrors the download surface already exposed on the Gaze landing page:
+ *  - Direct signed-S3 DMG download via `downloads.getDownloadUrl({ asset_name: "gaze" })`.
+ *  - macOS App Store listing link.
+ */
+import { A } from "@solidjs/router";
+import { createSignal } from "solid-js";
+import { PageHead } from "~/components/PageHead";
+import SubdomainHeader from "~/components/SubdomainHeader";
+import DownloadOnAppStoreDark from "~/components/icons/DownloadOnAppStoreDark";
+import Button from "~/components/ui/Button";
+import { useSite } from "~/context/SiteContext";
+import { downloadAsset } from "~/lib/download-asset";
+
+const GAZE_APP_STORE_URL = "https://apps.apple.com/us/app/gaze/id6757759498";
+const GAZE_MIN_MACOS = "14.6";
+
+export default function GazeDownloadsPage() {
+  const site = useSite();
+  const [loading, setLoading] = createSignal(false);
+
+  const handleDownload = () => {
+    if (loading()) return;
+    setLoading(true);
+    import("~/lib/api")
+      .then(({ api }) =>
+        downloadAsset({
+          api,
+          assetName: "gaze",
+          onError: (error) => {
+            console.error("Gaze download error:", error);
+            alert("Failed to initiate download. Please try again.");
+          }
+        })
+      )
+      .finally(() => setLoading(false));
+  };
+
+  return (
+    <>
+      <PageHead
+        title="Download Gaze"
+        description="Download Gaze for macOS — menu bar app for eye and posture health."
+      />
+
+      <SubdomainHeader />
+
+      <main class="bg-base relative min-h-screen w-full overflow-hidden px-4 pb-16">
+        <div
+          class="pointer-events-none fixed inset-0 z-0"
+          aria-hidden="true"
+          style={{
+            background: `radial-gradient(50% 40% at 50% 0%, ${site().brandColor}18 0%, transparent 70%)`
+          }}
+        />
+
+        <div class="relative z-10 mx-auto flex max-w-2xl flex-col items-center pt-[12vh] text-center">
+          <img
+            src={
+              site().id === "gaze"
+                ? "/Gaze Exports/Gaze-iOS-Default-1024x1024@1x.png"
+                : ""
+            }
+            alt="Gaze app icon"
+            width={128}
+            height={128}
+            class="mb-6 h-28 w-28 rounded-[22%] object-cover shadow-2xl"
+          />
+
+          <h1 class="mb-2 text-4xl font-bold tracking-tight">Download Gaze</h1>
+          <p class="text-text/70 mb-10 max-w-md text-lg">
+            Eye and posture health reminders for your Mac menu bar.
+          </p>
+
+          <div class="flex w-full flex-col items-center justify-center gap-8 sm:flex-row">
+            <div class="flex flex-col items-center gap-3">
+              <span class="text-subtext0 text-sm tracking-wider uppercase">
+                Direct download
+              </span>
+              <Button
+                variant="download"
+                size="lg"
+                loading={loading()}
+                onClick={handleDownload}
+              >
+                gaze.dmg
+              </Button>
+              <span class="text-subtext1 max-w-[240px] text-center text-xs">
+                macOS {GAZE_MIN_MACOS}+ · signed macOS build
+              </span>
+            </div>
+
+            <div class="bg-surface0/40 hidden h-24 w-px sm:block" />
+
+            <div class="flex flex-col items-center gap-3">
+              <span class="text-subtext0 text-sm tracking-wider uppercase">
+                App Store
+              </span>
+              <A
+                class="transition-all duration-200 ease-out hover:scale-105 active:scale-95"
+                href={GAZE_APP_STORE_URL}
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <DownloadOnAppStoreDark size={50} />
+              </A>
+              <span class="text-subtext1 max-w-[240px] text-center text-xs">
+                Also available on the Mac App Store.
+              </span>
+            </div>
+          </div>
+
+          <p class="text-subtext0 mt-16 text-center text-sm">
+            <A
+              href="/"
+              class="text-text/80 hover:text-text underline underline-offset-4 transition-colors"
+            >
+              ← back to Gaze
+            </A>
+          </p>
+        </div>
+      </main>
+    </>
+  );
+}
--- a/src/routes/gaze/index.tsx
+++ b/src/routes/gaze/index.tsx
@@ -1,26 +1,30 @@
-import { createSignal } from "solid-js";
+import { createSignal, For } from "solid-js";
 import { PageHead } from "~/components/PageHead";
+import SubdomainHeader from "~/components/SubdomainHeader";
 import DownloadOnAppStoreDark from "~/components/icons/DownloadOnAppStoreDark";
 import Button from "~/components/ui/Button";
 import { useDarkMode } from "~/context/darkMode";
 import { downloadAsset } from "~/lib/download-asset";

-const GAZE_APP_STORE_URL =
-  "https://apps.apple.com/us/app/gaze/id6757759498";
-const GAZE_MIN_MACOS = "13.0";
+const GAZE_APP_STORE_URL = "https://apps.apple.com/us/app/gaze/id6757759498";
+const GAZE_MIN_MACOS = "14.6";

 const FEATURES = [
  {
-    title: "Take regular breaks",
-    body: "Gentle, dismissable reminders nudge you to step away from the screen so you can rest and reset."
+    title: "Blink reminders",
+    body: "Subtle prompts help you remember to blink more often, reducing dry-eye strain during long sessions."
  },
  {
-    title: "Eye health reminders",
+    title: "20-20-20 eye breaks",
    body: "Follow the 20-20-20 rule — every 20 minutes, look at something 20 feet away for 20 seconds."
  },
  {
-    title: "Posture reminders",
-    body: "Periodic check-ins help you catch slouching before it becomes a habit."
+    title: "Posture check-ins",
+    body: "Periodic reminders help you catch slouching before it becomes a habit."
+  },
+  {
+    title: "Customizable intervals",
+    body: "Set the reminder cadence that fits your workflow, from gentle nudges to strict schedules."
  },
  {
    title: "Lives in your menu bar",
@@ -53,19 +57,21 @@ export default function GazeLanding() {
    <>
      <PageHead
        title="Eye & posture health reminder for macOS"
-        description="Gaze is a macOS menu bar app for eye and posture health — gentle reminders to take breaks, rest your eyes, and sit up straight. Download Gaze for macOS."
+        description="Gaze is a macOS menu bar app for eye and posture health — blink reminders, 20-20-20 breaks, posture check-ins, and customizable reminder intervals."
        ogImage="/look-away.png"
        ogTitle="Gaze — Eye and posture health reminder for macOS"
-        ogDescription="A macOS menu bar app that helps you remember to take breaks and rest your eyes."
+        ogDescription="A macOS menu bar app that helps you remember to blink, take breaks, and sit up straight."
      />

+      <SubdomainHeader />
+
      {/* ── Hero ─────────────────────────────────────────────────────── */}
      <div class="relative flex min-h-screen flex-col">
        <div class="fixed inset-0 z-0 overflow-hidden brightness-75">
          <img
            src="/look-away.png"
            alt="Look away — Gaze hero background"
-            class="h-full w-full select-none object-cover"
+            class="h-full w-full object-cover select-none"
            style={{ "pointer-events": "none" }}
          />
        </div>
@@ -120,17 +126,17 @@ export default function GazeLanding() {
          <h2 class="text-text mb-12 text-center text-3xl font-bold">
            Small reminders, healthier habits
          </h2>
-          <div class="grid grid-cols-1 gap-8 sm:grid-cols-2">
-            {FEATURES.map((feature) => (
-              <div
-                class="border-overlay0 bg-surface0 rounded-lg border p-6"
-              >
-                <h3 class="text-text mb-2 text-xl font-semibold">
-                  {feature.title}
-                </h3>
-                <p class="text-subtext0 leading-relaxed">{feature.body}</p>
-              </div>
-            ))}
+          <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-3">
+            <For each={FEATURES}>
+              {(feature) => (
+                <div class="border-overlay0 bg-surface0 rounded-lg border p-6">
+                  <h3 class="text-text mb-2 text-xl font-semibold">
+                    {feature.title}
+                  </h3>
+                  <p class="text-subtext0 leading-relaxed">{feature.body}</p>
+                </div>
+              )}
+            </For>
          </div>
        </div>
      </section>
--- a/src/routes/gaze/privacy.tsx
+++ b/src/routes/gaze/privacy.tsx
@@ -15,6 +15,7 @@
 */
 import { A } from "@solidjs/router";
 import { PageHead } from "~/components/PageHead";
+import SubdomainHeader from "~/components/SubdomainHeader";

 export default function GazePrivacyPolicy() {
  return (
@@ -23,9 +24,10 @@ export default function GazePrivacyPolicy() {
        title="Privacy Policy"
        description="Privacy policy for Gaze, a macOS eye health reminder app."
      />
+      <SubdomainHeader />
      <div class="min-h-screen px-[8vw] py-[10vh]">
        <div class="py-4 text-xl">Gaze&apos;s Privacy Policy</div>
-        <div class="py-2">Last Updated: February 9, 2026</div>
+        <div class="py-2">Last Updated: July 23, 2026</div>
        <div class="py-2">
          Welcome to Gaze (&apos;We&apos;, &apos;Us&apos;, &apos;Our&apos;).
          Your privacy is important to us. This privacy policy will help you