feat(home): make the whole banner clickable, not just the CTA

Merged
AA
4mo ago
+27-20

Summary

Follow-up to #202. Two changes:

  1. Makes the entire announcement banner clickable (not just the "Try now" button) — a click anywhere on the card opens https://adam.new.
  2. Continues the CADAM rebrand: swaps the Adam mark for the CADAM wordmark on the auth and legal page headers, matching the sign-in page.

Clickable banner

A stretched link: the existing CTA anchor gets after:absolute after:inset-0, so its hit area covers the whole card (its nearest positioned ancestor). A click anywhere on the banner triggers that same anchor — navigation + the new_product_banner_click PostHog event.

  • Dismiss X stays independent: it's z-10 (above the overlay) and a sibling of the anchor (not nested), so it dismisses without navigating.
  • Logo cluster opts out via pointer-events-none, so the z-20 Adam tile passes clicks through to the overlay.
  • One real link, keyboard-accessible (Tab → "Try now" → Enter), and no invalid nested interactive elements.

CADAM rebrand — auth & legal pages

Replaces the square Adam icon with the CADAM wordmark (public/cadam-logo.svg) on the page headers, so they match the sign-in page (which already uses the wordmark):

  • Sign-up, Sign-up-email, Reset-password, Update-password, Privacy Policy, Terms of Service.
  • Sized h-8 w-auto so the wide mark keeps the existing 32px header height and stays centered (dropped the stray mr-2).
  • The small square mark elsewhere (collapsed sidebar, chat assistant avatar) is intentionally left unchanged.

Note: the sidebar logo, favicon (blue CADAM icon), login-page wordmark, and banner timer/will-change fixes all shipped in #202 and are already on master.

Files

  • src/components/NewProductBanner.tsx — stretched-link overlay + cluster opt-out
  • src/views/{SignUpView,SignUpEmailView,ResetPasswordView,UpdatePasswordView,PrivacyPolicyView,TermsOfServiceView}.tsx — CADAM wordmark headers

Checks

  • tsc -b --noEmit, eslint, and prettier pass.

🤖 Generated with Claude Code

Summary by cubic

Make the entire announcement banner clickable so a click anywhere opens adam.new and triggers the existing banner click event.

Implemented a stretched-link overlay; the Dismiss (X) still dismisses without navigation, the logo cluster ignores clicks, and keyboard access remains a single real link.