Bento Grid

Бенто-сетка карточек разной ширины и высоты с адаптивом. Pro · Лендинги и бренд › Первый экран

Установка

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

npm install valyro-ui-pro

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

Prop	Type	Default
`columns`	`2 \| 3 \| 4`	`3`	Columns on wide containers; they drop to two and then one as the grid narrows. Default 3.
`gap`	`'sm' \| 'md' \| 'lg'`	`'md'`	Space between cards. Default `md`.

Hero Section — Первый экран лендинга
Feature Grid — Сетка преимуществ
Logo Cloud — Логотипы клиентов
Pricing Table — Тарифные планы
Comparison Table — Сравнение продуктов
Testimonials — Отзывы клиентов
FAQ Section — Частые вопросы
Award Badge — Награда с лавровым венком, звёздами и подписью
CTA Section — Блок призыва к действию
Newsletter Signup — Подписка на рассылку
App Store Buttons — Кнопки магазинов приложений: App Store, Google Play, Galaxy Store, RuStore
Footer — Подвал сайта