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() {
>
- Tour the Atmosphere
+ Jump between clients, share universal links, browse any PDS
-
- Switch clients, share universal links, browse any PDS.
-
{/* 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() {
}}
>
- Explore the Atmosphere
+ Explore
{/* showFallback omitted — the fallback list lives below the CTA
row so it can center relative to both buttons. */}
-
+
{/* 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(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';