Laioutr UI

CMS

The CMS package provides content-first UI components for marketing and editorial pages, including banners, sliders, blog content, reviews, quotes, and newsletter modules.

Overview

The CMS package is a collection of Laioutr UI components optimized for content-heavy pages: landing pages, editorial content, campaign pages, and branded marketing experiences. The focus is on flexible composition (sections you can rearrange), strong typography and media presentation, and patterns that help users scan content and build trust.

Use these components to quickly assemble marketing pages with consistent layouts while still giving editors room to vary structure and storytelling.

Included groups

Banner

Hero and content banner patterns: BannerBasic, BannerIntegrated, BannerShowcase, MediaText, UspBanner.

Slider

HeroSlider, ContentSlider, LogoSlider/Grid, plus Swiper navigation primitives.

Blog

BlogPostDetail (article view) and BlogPostListing (paginated index).

Reviews

Review section, ReviewForm, and SocialShare row.

Quotes

PersonaQuote, QuoteCard, and their slider wrappers for testimonial walls.

Newsletter

NewsletterRegistration section + EmailInputForm primitive.

Popups

PopUp shell + presets: Info, Newsletter, Promotion.

Container

Backdrop + grid + alignment + media-sizes layout primitive.

Brand Hero

Brand-led hero section with title, subline, and CTA.

Brand List

Grid or list of brand tiles for brand directories.

Editorial Grid

Editorial-style grid of cards with optional featured-card emphasis.

Content Grid

Generic responsive grid for cards, tiles, and other slotted content.

Media + Text

Editorial section pairing a large image or video with text content.

Media Gallery

Multi-image gallery with thumbnail strip and lightbox.

Edit this pageorReport an issue

Booking

The Booking package provides components and page templates for service-based booking experiences including availability display, scheduling, rescheduling, and customer booking management.

Banner Basic

A foundational call-to-action banner with background imagery, headline, subline, and configurable action button.