Improve web landing page demo UI#5424
Conversation
Show the historical how-it-works demo first and follow it with a privacy-focused what-makes-it-different section using the old file visuals.
✅ Deploy Preview for old-char ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
![cursor[bot]](https://avatars.githubusercontent.com/in/1210556?s=60&v=4){kind=small}
There was a problem hiding this comment.
Cursor Bugbot has reviewed your changes and found 2 potential issues.
❌ Bugbot Autofix is OFF. To automatically fix reported issues with cloud agents, enable autofix in the Cursor dashboard.
Reviewed by Cursor Bugbot for commit c50b02d. Configure here.
| }; | ||
|
|
||
| runAnimation(); | ||
| }, []); |
There was a problem hiding this comment.
Animation timers lack cleanup
Medium Severity
HowItWorksSection starts nested setInterval and setTimeout chains (including a looping runAnimation) in a useEffect with no cleanup. Leaving the landing route does not cancel them, so timers can keep firing and call setState on an unmounted component.
Reviewed by Cursor Bugbot for commit c50b02d. Configure here.
| <div className="space-y-2"> | ||
| <h4 className="text-sm font-semibold text-stone-700"> | ||
| New Dashboard – Urgent Priority | ||
| </h4> |
There was a problem hiding this comment.
Mobile demo headings always visible
Low Severity
In the sm:hidden “How it works” summary panel, section h4 titles stay fully visible while list items still use enhancedLines opacity fades. The desktop layout hides those headings until the matching step, so the mobile demo shows empty headings early in the loop.
Reviewed by Cursor Bugbot for commit c50b02d. Configure here.
1 participant
Summary
Validation
pnpm exec dprint fmtpnpm -F @hypr/web typechecklocalhost:3005Note
Low Risk
Marketing-only changes to the public landing route; no auth, API, or data-handling logic touched.
Overview
The Anarlog web landing page in
apps/web/src/routes/index.tsxis reworked around interactive marketing sections instead of the old text-only “Why Anarlog exists” principles list.Hero and manifesto copy is tightened (shorter subhead and manifesto paragraphs). The top announcement banner text is updated.
How it works is restored as a large demo: side‑by‑side (and stacked mobile) faux window UIs with typing animation,
DancingSticksrecording indicator, and staged fade‑in of an AI‑style meeting summary. It depends on new imports from@hypr/uiand@hypr/utils.What makes it different replaces the principles grid with three illustrated commitments—on‑device files (including new
folderchar.svg), BYOK/offline key mockup (WifiOff,KeyRound), and a bot‑free call card with a custom Google Meet icon.Overall this is presentation-only on the public index route; download/auth routing and SEO loaders are unchanged aside from copy.
Reviewed by Cursor Bugbot for commit c50b02d. Bugbot is set up for automated code reviews on this repo. Configure here.