Logo Cloud

Customer logos. Pro · Landing pages and brand › Hero

Installation

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 — Landing page hero
Feature Grid — Feature grid
Bento Grid — Responsive bento grid of cards in mixed sizes
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