Sections

Updated 23 April 2026

Watch Demo

Available UI sections

Explore the high-level sections included in @webbycrown/layout-suite. Each section is optimized for marketing, product, and documentation use-cases and can be mixed and matched freely. Use this page as the catalog of everything that ships out of the box.

All sections at a glance

@webbycrown/layout-suite provides the following ready-made sections:

  • HeroSection – above-the-fold hero.
  • FeaturesSection – feature/value grid.
  • TestimonialsSection – quotes and logos.
  • PricingSection – plans & tiers.
  • CTASection – focused call to action.
  • FAQSection – common questions & answers.
  • ContentSection – rich text / docs style blocks.

You can import any section individually and compose them into complete pages.

Hero Section

The HeroSection is your primary entry point. It ‘s built to communicate a clear value proposition, a short supporting description, and one or two key calls to action.

Features Section

The FeaturesSection is designed to highlight product capabilities in a compact grid. It works well immediately below the hero to reinforce your main value proposition.

Testimonials Section

The TestimonialsSection elevates customer quotes, logos, and proof points. Use it to build trust and show how real teams are succeeding with your product.

Pricing Section

The PricingSection helps you visualize pricing tiers, feature matrices, and call-to-action buttons. It’s flexible enough for SaaS, usage-based, or simple one-plan offerings.

CTA Section

The CTASection is a focused call-to-action block typically used near the end of a page to convert users. It supports primary and secondary actions, as well as short supporting copy.

FAQ Section

The FAQSection presents frequently asked questions in an accessible, collapsible list or stacked layout. It’s ideal for addressing common objections or implementation concerns directly on your marketing pages.

Content Section

The ContentSection is a flexible block for documentation’style content, feature deep dives, or long-form explanations. It pairs especially well with a sidebar or table of contents.