Using the Hero — Classic component

A hero drops in at the top of a page as a single import. The static one is pure Astro with a few lines of vanilla JavaScript; the animated ones are React islands you mount with client:visible, so nothing hydrates until the section is actually on screen. Headline, buttons and links are edited in the component, and the Tailwind classes pick up whatever colour and type tokens your project already defines.