Section Categories Overview

Iconic Sections organizes its library of 167+ sections into categories so you can quickly narrow down what you need. This page explains what each major category contains and when each type of section is most useful.

To filter the Sections library by category, go to the Sections page and click any category tag in the filter bar, or click Show Filters to see the full list.

Hero and Banner

Hero and banner sections are large, full-width components designed to make an immediate visual impact at the top of a page. This category includes:

• Full-width hero images with text overlay and call-to-action buttons

• Video hero sections that autoplay a background video

• Parallax banners that create a depth effect on scroll

• Collection banners for showcasing product categories

Best used on: Homepage, landing pages, collection pages.

Product

Product sections are built for showcasing individual products or groups of products. This category includes:

• Product sliders and carousels

• Hotspot images (clickable points on a product photo)

• Image comparison sliders

• Frequently bought together layouts

• Shop the look sections

• Product video sections

Best used on: Homepage, product pages, collection pages.

Testimonials and Reviews

These sections display customer feedback to build trust and social proof. Options include multiple testimonial layout styles, star rating displays, and review carousels. Multiple design variations are available to match different brand aesthetics.

Best used on: Homepage, about pages, product pages.

FAQ and Accordion

FAQ sections present questions and answers in a collapsible accordion format. Tabbed content sections also fall into this category, letting you organize information under clickable tab headings. Useful for any page that needs to present a lot of information without overwhelming the visitor.

Best used on: FAQ pages, product pages, policy pages.

Navigation and Menu

Creative navigation sections go beyond standard header menus. This category includes:

• Circle menus — product categories displayed in circular icons

• Square menus — grid-based visual navigation

• Pill menus — rounded tag-style navigation links

• Link-in-bio style pages

Best used on: Homepage, collection pages, custom landing pages.

Media and Gallery

Gallery sections display images and videos in organized, visually engaging layouts. Options include:

• Image galleries with grid and masonry layouts

• Video galleries

• Lookbook sections (editorial-style image collections)

• Shoppable stories (image layouts with product links)

Best used on: Homepage, collection pages, brand story pages.

Animated and Text Effects

These sections add motion and visual personality to your store. Categories include:

• Text wave animation

• Gradient text effects

• Text illumination

• Rotating text carousels

• Letter-by-letter animation

Best used on: Homepage headers, promotional landing pages, brand storytelling sections.

Rotating Bars

Rotating bars are scrolling announcement bars that loop text or content across the width of the page. Multiple style variations are available including standard, angled, curved, and animated versions.

Best used on: Any page — often placed near the header or between sections to announce sales, shipping policies, or brand messages.

Countdown and Commerce

This category contains time-sensitive and conversion-focused section types:

• Countdown timers for sales and product launches

• Price lists

• Editors choice collection layouts

• Comparison tables

Best used on: Sale landing pages, product pages, homepage.

Specialty

Specialty sections cover specific use cases that do not fit neatly into other categories:

• Age checker (for stores selling age-restricted products)

• As-seen-on logo bars (press or partner logos)

• Team member sections

• Event calendar

• Map embed

• Newsletter signup forms

• Contact forms

Best used on: About pages, contact pages, brand pages, specialized landing pages.

Borders and Dividers

Styled horizontal dividers in nine design variations. Use these between sections to create visual separation and structure on long pages.

Best used on: Any page — placed between two sections to add spacing and polish.