FeatureSplitSection

Overview

A split layout for feature highlights. The text column includes a tag, badge, title, description, optional bullet list, and CTA. The image can be a standard <img> or a CSS background image. Supports imagePosition to flip the layout.

Usage

import { FeatureSplitSection } from "@leanicon/web-builder-library";

Image right (default)

Ship faster with our platform

Everything you need to build and launch marketing pages quickly. Our drag-and-drop builder, pre-built blocks, and one-click publishing make it simple.

Image left

Set imagePosition="left" to flip the layout.

Powerful analytics built in

Understand how your visitors interact with your pages. Track conversions, measure performance, and optimise for results.

With tag and features list

Add tag for an uppercase label and features for a bullet checklist.

BUILD

Launch personalized outbound campaigns in minutes

Instantly pinpoint the right buyers with real-time data. Then use simple AI prompts to automate full-funnel, multichannel campaigns in just a few clicks.

Real-time data and signals to pinpoint your perfect leads
AI Assistant to build lists and campaigns from scratch using natural language
Built-in deliverability tools to keep your domain safe

With tag and features — image right

EXECUTE

Connect with more prospects in less time

Start each day with a prioritized list of the most important actions so you can focus on conversations that move the needle.

Task prioritization & call scripts to convert more leads
Built-in parallel dialer to connect with more prospects faster
Chrome extension to execute tasks anywhere on the web
AI-powered insights and follow-ups to make the most of every meeting

With badge and CTA

New feature

Collaborate with your team in real time

Invite teammates, leave comments, and ship together. Built-in collaboration tools mean fewer meetings and faster decisions.

With background image

Use backgroundImage instead of a standard image for a full-bleed CSS background.

BUILD

Launch personalized outbound campaigns in minutes

Instantly pinpoint the right buyers with real-time data. Then use simple AI prompts to automate full-funnel, multichannel campaigns in just a few clicks.

CTA outline variant

Ship faster with our platform

Everything you need to build and launch marketing pages quickly. Our drag-and-drop builder, pre-built blocks, and one-click publishing make it simple.

Dark mode

Enterprise

Enterprise-grade security

SOC 2 Type II certified, end-to-end encrypted, and compliant with GDPR and HIPAA out of the box.

With features — dark mode

BUILD

Launch personalized outbound campaigns in minutes

Instantly pinpoint the right buyers with real-time data. Then use simple AI prompts to automate full-funnel, multichannel campaigns in just a few clicks.

Real-time data and signals to pinpoint your perfect leads
AI Assistant to build lists and campaigns from scratch using natural language
Built-in deliverability tools to keep your domain safe

Image right — dark mode

Ship faster with our platform

Everything you need to build and launch marketing pages quickly. Our drag-and-drop builder, pre-built blocks, and one-click publishing make it simple.

Props

Prop	Type	Default	Description
`title`	`string`	—	Section title (required)
`description`	`string`	—	Section description (required)
`image`	`ImageProps`	—	Feature image (required)
`tag`	`string?`	—	Uppercase monospace label above the title
`badge`	`string?`	—	Badge pill above the title
`features`	`FeatureSplitItem[]?`	—	Bullet checklist with optional custom icons
`cta`	`CTAButton?`	—	Call-to-action button
`backgroundImage`	`string?`	—	CSS background image URL (replaces standard `<img>`)
`imagePosition`	`"left" \| "right"`	`"right"`	Which side the image appears on
`colorScheme`	`"light" \| "dark"`	—	Force light or dark mode
`className`	`string`	—	Additional CSS classes on root

FeatureSplitItem

Field	Type	Description
`icon`	`React.ReactNode?`	Custom icon — defaults to a `CheckIcon`
`text`	`React.ReactNode`	Feature text (required)

Notes

tag renders as monospace uppercase text; badge renders as a Badge pill. Use one or the other.
features items default to a green CheckIcon if no custom icon is provided.
backgroundImage renders a CSS background-image div instead of an <img> — useful for full-bleed hero-style imagery.
The CTA button variant defaults to "outline" in light mode and "default" in dark mode. Override via cta.variant.
Dark mode: pass colorScheme="dark" or place inside a .dark ancestor.