FAQ

Updated 23 April 2026

Frequently asked questions

Quick answers to the most common questions about installing, using, and customizing @webbycrown/layout-suite.

Installation & setup

How do I install @webbycrown/layout-suite?

Install the package via npm and yarn inside an existing Next.js project:

npm install @webbycrown/layout-suite
yarn add @webbycrown/layout-suite

Which versions of Next.js are supported?

The kit is designed to work with modern Next.js versions, including both App Router and Pages Router. For the best experience, use the latest stable release of Next.js.

Usage

How do I render my first section?

Import a section component (for example, HeroSection) and render it in a page or route:

import { HeroSection } from "@webbycrown/layout-suite";

export default function Page() {
  return <HeroSection />;
}

Can I use multiple sections on a single page?

Yes. Sections are designed to be composed together freely. A common pattern is to combine hero, features, testimonials, and pricing on the same route to form a complete marketing page.

Customization

How do I match the sections to my brand?

You can customize copy and layout via props, override styles using your own CSS or utility classes, or wrap sections inside your design system components. See the Customization page for details.

Can I use only some of the components?

Absolutely. The library is modular; import only the sections or primitives you need. There is no requirement to adopt the entire kit at once.