Features Block

A handful of short points, side by side. Use it for "what's included", "who this is for", or "how it works".

Content Block

Preview

Cards

Three columns of short points

What Every Class Includes

Mats and props

Everything you need is here. Bring yourself and a water bottle.

Small groups

Twelve people per class, so your teacher always sees you.

All levels welcome

Every pose has an easier and a stronger version. Take the one you need.

Cards with eyebrows

Two columns, each with a small label above the title

Who Practises Here

New to yoga

Start with Gentle Yoga

Slow, clearly explained, no experience needed.

Been practising a while

Try Vinyasa Flow

A faster class that builds heat and strength.

Steps

Numbered rows for a process

How Booking Works

1. 1

   Pick your class

   Browse the schedule and choose a time that suits you.

2. 2

   Book your spot

   Add your details. You will get a confirmation email straight away.

3. 3

   Come and practise

   Arrive ten minutes early so you can settle in.

Properties

Property	Type	Default	Description
title	string	-	Optional heading above the items
items	array	-	The list of points (see below)
layout	'cards' | 'steps'	'cards'	Cards side by side, or numbered rows
columns	2 | 3	3	How many cards fit across (cards layout only)

Item Properties

Property	Type	Description
eyebrow	string	Optional small label above the title
title	string	The point itself. Required
body	string	Optional supporting sentence or two

Usage

<FeaturesBlock
  content={{
    title: 'How Booking Works',
    layout: 'steps',
    items: [
      { title: 'Pick your class', body: 'Browse the schedule.' },
      { title: 'Book your spot', body: 'Add your details.' },
      { title: 'Come and practise', body: 'Arrive ten minutes early.' },
    ],
  }}
/>

Choosing a Layout

Layout	Good for	Example
Cards	Points of equal weight, in any order	What's included, who it's for
Steps	Things that happen in order	How to book, what your first visit looks like

Best Practices

• Three to six items — Fewer looks thin, more stops being scannable
• Short titles — A few words, not a sentence
• Keep bodies even — Similar lengths read as a set
• Steps mean order — Only number things that truly happen in sequence

Your Brand Carries Through

Cards use your theme's border weight, shadow style, and heading font. If you have set those in your theme, this block matches the rest of your site automatically. See Style Your Site.