FAQ Section

Частые вопросы. Pro · Лендинги и бренд › Тарифы и доверие

Установка

npx valyro-cli@latest login
npx valyro-cli@latest add faq-section

npm install valyro-ui-pro

import 'valyro-ui-pro/styles.css';
import { FAQSection } 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` *	`FAQItem[]`		Questions with their answers; each opens and closes independently.
`layout`	`'split' \| 'centered'`	`'split'`	`split`: heading on the left, questions on the right (stacks when narrow).
`defaultOpen`	`number[]`		Indexes of the items open on first render.
`contact`	`FAQContact`		"Still have questions?" block with a contact link.
`headingLevel`	`1 \| 2 \| 3 \| 4 \| 5 \| 6`	`2`	Level of the section title; questions use the next level.

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