# Blocks

Assemble your pages using configurable content blocks.

## Blocks

Hinode provides more than 15 ready-to-use content blocks. These blocks allow you to quickly assemble your content pages using visual elements. Powered by [Bookshop](https://github.com/CloudCannon/bookshop), these blocks are ready for [visual editing](https://cloudcannon.com/documentation/user-articles/what-is-the-visual-editor/).


- [About](/docs/blocks/about/index.md): Use the about content block to display a lead text next to a featured illustration.
- [Approach](/docs/blocks/approach/index.md): Use the approach block to show a featured image with one or more steps.
- [Articles](/docs/blocks/articles/index.md): Use the articles block to show a group of article cards.
- [Cards](/docs/blocks/cards/index.md): Use the cards block to show a group of content cards.
- [Contact form](/docs/blocks/contact-form/index.md): Use the contact form content block to display a contact form with server-side forms integration.
- [CTA](/docs/blocks/cta/index.md): Use the CTA content block to display an action link with an optional contact.
- [FAQ](/docs/blocks/faq/index.md): Shows an accordion of frequently asked questions. Clicking on a question reveals the answer interactively.
- [Featured](/docs/blocks/featured/index.md): Use the featured content block to feature a specific article or downloadable asset.
- [Heading](/docs/blocks/heading/index.md): Use the heading content block to show a heading with optional regular content.
- [Hero](/docs/blocks/hero/index.md): Shows a hero banner on the top of the page. The section supports a background image with an overlay to improve contrast. The hero includes a headline and optional breadcrumb for site navigation.
- [List](/docs/blocks/list/index.md): Use the list content block to show a list of articles.
- [Menu](/docs/blocks/menu/index.md): Use the menu content block to render a grid of level 1 and level 2 menu items.
- [Panels](/docs/blocks/panels/index.md): Use the panels content block to display multiple toggable panels.
- [Preview](/docs/blocks/preview/index.md): Display live URL previews with switchable device views (desktop, tablet, mobile). Shows websites or web applications in an iframe with device-specific dimensions and responsive controls.
- [Releases](/docs/blocks/releases/index.md): Use the releases content block to display a timeline with release information.
- [Separator](/docs/blocks/separator/index.md): Adds a section separator. The separator spans the entire page from edge to edge on smaller devices. On larger screens, the separator is bound by the maximum container width that contains the section.
- [Team](/docs/blocks/team/index.md): Use the team content block to show a group of team members.
- [Testimonials](/docs/blocks/testimonials/index.md): Use the testimonials content block to display one or more client testimonials.
- [Video message](/docs/blocks/video-message/index.md): Features a video with optional messages.