Memberships
6 blocks · Sell access and gate content: membership pricing, members-only sections with an upsell, a member account page, course lesson lists, and video lessons only members can play.
Gate1
A section with three states chosen on the server: a pro member sees the lessons (the second one dripped open after seven days), a signed-in member on another plan sees an upgrade card, a visitor sees a sign-in card.
Other5
View allA numbered list of lessons from a collection. Free lessons link straight in; paid lessons show a padlock, a Pro chip and their teaser, and still link to the lesson page, which shows the upsell.
One account page for a membership site: signed-out visitors get the email sign-in form; members see their plans with end dates, a Manage billing button and sign out.
A section pair: members see the gated content; everyone else sees a locked card with an upsell to the plans. Gated content is removed on the server, so it never reaches a visitor who isn't a member.
Browse other blocks
Same library cards — preview live and grab the code from any block.
Hero split
Two-column hero with eyebrow, heading, description, and CTAs on the left. Image on the right.
Features three columns
Centered heading with three columns, each showing an icon, title, body text, and link.
Simple CTA
Centered call-to-action on an accent background with heading, description, and buttons.
Footer multi-column
Grid footer with brand blurb and multiple link columns. Copyright and social links at the bottom.
Navigation bar
Standard header with logo, nav links, primary CTA, and a mobile hamburger menu.
Testimonial cards
Two-column grid of testimonial cards with quote, photo avatar, name, and role.
Hero centered
Clean centered hero with eyebrow, large heading, description, and two CTA buttons.
Hero photo backdrop
Full-height hero with a cover photo, theme-tinted overlay, centered headline, subtitle, and CTAs.
Copy and image split
Two-column section with heading and body text on one side, rounded cover image on the other.
Hero dark background
Dark background hero with eyebrow, centered heading, description, and CTA buttons.
FAQ two columns
Six Q&As laid out in two columns with divider rows. Includes eyebrow, heading, and intro.
Image with story
Photo on the left, eyebrow, headline, body copy, and CTA on the right.