This is the introduction of the blog post. A short and clear opening that gives the reader an overview of the topic and encourages them to continue reading.
This is where the main content of the blog post begins. You can structure the text into multiple paragraphs, include explanations, examples, and supporting information.
Highlight section title
A short description inside the hero block. This area is ideal for highlighting a service, feature, or an important message.
Learn moreExample lists in content
- First important point
- Second key takeaway
- Third item in the list
- First step
- Second step
- Third step
Second highlight section
The same hero block can also be used with the image positioned on the right side. Images should be centered and limited to a maximum width of 400px.
Get in touchFrequently Asked Questions
Does this FAQ section work without JavaScript?
Yes. The details and summary elements
are native HTML components and work without any JavaScript.
Can hero blocks be reused multiple times?
Absolutely. Hero blocks are reusable components and can be placed anywhere within the blog content.
Where can I style the button?
The button uses the .primary class, which should
already be defined in your existing design system.