Skip to content

feat(website): new hero (copy + astronaut ground) and nav collapse fix - #1279

Merged
felipesalinasr merged 5 commits into
mainfrom
feat/landing-hero-b
Aug 9, 2026
Merged

feat(website): new hero (copy + astronaut ground) and nav collapse fix#1279
felipesalinasr merged 5 commits into
mainfrom
feat/landing-hero-b

Conversation

@felipesalinasr

Copy link
Copy Markdown
Collaborator

What

Hero-only refresh of the landing, all three locales, plus a responsive nav fix.

  1. New hero copy (en/es/pt):
    • H1: "One app to run all your team's AI agents" / "Una app para todos los agentes de IA de tu equipo" / "Um app para todos os agentes de IA do seu time"
    • Sub: the "one place to run AI agents ... belongs to the company instead of one person's account" line, translated per locale.
    • CTAs, app-window demo, and every section below the hero are untouched.
  2. Astronaut hero background (hero-astronaut.jpg, 2600w JPEG):
    • The photo layer hangs 12vw past the page's left edge so the figure rides the far left and the centered statement always sits over open space (legibility per Felipe's direction).
    • Radial + linear veils keep the text column dark; the field dissolves into the hero ground on the sides and bottom, so no window width shows a hard photo edge.
    • Below 820px the position flips to the photo's window/earth side and the figure leaves the frame entirely.
  3. Nav collapse fix: the burger + dropdown sheet always existed in markup/JS, but no media query ever hid the centered links or showed the burger, so on phones the links overlapped the wordmark (reproducible on production). Now: links collapse into the sheet ≤1020px; GitHub icon + language menu follow ≤560px (both have rows in the sheet).

Verified

  • npm run check:locales (3 locales OK) and npm test (7/7) pass; clean Eleventy build.
  • Screenshot-reviewed at 320 / 390 / 560 / 744 / 1100 / 1280 / 1440 / 1600 / 2100 widths, en + es + pt, burger open and closed.

Merging deploys via the Website Deploy workflow (website/ change on main).

🤖 Generated with Claude Code

felipesalinasr and others added 5 commits August 9, 2026 10:17
English hero copy becomes 'One app to run all your team's AI agents'
with the one-place sub; the astronaut photo rides the hero's left edge,
pinned and veiled so the statement stays over open space (narrow screens
show the earth-window side instead). Everything below the hero is
untouched. English only for now; es/pt keep their current copy until
the direction is approved.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Same headline and sub as the English hero variant; locale parity
checked.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The burger button and the dropdown sheet existed in markup and JS, but
no media query ever hid the centered links or showed the burger, so on
phones and tablets the links overlapped the wordmark (reproducible on
production today). Below 1020px the links collapse into the sheet;
below 560px the GitHub icon and language menu follow (both have rows in
the sheet), leaving brand + Download + burger.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Centered uppercase eyebrow ('AI agents for your team', translated per
locale) above the H1; H1 comes down from clamp(38,5.5vw,76) to
clamp(34,4.7vw,64) and the sub from clamp(16.5,1.55vw,20) to
clamp(15.5,1.4vw,18).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
@felipesalinasr
felipesalinasr merged commit 2ebabd2 into main Aug 9, 2026
12 checks passed
@felipesalinasr
felipesalinasr deleted the feat/landing-hero-b branch August 9, 2026 17:51
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant