feat(marketing): use Geist Pixel font for hero headline

[Kitenite]

Summary

• Use Vercel's new Geist Pixel font for "Coding Agents" in the marketing hero headline
• Upgrade geist package from 1.5.1 to 1.7.0 for pixel font support
• Add segment-based rendering to TypewriterText for mixed font styles

Changes

• apps/marketing/src/app/layout.tsx — Import GeistPixelSquare + GeistPixelGrid, register CSS variables
• apps/marketing/src/app/components/HeroSection/HeroSection.tsx — Apply Geist Pixel Grid (bold 900) to "Coding Agents" only, increase headline + subtitle sizes, offset hero content upward
• apps/marketing/src/app/components/HeroSection/components/TypewriterText/TypewriterText.tsx — Add segments prop for per-segment className/style support during typewriter animation
• apps/marketing/package.json — Bump geist to ^1.7.0

Test Plan

• Verify "Coding Agents" renders in Geist Pixel Grid font
• Verify "The Terminal for" remains in IBM Plex Mono
• Verify typewriter animation works correctly across font segments
• Check responsive sizing on mobile/tablet/desktop

Summary by CodeRabbit

• Dependencies

  • Updated geist library to version 1.7.0 across applications.

• New Features

  • Added animated typewriter text effect to the hero section title with per-segment styling support.
  • Introduced new pixel-grid and pixel-square font options.

• Style

  • Enhanced hero title typography sizing across responsive breakpoints.
  • Adjusted hero section vertical positioning.
  • Updated supporting paragraph text scaling.

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

Updates geist dependency to ^1.7.0 across apps, enhances TypewriterText component to support per-segment styling with a new segments prop, refactors HeroSection with increased typography scales and vertical positioning adjustments, and adds GeistPixelSquare and GeistPixelGrid font variables to the root layout.

Changes

Cohort / File(s)	Summary
Dependency Updates apps/marketing/package.json, apps/web/package.json	Updated geist from ^1.5.1 to ^1.7.0 in both applications.
TypewriterText Enhancement apps/marketing/src/app/components/HeroSection/components/TypewriterText/TypewriterText.tsx	Introduced TextSegment interface and segments prop enabling multi-segment typing with per-segment styling. Added renderText function to handle styled span rendering and reworked typing loop logic for segment-aware character progression.
HeroSection Component apps/marketing/src/app/components/HeroSection/HeroSection.tsx	Applied -translate-y-12 for vertical adjustment, scaled typography (text-2xl→text-3xl, lg:text-4xl→lg:text-5xl), replaced static title with TypewriterText segments for "The Terminal for Coding Agents.", and updated paragraph sizing (text-sm→text-base).
Layout Font Variables apps/marketing/src/app/layout.tsx	Added imports for GeistPixelGrid and GeistPixelSquare from geist/font/pixel and extended root classNames to include their CSS variables.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~22 minutes

Possibly related PRs

• feat(marketing): make hero section mobile responsive #937: Directly related refactor of HeroSection Typewriter rendering and layered positioning logic that aligns with this PR's segment-based styling and absolute positioning changes.

Poem

🐰 Hop along with letters bright,
Segmented text that types just right,
Bold agents dance in styled array,
As pixel fonts show off today—
The terminal hops into view! 🎨✨

✨ 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 kitenite/geist-pixel

---

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.}

[github-actions]

🚀 Preview Deployment

🔗 Preview Links

Service	Status	Link
Database (Neon)	✅	View Branch
Electric (Fly.io)	✅	View App
API (Vercel)	✅	Open Preview
Web (Vercel)	✅	Open Preview
Marketing (Vercel)	✅	Open Preview
Admin (Vercel)	✅	Open Preview
Docs (Vercel)	✅	Open Preview

---

Preview updates automatically with new commits