| Section | Use it for |
|---|---|
| Hero banner | Large image with headline, text and up to two buttons |
| Showcase switcher | A browser frame with tabs that swap screenshots or images in place |
| Featured collection | A grid or swipeable row of products from one collection |
| Collection tabs | Tabs such as New arrivals, Best sellers and On sale |
| Collection list | Category tiles with images |
| Promo grid | One large and two small promo tiles, or equal tiles |
| Countdown banner | A sale message with a live timer |
| Image with text | Your story or a product highlight next to a large image |
| Features | Columns with icons, such as shipping, returns and warranty |
| Stats | Big numbers with short labels |
| Testimonials | Customer quotes with star ratings |
| Logo list | Brand or press logos |
| FAQ | Questions and answers that open and close |
| Rich text | A heading, text and button |
| Blog posts | Latest posts from a blog |
| Email signup | A newsletter form |
| Contact form | A contact form for any page |
| Theme showcase | Large product cards with live demo buttons, for digital products |
| Custom Liquid | Code snippets from apps or your developer |
| Divider label | A small label between sections |
| Announcement bar | One message above the header |
Sections reference
Every section that comes with Kinetic and what it's for.