Skip to content

feat(marketing): full-screen footer with globe grid and closing CTA - #9179

Merged
Kitenite merged 1 commit into
mainfrom
fullscreen-footer-paxai-b9859a4c
Oct 31, 2026
Merged

Kitenite merged 1 commit into
mainfrom
fullscreen-footer-paxai-b9859a4c

Conversation

@Kitenite

@Kitenite Kitenite commented Oct 31, 2026 •

Copy link
Copy Markdown
Member

What

The marketing footer now fills the screen below the header, modeled on paxai.com:

  • Closing CTA in the footer. "Smash your backlog." with the download and GitHub buttons. CTASection moved into Footer/components/, so every page ends with it. The per-page copies (home, automations, browser, pages, plugins, team) are removed so it doesn't show twice. The CLI install box is dropped so the footer fits on one screen.
  • Globe grid backdrop. A projected globe (meridians every 15°, parallels every 20°, tilted 18°) in dark lines. A white copy shows in a circle around the mouse, the same hover light as EdgeGlare. usePointerVars is promoted to app/[lang]/hooks/ because two components now share it. Mouse only, so touch devices see just the dark grid.
  • Layout. Product links split into two columns of six. Legal links move to a bottom bar with the copyright and language switcher. On tablet, the logo, socials and SOC 2 badge sit in one row. Short screens (height 800px or less) get less padding and a smaller headline.
  • i18n. The new headline is translated for all 16 locales, with a translator note to use a local idiom instead of a literal "smash". The removed strings ("Legal", the install line, the old headline) dropped out of the catalogs.

Verification

  • Screenshots of the footer over CDP at 1920×1080, 1440×900, 1280×720, 1024×768, 768×1024 and 390×844. On every desktop and tablet size the footer is exactly the viewport height minus the 64px header. On phones it grows taller than the screen because of the link count.
  • Hover checked by sending mouse moves over CDP: the lines light up near the cursor.
  • Checked the ja locale at 1440.
  • tsc --noEmit, biome, bun run check:i18n (0 missing in every locale) and the marketing bun test suite (201 pass) all pass.

Summary by cubic

The marketing footer now fills the screen below the header with the closing CTA and a projected globe grid backdrop.

  • The CTA ("Smash your backlog." with download and GitHub buttons) now lives in the footer on every page, replacing the per-page CTA sections; the CLI install box is removed so the footer fits on one screen.
  • The globe grid lights up around the cursor on mouse devices; touch devices see only the dark grid.
  • Product links split into two columns, and legal links move to a bottom bar with the copyright and language switcher.
  • The new headline is translated for all 16 locales.

Written for commit 339ca63. Summary will update on new commits.

View guided diff Turn on auto-fix

The footer now fills the viewport below the header, Pax-style: a large
closing headline with the download and GitHub buttons on top, link
columns and a bottom bar below.

- Move CTASection into the footer so every page ends with the CTA; drop
  the per-page copies and the CLI install box so it fits one screen
- Projected globe grid in dark lines that lights up around the cursor,
  reusing the EdgeGlare pointer hook (promoted to app/[lang]/hooks)
- Split Product links into two columns and compress spacing on short
  viewports so 1280x720 through 1920x1080 fit exactly
- Legal links move to a bottom bar with the copyright and language switcher
- New headline "Smash your backlog." translated for all locales
@Kitenite
Kitenite merged commit 5dbab35 into main Oct 31, 2026
10 of 12 checks passed
@github-actions

github-actions Bot commented Oct 31, 2026 •

Copy link
Copy Markdown
Contributor

🚀 Preview Deployment

🔗 Preview Links

Service Status Link
Neon Database (Neon) ❌ View Branch
Vercel API (Vercel) ✅ Open Preview
Vercel Web (Vercel) ✅ Open Preview
Vercel Marketing (Vercel) ✅ Open Preview
Vercel Docs (Vercel) ✅ Open Preview

Preview updates automatically with new commits

@coderabbitai

coderabbitai Bot commented Oct 31, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

Caution

Review failed

The pull request is closed.

Finishing Touches
📝 Generate docstrings
  • Commit to this branch
  • Create a new PR
🧪 Generate unit tests (beta)
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@expo

expo Bot commented Oct 31, 2026

Copy link
Copy Markdown

No installed development build can load this pull request as an update: its native fingerprint is 86fa4e5bf928 and no development build has it. Add the mobile-build label to build one.

@greptile-apps

greptile-apps Bot commented Oct 31, 2026 •

Copy link
Copy Markdown
Contributor

RetriggerView in GreptileConfidence Score: 4/5

[Medium impact] The changes affect the shared marketing footer across localized marketing pages.

The PR appears safe to merge, with a non-blocking waitlist backdrop issue.

Findings

  1. P2 Header stays above waitlist ▶
Fix with agent prompt
### Issue 1
apps/marketing/src/app/[lang]/components/Footer/Footer.tsx:201
The new `isolate` on the footer puts its `WaitlistModal` below the sticky `Header`. When a Windows visitor clicks “Join Waitlist,” the header stays visible and clickable above the full-screen backdrop. The modal renders directly inside the footer, so its `z-50` cannot rise above the footer’s own layer. Render the modal through a portal outside the footer.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

Summary

Moves the closing CTA into the shared footer and adds a mouse-lit globe backdrop.

  • Marketing pages end with one shared closing call to action and footer links.
  • A globe grid lights up around the mouse in the footer.

Reviews (1) · Last reviewed commit: "feat(marketing): full-screen footer with..." · Reviewed by Greptile


return (
<footer className="border-t border-border bg-background">
<footer className="relative isolate flex min-h-[calc(100svh-4rem)] flex-col overflow-hidden border-t border-border bg-background">

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

P2 Header stays above waitlist

The new isolate on the footer puts its WaitlistModal below the sticky Header. When a Windows visitor clicks “Join Waitlist,” the header stays visible and clickable above the full-screen backdrop. The modal renders directly inside the footer, so its z-50 cannot rise above the footer’s own layer. Render the modal through a portal outside the footer.

Prompt To Fix With AI
This is a comment left during a code review.
Path: apps/marketing/src/app/[lang]/components/Footer/Footer.tsx
Line: 201

Comment:
**Header stays above waitlist**

The new `isolate` on the footer puts its `WaitlistModal` below the sticky `Header`. When a Windows visitor clicks “Join Waitlist,” the header stays visible and clickable above the full-screen backdrop. The modal renders directly inside the footer, so its `z-50` cannot rise above the footer’s own layer. Render the modal through a portal outside the footer.

---

For each issue above, determine whether it is valid and should be fixed. If so, fix it directly.

This branch was successfully deployed

1 active deployment
preview — 339ca639 Deployed Oct 31, 2026 by Kitenite via Deploy Docs #13396
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