Heroes
Hero: Bullets
- heading — required
- subheading
- bullet_points — repeater, max 8; each item has: text
- cta_text — button text
- cta_url
- button_color — white | primary | secondary | mono
- secondary_cta_text — secondary button text
- secondary_cta_url
- secondary_button_color — white | primary | secondary | mono
- background_image
- hero_color — primary | secondary | mono | transparent
- overlay_style — dark | light | none
Shown with: hero_color=primary, overlay_style=dark, background_image set, dual buttons
Hero Bullets Example
Showcasing the bullets hero variant
- • First bullet point
- • Second bullet point
- • Third bullet point
Hero: Centered
- heading — required
- subheading
- cta_text — button text
- cta_url
- button_color — white | primary | secondary | mono
- secondary_cta_text — secondary button text
- secondary_cta_url
- secondary_button_color — white | primary | secondary | mono
- background_image
- hero_color — primary | secondary | mono | transparent
- overlay_style — dark | light | none
Shown with: hero_color=secondary, overlay_style=light, button_color=primary, dual buttons, background_image set
Hero: Split
- heading — required
- subheading
- body — rich text editor
- cta_text — button text
- cta_url
- button_color — white | primary | secondary | mono
- secondary_cta_text — secondary button text
- secondary_cta_url
- secondary_button_color — white | primary | secondary | mono
- image
- hero_color — primary | secondary | mono | transparent
- image_position — right | left
Shown with: hero_color=mono, image_position=left, dual buttons
Hero Split Example
Showcasing the split hero variant
This is the body rich text area. It supports formatting and can contain multiple paragraphs.
Hero: Centered (no image)
Same block type shown without a background image for a minimal look: hero_color=transparent, button_color=secondary
Hero Centered Without Image
A minimal look using centered hero without a background image
Images
Image
- image — required
- alt_text — required
- caption
- image_size — full | constrained
Shown with: image_size=full (default)
Image (constrained)
Same block type shown with: image_size=constrained
Image: Text
- image — required
- alt_text — required
- body — required, rich editor
- image_position — right | left
- panel_style — none | whole | individual
Shown with: image_position=left, panel_style=none (default)
Image with Text
On mobile, the image stacks on top with text underneath. On larger screens, this becomes a two-column layout with the image on the left or right.
- Supports full rich text formatting
- Configurable image position
Image: Text (whole panel)
Same block type shown with: panel_style=whole
Image with Text in Panel
The entire image-and-text layout is wrapped in a single panel, creating a cohesive card-like appearance.
Image: Carousel
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- slides — repeater, 2–12 items; each has: image (required), alt_text (required), caption
- image_fit — cover | contain
Shown with: 3 slides, heading, image_fit=cover (default)
Carousel Example
Caption for the first slide
Caption for the second slide
Caption for the third slide
Image: Gallery
- slides — repeater, 2–12 items; each has: image (required), alt_text (required)
- image_fit — cover | contain
- auto_advance — boolean, auto-cycles every 5s (pauses on hover)
Image-only carousel with overlay navigation, image_fit=contain, auto-advance enabled
Text
Rich Text
- body — required, rich editor (bold, italic, underline, strike, h2, h3, bullet list, ordered list, link, blockquote)
- panel_style — none | whole
Shown with: various formatting examples, panel_style=none (default)
Heading Two
Heading Three
A paragraph with bold, italic, underline, and strikethrough text. Here is a link.
- Unordered list item one
- Unordered list item two
- Ordered list item one
- Ordered list item two
This is a blockquote element.
Rich Text (panel)
Same block type shown with: panel_style=whole
Rich Text in a Panel
This rich text block is wrapped in an mjm-panel component, giving it a card-like appearance with rounded corners, shadow, and padding.
Two Column
- left_column — required, rich editor
- right_column — required, rich editor
- panel_style — none | whole | individual
Side-by-side rich text columns, panel_style=none (default)
Left Column
This is the left column content. It supports the same rich text formatting as the standard rich text block.
- Lists work here too
- As does other formatting
Right Column
This is the right column content. Both columns are independently editable with their own rich text editors.
- Numbered lists
- Are also supported
Two Column (individual panels)
Same block type shown with: panel_style=individual
Left Panel
Each column is wrapped in its own individual panel, creating two separate cards side by side.
Right Panel
This creates a nice visual separation between the two columns while keeping them in a grid layout.
Accordion / FAQ
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- items — repeater, max 20; each has: question (required), answer (required, rich editor)
Shown with: heading_color=secondary, 3 collapsible FAQ items
Frequently Asked Questions
We offer coaching for all age groups, from juniors (age 6+) through to adults. Our programmes are tailored to each student's level and goals.
No! We provide all equipment for in-person sessions. For online lessons, you just need:
- A computer or tablet
- A free account on Lichess or Chess.com
Simply visit our contact page and fill in the enquiry form. We'll get back to you within 24 hours to arrange your first session.
Collections
Testimonials
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- quotes — repeater, max 10; each has: quote (required), attribution (required), role
Shown with: heading_color=primary, 3 quotes with roles
Testimonials Example
“This is the first testimonial quote demonstrating the component.”
“A second testimonial to show how multiple quotes are displayed in a grid.”
“A third testimonial rounds out the grid layout nicely.”
Meet the Team
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- members — repeater, max 12; each has: photo, name (required), role, bio, link
Shown with: heading and 3 members with photos, roles, bios, and links
Meet the Team
Sarah Mitchell
Head Coach
International Master with over 15 years of coaching experience at all levels.
View Profile
David Chen
Junior Coach
FIDE Master specialising in youth development and tournament preparation.
View Profile
Emma Walker
Club Manager
Keeps everything running smoothly, from events to memberships.
View ProfileStats / Numbers
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- stats — repeater, max 8; each has: value (required), label (required)
- style — primary | secondary | mono
Shown with: heading_color=secondary, 4 stats, style=primary
Our Track Record
Logo Cloud
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- logos — repeater, max 20; each has: image (required), alt_text (required), link
Shown with: heading_color=primary, 3 logos with links, grayscale hover effect
Our Partners
Cards Grid
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- cards — repeater, max 12; each has: icon, image, title (required), description (required), link_text, link_url
- columns — 2 | 3 | 4
Shown with: 3 cards with images and icons, columns=3
Our Services
Private Coaching
One-on-one sessions tailored to your level and goals, from beginner to advanced tournament play.
Learn More
Group Sessions
Small group classes for schools and clubs, focusing on strategy, tactics, and competitive play.
Learn More
Tournament Prep
Intensive preparation for upcoming competitions, including opening repertoire and endgame technique.
Learn MoreTimeline
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- date_format — year | month_year | full_date
- reverse_order — boolean toggle (newest first)
- events — repeater, max 30; each has: date (required), end_date (optional), title, content (required, rich editor)
Shown with: date_format=month_year, heading, 4 events with titles
Our Journey
Founded
Started as a weekend project between two friends who were frustrated with existing tools for managing chess clubs.
First 100 Members
Reached our first milestone of 100 active members across three local clubs.
National Partnership
Partnered with the national chess federation to provide coaching resources to schools nationwide.
Online Launch
Launched our online platform, enabling remote coaching sessions and tournament preparation from anywhere.
Timeline (Date Ranges + Reverse)
- heading
- date_format — full_date
- reverse_order — true (newest first)
- events — 4 events, 3 with date ranges + 1 single date
Shown with: date_format=full_date, reverse_order=true, date ranges
Career Milestones
Director of Strategy
Appointed to the board to shape the organisation's long-term vision and partnerships.
National Programme Lead
Led the national schools initiative, introducing chess to over 500 primary schools.
Regional Coordinator
Managed coaching programmes across the South-West region, doubling participation.
Junior Coach
Completed a two-year apprenticeship, coaching beginners and organising weekly club nights.
Pricing Table
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- tiers — repeater, max 4; each has: name (required), price (required), description, features (simple repeater), button_text (required), button_url (required), is_featured
Shown with: 3 tiers, middle tier featured
Membership Plans
Basic
Perfect for beginners
- 2 group sessions per month
- Access to online resources
- Monthly progress report
Pro
For serious improvers
- 4 group sessions per month
- 1 private lesson per month
- Tournament entry support
- Access to online resources
- Weekly progress report
Enterprise
For competitive players
- Unlimited group sessions
- 4 private lessons per month
- Tournament entry & travel support
- Opening repertoire building
- Daily training plan
Actions (CTAs)
CTA: Centered
- heading — required
- description
- button_text — required
- button_url — required
- secondary_button_text
- secondary_button_url
- secondary_button_variant — white | primary | secondary | mono
- cta_color — primary | secondary | mono | transparent
Shown with: cta_color=primary, dual buttons
CTA Centered Example
This is the description text for the centered CTA block.
CTA: Centered (secondary)
Same block type shown with: cta_color=secondary
CTA: Banner
- heading — required
- description
- button_text — required
- button_url — required
- secondary_button_text
- secondary_button_url
- secondary_button_variant — white | primary | secondary | mono
- cta_color — primary | secondary | mono | transparent
- background_image
- overlay_style — dark | light | none
Shown with: cta_color=mono, overlay_style=light, background_image set, dual buttons
CTA Banner Example
This banner CTA has a background image with a light overlay.
CTA: Split
- heading — required
- description
- button_text — required
- button_url — required
- secondary_button_text
- secondary_button_url
- secondary_button_variant — white | primary | secondary | mono
- cta_color — primary | secondary | mono | transparent
- image
- image_position — right | left
Shown with: cta_color=secondary, image_position=left, dual buttons
CTA Split Example
A split CTA with the image on the left and secondary styling.
CTA: Minimal
- heading — required
- button_text — required
- button_url — required
- secondary_button_text
- secondary_button_url
- secondary_button_variant — white | primary | secondary | mono
- cta_color — primary | secondary | mono | transparent
Shown with: cta_color=transparent, dual buttons
CTA Minimal Example
Media
Video Embed
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- video_url — required, YouTube or Vimeo URL (auto-parsed to embed URL)
- description
- aspect_ratio — 16:9 | 4:3
Shown with: heading_color=primary, YouTube URL, heading, description, aspect_ratio=16:9
Watch Our Introduction
Learn more about our coaching approach and what makes us different.
Layout
Spacer / Divider (divider)
- style — spacer | divider
- size — small | medium | large
Shown with: style=divider, size=medium
Spacer / Divider (spacer)
Same block type shown with: style=spacer, size=large — creates empty vertical space
Embed / HTML
- heading
- heading_color — dark | light | primary | secondary (default: dark)
- embed_code — required, raw HTML
- max_width — full | constrained
Shown with: heading, sample HTML embed, max_width=constrained