[fix] Sharpen the pixelated hero word and glow the announcement badge

[ashrafchowdury]

Context

The highlighted word "agents" in the hero headline was set in PP Mondwest, a
bitmap/pixel font, so it rendered blocky and low-resolution next to the crisp
GT Alpina headline. It read as a rendering bug rather than a style choice.
Separately, the "Agenta 2.0" announcement badge was flat, and we wanted the hero
to feel a touch more premium.

Changes

Two hero adjustments.

The word "agents" now uses GT Alpina italic, the headline's own serif face,
slanted. The brand yellow and the chip box already mark it as the special word,
so the italic sets it apart quietly and stays sharp at display size instead of
switching to a foreign pixel or mono face.

Before: font-family: var(--font-bitmap, 'PP Mondwest', monospace) (pixel/bitmap)
After: font-family: var(--font-display); font-style: italic (GT Alpina italic)

The announcement badge gets a slow "aura" glow. Its outer box-shadow breathes
between the two brand yellows (yellow-400 #f2f25c to yellow-500 #e7e712) on a 5s
loop. The ag-badge-aura keyframes live in global.css next to the site's other
animations, and the badge references them with an inline animation, matching how
HeroVideo.astro wires ag-pulse. The resting glow is baked into the badge's
inline box-shadow and the 0%/100% keyframe equals it, so the loop is seamless.

Tests / notes

• No new assets and no JS. The GT Alpina italic faces are already loaded.
• Reduced motion: the existing global prefers-reduced-motion rule neutralizes
  the animation. Because the resting glow is inline, those visitors still see a
  subtle static brand glow rather than nothing.
• Not yet checked in a running browser. Worth confirming the loop reads smooth
  and the italic sits well in the chip before merge.

What to QA

• Open the marketing site home (cd website && pnpm dev, http://localhost:4321).
  The headline word "agents" is a crisp yellow italic serif, not pixelated.
• The "Agenta 2.0 — read the announcement" badge shows a soft yellow glow that
  gently breathes.
• Regression: turn on the OS "reduce motion" setting and reload. The badge glow
  holds steady with no animation, and the rest of the hero is unchanged.

Preview

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
agenta-documentation	Ready	Preview	Jul 30, 2026 6:10am

[coderabbitai]

Important

Review skipped

Auto reviews are disabled on base/target branches other than the default branch.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro Plus

Run ID: cfadc88c-fb27-4922-ab42-80a439f725bf

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

• 🔍 Trigger review

---

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

[github-actions]

Website preview

Preview URL: https://pr-5561-agenta-website-preview.mahmoud-637.workers.dev

Built from e808c0bba68f15cd19fab0c402ca8d07089e6bea. This comment updates in place on every push.

[ashrafchowdury]

I feel like the hero section is too static. That's why I have added the Glowy effect to the Announcement badge.

If it dose not look good lets remove it

[ashrafchowdury]

And for the agents font, ahhh, it was confusing which font was better to choose to make it look better, again let me know

[mmabrouk]

Thanks @ashrafchowdury
PP Mondwest is part of our brand. We should not change it.
A light gradient to the ship is ok. Animations, I disagree with.