Sections

Copy any of these sections now, and paste them in your AI to build them into your website or app right away.
Heroes, pricing tables, FAQ accordions, testimonial walls, footers, and 15 more big building blocks.

You can customize the layouts, the columns, and the content, so every section fits your page like it was designed there from day one.

Hero Section

The section that sells the page in three seconds: headline, subline, and the action you want taken.

Customize

Pricing Table

Tier cards that make the choice obvious. Pick the tier count, the highlight, and whether billing toggles.

Customize

FAQ Accordion

An accessible FAQ accordion, with optional FAQPage schema that always matches the visible questions.

Customize

Testimonial Wall

A social proof section built from your real customer quotes. Grid, carousel, or one big spotlight.

Customize

Comparison Table

An honest us-vs-them feature table. Your column leads, but every cell must be true.

Customize

Related Cards

A 3-up row of internal-link cards that keeps readers moving through your site.

Customize

Note Box

A calm callout block for the things readers need to know: how it works, why to trust you, what to watch for.

Customize

Offer CTA Section

The closing pitch: a dark offer card with a badge, a big title, and the button you want pressed.

Customize

Numbered Steps Section

Your process as a row of cards with giant accent numbers. An ordered list, so the sequence is real markup.

Customize

Feature Cards Grid

What your product does, as a grid of icon cards with alternating backgrounds. Pick the count and icon style.

Customize

Product Gallery

A main image with a thumbnail row. Swipe on touch, arrows on desktop, zero layout shift.

Customize

Team Cards

A people grid with photo, name, role, and one optional link each. Real people only.

Customize

Timeline Section

A vertical milestone line for history or roadmap pages. Real dates and events from your config.

Customize

Tabbed Content Section

Accessible tabs for content that shares one spot. Real tablist markup, arrow-key support included.

Customize

Footer Mega Section

The full site footer from one config object: link columns, brand block, legal row.

Customize

Countdown Teaser Section

A bold full-width teaser block: one hype line, a giant live countdown, and a stat line with the key numbers in pills.

Customize

Sales Letter Section

The long-form founder letter that direct-response legends are built on: personal, punchy, one line at a time.

Customize

Alternating Feature Rows

The classic zigzag: image left, text right, then flipped, walking the visitor feature by feature.

Customize

Video Hero

A full-screen background video under your headline: the beach-club opener that sells atmosphere instantly.

Customize

Events Calendar

A what's-on listing for venues: every upcoming event with its day, name, and hook, past events gone automatically.

Customize

Promo Code List

Customize and copy this promo code list for your website. Promo codes (the short codes shoppers type at checkout for a discount) sit in tidy rows, each with a Get Code button. Adjust the options, copy the instructions, and your AI rebuilds the list on your own site.

Customize

Social Media Links Section

Customize and copy this social media links section for your website. It lists your profiles as cards, with one link to each that opens in a new window. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Customize

Live Stream Embed

Customize and copy this live stream section for your website. It plays your live stream right on your site, with a button that opens it on the platform you use to stream. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Customize

Video Gallery Section

Customize and copy this video gallery section for your website. It shows your videos from YouTube, TikTok or any social media or video source you choose, so your visitors just have to click to play them. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Customize

Scrolling Announcement Bar

Customize and copy this scrolling announcement bar for your website. It slides your short messages across your page in a loop that never stops, so your visitors catch your offers and news as they scroll. Customize it to your liking, copy the instructions, and let your AI build it inside your project.

Customize

Fact Box

Customize and copy this fact box for your website. It shows the key facts about you or your brand in one neat box, so your visitors get who you are at a glance. Use the preview to customize the template, then copy the instructions, and let your AI build it inside your project.

Customize

Hero, pricing and FAQ section examples to copy

Sections are the big building blocks a page is made of. Start here when you're building a page from scratch, or when one block on your page is clearly the weakest and you want to replace it.

Using one takes a minute. Every section comes with a prepared block of text, copy it, hand it to any AI (Claude, ChatGPT, Cursor) and watch it rebuild the section inside your page, in your colors and fonts.

21 website sections ready to drop in your page

This shelf carries 21 section designs, grouped by what they do for you:

  • For selling: Pricing Table, Comparison Table, Offer CTA Section, Sales Letter Section, Countdown Teaser Section and Promo Code List
  • For showing off: Hero Section, Video Hero, Product Gallery, Feature Cards Grid and Alternating Feature Rows
  • For building trust: Testimonial Wall, Team Cards, FAQ Accordion and Numbered Steps Section
  • For organizing content: Tabbed Content Section, Timeline Section, Related Cards, Note Box and Events Calendar
  • For closing the page: Footer Mega Section

Whatever your page is missing, one of these blocks probably fills the hole.

Unlock every section design for $20 a month

Get a subscription to access the whole 21 sections listed above. For $20 a month you unlock every design in the library, not just this shelf, plus every design we add later.

There's also a free path. Each day the 10 most copied designs become free on the Freebies shelf.

81

designs in the library

Get all of them for $20 a month, or $192 a year (you get 20% off).