From fc16276e6748f262cfc297737726e263bc0cded1 Mon Sep 17 00:00:00 2001
From: dame <contact@dame.is>
Date: Thu, 18 Jun 2026 10:52:30 -0400
Subject: [PATCH] Reword homepage hero to cut 'atmosphere' repetition (#36)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The nav tagline, the hero h1, the subtitle, and the explore CTA all said
'the Atmosphere', and the subtitle nearly duplicated the new headline. Make
the hero headline the value proposition itself — 'Jump between clients,
share universal links, browse any PDS' — drop the now-redundant subtitle,
and shorten the CTAs to 'Explore' and 'Download'.

Adds an optional label override to DownloadButton so only the hero gets the
short 'Download' copy; the Extension strip keeps its browser-detected text.


Claude-Session: https://claude.ai/code/session_018cPfrefDV8wbv89Sefo5fD

Co-authored-by: Claude <noreply@anthropic.com>
---
 src/components/HomeHero.tsx            | 26 +++++++++-----------------
 src/components/home/DownloadButton.tsx | 11 +++++++++--
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/src/components/HomeHero.tsx b/src/components/HomeHero.tsx
index 39146c0..0d9fefb 100644
--- a/src/components/HomeHero.tsx
+++ b/src/components/HomeHero.tsx
@@ -29,12 +29,15 @@ export default function HomeHero() {
     >
       <h1
         style={{
-          fontSize: '2.75rem',
+          fontSize: '2.25rem',
           fontWeight: 300,
           letterSpacing: '-0.01em',
           color: 'var(--text-primary)',
-          marginBottom: '0.875rem',
-          lineHeight: 1.15,
+          marginBottom: '1.75rem',
+          lineHeight: 1.2,
+          maxWidth: '38rem',
+          marginLeft: 'auto',
+          marginRight: 'auto',
         }}
       >
         <span
@@ -46,20 +49,9 @@ export default function HomeHero() {
             backgroundClip: 'text',
           }}
         >
-          Tour the Atmosphere
+          Jump between clients, share universal links, browse any PDS
         </span>
       </h1>
-      <p
-        style={{
-          fontSize: '1.125rem',
-          color: 'var(--text-secondary)',
-          lineHeight: 1.6,
-          maxWidth: '36rem',
-          margin: '0 auto 1.75rem',
-        }}
-      >
-        Switch clients, share universal links, browse any PDS.
-      </p>
 
       {/* CTA row — align to the top so the Explore link doesn't stretch
           to match the Download column's full height (button + fallback
@@ -93,12 +85,12 @@ export default function HomeHero() {
           }}
         >
           <Telescope size={18} style={{ color: 'var(--text-accent)' }} />
-          <span>Explore the Atmosphere</span>
+          <span>Explore</span>
           <ArrowRight size={16} style={{ color: 'var(--text-tertiary)' }} />
         </Link>
         {/* showFallback omitted — the fallback list lives below the CTA
             row so it can center relative to both buttons. */}
-        <DownloadButton variant="primary" />
+        <DownloadButton variant="primary" label="Download" />
       </div>
 
       {/* Browser-detected "Also for X" line, centered under the row. */}
diff --git a/src/components/home/DownloadButton.tsx b/src/components/home/DownloadButton.tsx
index d4dfeb2..4ec7ec6 100644
--- a/src/components/home/DownloadButton.tsx
+++ b/src/components/home/DownloadButton.tsx
@@ -21,6 +21,11 @@ type Props = {
   showFallback?: boolean;
   /** Cross-axis alignment of the button + fallback within the container. */
   align?: 'center' | 'start';
+  /**
+   * Override the button text. Defaults to the browser-detected
+   * "Download for ${browser}" / "Download the Extension" copy.
+   */
+  label?: string;
 };
 
 /**
@@ -32,6 +37,7 @@ export default function DownloadButton({
   variant = 'primary',
   showFallback = false,
   align = 'center',
+  label: labelOverride,
 }: Props) {
   const [browser, setBrowser] = useState<Browser | null>(null);
 
@@ -45,11 +51,12 @@ export default function DownloadButton({
   const primaryLabel = BROWSER_LABELS[detected];
   const showFallbackLinks = !isSupported;
   const label =
-    browser === null
+    labelOverride ??
+    (browser === null
       ? 'Download the Extension'
       : showFallbackLinks
         ? 'Download the Extension'
-        : `Download for ${primaryLabel}`;
+        : `Download for ${primaryLabel}`);
 
   const isPrimary = variant === 'primary';
 
-- 
2.51.2