Components · Web
Hero
The landing's main header, with a screen mockup and CTAs.
Web · Astro · macromath_web
The first block of the landing page: title, subtitle, two CTAs (free download and view features) and an app screen mockup with the StatusBar overlaid.
Composition
- Title and tagline (
hero.*keys of the dictionary). - Primary CTA
hero.cta1→#download. - Secondary CTA →
#features. - Screen mockup with
StatusBaron top.
Usage
---
import Hero from '../components/sections/Hero.astro';
---
<Hero />No props. It usually pairs with the TrustBar right below.