Skip to content

feat(landing): introduce Orchid on the 0.email home page - #2076

Merged
MrgSub merged 1 commit into
mainfrom
landing/announce-orchid
May 26, 2026
Merged

MrgSub merged 1 commit into
mainfrom
landing/announce-orchid

Conversation

@MrgSub

@MrgSub MrgSub commented May 26, 2026

Copy link
Copy Markdown
Collaborator

Summary

Replaces the legacy Zero marketing landing on / and /home with a single-screen "0.email is now Orchid" announcement that hands visitors off to orchid.ai, while preserving a clear sign-in path for existing users and a link to the OSS repo.

Old HomeContent.tsx (multi-section marketing page with feature tabs, AI summary cards, search demo, etc.) is fully replaced — net +304 / −1288 LOC.

What it looks like

A cinematic dark hero, designed in Orchid's visual language but bridged to 0.email's mental model:

  1. Backdrop — masked Orchid hero video (top-right), warm gold halo, deep violet pool, mountain texture at 4% opacity, radial vignette over the copy.
  2. Eyebrow chip — "A NEW CHAPTER" with a pulsing gold dot.
  3. Headline reveal (serif, ~clamp 44–96px):
    • Line 1 fades in: 0.email is now
    • A gradient gold strikethrough draws across "0.email" left→right.
    • Line 2 reveals: Orchid. (white → cream → gold gradient text) with the orchid logomark scaling/rotating in beside it.
  4. Body copy — "What started as the fastest open-source inbox grew into something bigger. Orchid is the executive assistant that doesn't sleep…"
  5. CTAs, in priority order:
    • Meet Orchid → (white pill) → https://orchid.ai
    • Sign in to Zero (ghost pill) → https://app.0.email
    • GitHub (ghost pill, with live ★ count) → https://github.com/Mail-0/Zero
  6. Fineprint — Read the announcement (→ orchid.ai/blog/the-end-of-inbox-zero), Privacy, Terms, ©.

Implementation notes

  • Inline <OrchidMark /> SVG component (5-petal mark) using currentColor, stroke-linejoin="round", and shape-rendering="geometricPrecision" so it stays crisp at any size and renders white on the dark backdrop.
  • All animation via motion/react with prefers-reduced-motion respected (orchid video pauses, headline reveals still work but no blur/translate).
  • GitHub star count cached for 5 min via TanStack Query (re-using the existing query pattern from navigation.tsx); pill is hidden until count > 0 to avoid flashing a "0".
  • Assets imported from apps/site/public/:
    • orchid-hero.webm / .mp4 / poster
    • orchid-mask.svg
    • orchid-mountain.jpeg
  • No route changes — app/page.tsx and app/home/page.tsx already render <HomeContent />.

What this does not change

  • Sign-in / OAuth flow itself (handled by app.0.email).
  • /pricing, /about, /privacy, /terms, /contributors — still live.
  • The old Navigation + Footer components are no longer rendered on /, but are not deleted (still used by other pages).

Test plan

  • / and /home render the new landing on desktop + mobile
  • All three CTAs open correct destinations (Orchid / app.0.email / GitHub)
  • Headline animation sequence plays in order; nothing pops
  • prefers-reduced-motion: video paused, no aggressive entrance animations
  • GitHub star count loads (or pill is hidden if GH is rate-limited)
  • Lighthouse / perf: the hero video preload doesn't blow up LCP

Replace the legacy Zero marketing landing with a focused
"0.email is now Orchid" announcement that hands visitors off to
https://orchid.ai while keeping a sign-in path for existing users.

Highlights:
- Cinematic dark backdrop with the masked Orchid hero video, warm
  halo + violet pool, mountain texture, and a soft vignette.
- Serif headline reveal: "0.email" with a gold strikethrough that
  draws across, then "Orchid." fades in beside the orchid mark.
- Inline OrchidMark SVG component (currentColor, rounded joins,
  geometricPrecision rendering) so the mark stays crisp at any size.
- Primary CTA links to orchid.ai (Meet Orchid), secondary links to
  app.0.email (Sign in to Zero), tertiary is the GitHub repo with
  live star count.
- "Read the announcement" deep-links to the Orchid blog post.
- Reuses orchid hero assets (webm/mp4/poster/mask/mountain) imported
  from apps/site.
@MrgSub
MrgSub merged commit cdde4d8 into main May 26, 2026
2 of 3 checks passed
@MrgSub
MrgSub deleted the landing/announce-orchid branch May 26, 2026 20:10
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