Footer

Site footer. Pro · Landing pages and brand › Conversion and footer

Installation

npx valyro-cli@latest login
npx valyro-cli@latest add footer

npm install valyro-ui-pro

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

Prop	Type	Default
`logo`	`ReactNode`		Brand mark at the top of the brand column.
`tagline`	`ReactNode`		Short line under the logo.
`columns`	`FooterColumn[]`		Titled link groups, rendered inside a `<nav>`.
`newsletter`	`ReactNode`		E.g. a NewsletterSignup.
`socials`	`FooterSocialLink[]`		Icon links to social profiles under the tagline.
`copyright`	`ReactNode`		Notice at the start of the bottom bar, e.g. "© 2026 Acme, Inc.".
`legalLinks`	`FooterLink[]`		Small links after the copyright, e.g. Privacy and Terms.
`status`	`FooterStatus`		"All systems normal" indicator with a coloured dot.
`bottomSlot`	`ReactNode`		Right end of the bottom bar, e.g. a theme switcher.
`navLabel`	`string`	`'Footer'`	Accessible name of the link columns' <nav>.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the column headings.

CTA Section — Call-to-action block
Newsletter Signup — Newsletter signup
App Store Buttons — App store buttons: App Store, Google Play, Galaxy Store, RuStore
Hero Section — Landing page hero
Feature Grid — Feature grid
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