[DaniAkash]

Summary

Makes the coding-agent setup the highlight of the homepage. "Try it now" now offers both paths, with Let your agent do it first and recommended.

Changes

• Try it now is now two tabs, sharing the setup-path synced choice with /quick-start/, so a pick on one page carries over to the other.
  • Let your agent do it (default): a card with a neutral outline and an accent "Recommended" badge and three steps:
    1. Copy the prompt (wrapped, with a copy button).
    2. Paste it into Claude Code, Codex, Cursor, Gemini CLI, Copilot or any agent that can run commands.
    3. Review the diff; the lint configuration should match the downloaded files.
  • Do it yourself: the existing curl one-liner plus the quick start link.
• Hero: the primary action is now "Set up with your agent", which jumps to #try-it-now. "Quick start" becomes a secondary action, and the tagline mentions both paths.
• Styling: .agent-panel in theme.css is a gray outline with no fill, using Starlight's gray tokens so it adapts to light and dark. The orange accent appears only on the badge.

Verification (local)

• astro check: 0 errors. Link validator: all internal links and anchors valid, including the new #try-it-now.
• agent-browser:
  • the hero button lands on #try-it-now with the agent tab selected
  • the "Do it yourself" tab shows the curl block
  • the tab choice carries over to /quick-start/
  • the prompt has a working copy button
  • desktop and 390px mobile in both themes, with no horizontal scroll and no console errors
• Lighthouse (mobile, homepage): 100 for Accessibility, Best Practices, SEO and Agentic Browsing.