Logo Cloud

Логотипы клиентов. Pro · Лендинги и бренд › Первый экран

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add logo-cloud

npm install valyro-ui-pro

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

Prop	Type	Default
`title`	`ReactNode`		Heading above the logos, e.g. "Trusted by"; also the section's accessible name.
`logos` *	`LogoCloudItem[]`		Logos in order, each announced by its name and a link when it has `href`.
`variant`	`'grid' \| 'marquee'`	`'grid'`	`marquee` scrolls endlessly, pauses on hover/focus and is static with reduced motion.
`duration`	`number`	`40`	Seconds for one full marquee loop.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the title (h1–h6).

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