All blocks

Inverted band with side actions

Call to action
npx astralis-cli add cta-02
invertedfull-bleedside-actionsarrow-linksplit

Add it to your project

  1. Run the command — it writes components/blocks/cta-02.tsx and leaves the rest of your project untouched.

    npx astralis-cli add cta-02
  2. Import it where you need it. The block only depends on astralis-ui, so it compiles in any React project — no extra packages, no framework lock-in.

  3. Edit it. The copy, links and layout are plain JSX in your repo now — this is your file, not a dependency to configure around.

Composes Box, Button, Container, Flex, Heading, Icon, Link, Stack, Text.