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';