add typewriter animation to hero section

[ComputelessComputer]

No description provided.

[netlify]

✅ Deploy Preview for hyprnote ready!

Name	Link
🔨 Latest commit	45bb212
🔍 Latest deploy log	https://app.netlify.com/projects/hyprnote/deploys/691dd0d3f367200008d5e922
😎 Deploy Preview	https://deploy-preview-1735--hyprnote.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Modified the AI notetaking page heading to be responsive and dynamic. Replaced a static text heading with a component-based structure that uses the Typewriter component to animate cycling through terms ("meetings", "lectures", "thoughts"). Includes separate layouts for small and large screen sizes.

Changes

Cohort / File(s)	Summary
AI Notetaking Heading Enhancement apps/web/src/routes/_view/product/ai-notetaking.tsx	Added Typewriter import and replaced static heading with responsive, animated heading. Typewriter cycles through "meetings", "lectures", "thoughts" with configurable speed, delete speed, and wait time. Different layout structures for mobile and desktop viewports.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~8 minutes

• Verify Typewriter component configuration (speed, deleteSpeed, waitTime parameters)
• Test responsive behavior across small and large screen breakpoints
• Confirm the animated text aligns properly within the heading structure
• Ensure the looping behavior works as intended

Possibly related PRs

• landing #1649: Also modifies apps/web/src/routes/_view/product/ai-notetaking.tsx with changes to heading line breaks, styles, and layout
• working on products sub-landings #1642: Modifies the same file and updates heading UI content

Suggested reviewers

• yujonglee

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch web/notetaking-page

---

📜 Recent review details

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 2bb6851 and 45bb212.

📒 Files selected for processing (1)

• apps/web/src/routes/_view/product/ai-notetaking.tsx (2 hunks)

---

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

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}