Feature Grid

Feature grid. Pro · Landing pages and brand › Hero

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add feature-grid

npm install valyro-ui-pro

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

Prop	Type	Default
`eyebrow`	`ReactNode`		Small label above the title.
`title`	`ReactNode`		Section heading; also the section's accessible name.
`subtitle`	`ReactNode`		Supporting paragraph under the title.
`items` *	`FeatureGridItem[]`		Features, one per cell: icon, title, description and an optional arrow link.
`columns`	`2 \| 3 \| 4`	`3`	Columns on wide screens; narrow containers drop to 2 and then 1.
`variant`	`'cards' \| 'plain'`	`'cards'`	`cards`: a shared hairline grid (Vercel) / frosted cards (Glass). `plain`: no surfaces.
`align`	`'center' \| 'left'`	`'center'`	Alignment of the heading block.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the section title; item titles use the next level.

Hero Section — Landing page hero
Bento Grid — Responsive bento grid of cards in mixed sizes
Logo Cloud — Customer logos
Pricing Table — Pricing plans
Comparison Table — Product comparison
Testimonials — Customer testimonials
FAQ Section — Frequently asked questions
Award Badge — Award badge with a laurel wreath, stars and caption
CTA Section — Call-to-action block
Newsletter Signup — Newsletter signup
App Store Buttons — App store buttons: App Store, Google Play, Galaxy Store, RuStore
Footer — Site footer