byronwade/ui
Marketing & editorial

Patterns · Marketing & editorial

Marketing Layout

A variant-driven marketing-page layout primitive, one `variant` prop swaps between ten full marketing scaffolds (landing, pricing, article, bento, gallery, split-hero, feature-rows, centered, coming-soon, docs-marketing) built from the marketing nav / hero / sections / media / sidebar / toc / footer slots.

@byronwade/foundation@byronwade/utils

Feature showcase

Installation

Features

  • 1 example

    Default.

API

Props

PropTypeDefaultDescription
variant"landing" | "pricing" | "article" | "bento" | "gallery" | "split-hero" | "feature-rows" | "centered" | "coming-soon" | "docs-marketing""landing"Which full marketing-page layout scaffold to render.
classNamestring-Extra Tailwind classes merged onto the root element.

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.

Source and related

FilePath
Componentregistry/components/marketing-layout.tsx
Default examplecontent/examples/marketing-layout/default.tsx