CTA Section

Блок призыва к действию. Pro · Лендинги и бренд › Конверсия и подвал

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add cta-section

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { CTASection } from 'valyro-ui-pro';

Prop	Type	Default
`eyebrow`	`ReactNode`		Small label above the title.
`title` *	`ReactNode`		Heading of the block; also the section's accessible name.
`description`	`ReactNode`		Supporting paragraph under the title.
`primaryAction`	`MarketingAction`		Large primary button; a link when it has `href`.
`secondaryAction`	`MarketingAction`		Large secondary button next to the primary one.
`variant`	`'default' \| 'inverted' \| 'gradient'`	`'default'`	`inverted`: foreground-coloured block. `gradient`: vivid colour field.
`visual`	`ReactNode`		Illustration or product shot beside the text on wide screens.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (h1–h6).