Internal

Component review

Phase 3 layout primitives. Compare sections with bensachs.co.

SectionShell — backgrounds

background: white

background: light-blue

background: navy-gradient

background: dark-gray

background: none

HeroSection

Hero sample

Full-bleed background, stacked overlays, content in container.

Primary CTA Ghost on hero

HeadingGroup

Programs

Headline with highlight

Left-aligned with tagline, description, and buttons.

Approach

Growth that starts with your team

Centered variant for section intros.

ImageBreakoutSection — image right

Image-grow layout: wide column (~125% width) with in-flow aspect-ratio from the photo so the grid row matches Webflow (not position:absolute, which collapses row height).

See keynotes

ImageBreakoutSection — image left

Flipped layout places the image on the left for visual rhythm.

About Ben

FeatureCard

Keynotes

Standard card in a two-column grid.

Featured

Full Cohort Programs

Wide variant spans two columns on medium screens and up.

FeaturePanel

Seam + title + body for navy work-grid sections: full-surface links (hover) and static module tiles.

Linked work-grid panel

Linked panel: work-grid background hover matches program CTAs.

Static module panel

Static tile with smaller heading (3-up negotiation-style grids).

Light surface

White tile on dark sections (popular modules rows).

TextGridCard & IconTextCard

TextGridCard with animated border

Scroll-triggered line animation via animate-unroll-border + InViewObserver.

TextGridCard plain

Static card body when border animation is off.

Month 1

IconTextCard with illustration

Icon + step label + body copy pattern for feature grids.

IconTextCard with image icon

IconTextCard can use CMS icons from /images/cms/…

Trusted by

QuoteCard

Building block used inside TestimonialsSlider grid and slider variants.

“His management experience and teaching prowess shine through in All Rise , making it easy to see why Ben Sachs is one of the most in-demand experts for lawyers’ professional development.”
— Aisha Greene

TestimonialsSlider

Grid variant

“His management experience and teaching prowess shine through in All Rise , making it easy to see why Ben Sachs is one of the most in-demand experts for lawyers’ professional development.”

“One of the best CLE presentations I have heard in 30 years of practice.”

“Law firms must focus on creating effective and positive teams. Ben Sachs’s ability to work within all levels of an organization, and his deep experience in creating successful teams and authentic communication between team members, makes him the perfect guide for this crucial business need.”

“His management experience and teaching prowess shine through in All Rise , making it easy to see why Ben Sachs is one of the most in-demand experts for lawyers’ professional development.”
— Aisha Greene
“One of the best CLE presentations I have heard in 30 years of practice.”
— Anne Doe
“Law firms must focus on creating effective and positive teams. Ben Sachs’s ability to work within all levels of an organization, and his deep experience in creating successful teams and authentic communication between team members, makes him the perfect guide for this crucial business need.”
— David Wolfson

Stagger demo

data-stagger="stagger-1"

data-stagger="stagger-2"

data-stagger="stagger-3"

data-stagger="stagger-4"

Raster check

Sample next/image asset used above.