This page is a living document of all the sections available in Contentful, their names, and some descriptions of their variations and use cases.
Intended to be used as a page heading, to show an athlete photo and name
This is the best superfood shake mix we've ever tried. Seriously. We loved it so much, we bought the company. The attention to detail that they put into every ingredient is impressive.

A container-width section with two columns: One for an image, and another for a heading, description, and as many expandable accordions as desired.
The image can be set to either cover the entire space, or, if a transparent product image, to have padding around it, and show a checkered background display behind the image.
The `💎 Section - Banner` is a very versatile components, with 6 different display variations. However, all of them share the same fields and intent, which is to draw a users attention to a call-to-action, and show some imagery and text to entice them to click it. Allows you to select a theme, image placement, and highlight the heading text.

Amateur bike rider, professional instagram poster, half health geek, half beer drinker.
On desktop, displays an image that covers half of the banner, and a heading, text, and button in the other half. On mobile, the image stacks below the text and button.
Similar to the "Cutout" variation, however a product card can be shown. The image and card can be placed on either the left or right side of the banner.
Intended for a transparent-background product image to be highlighted, which will be placed on the right-side of the banner, with an optional checkered texture shown behind it, and text and a call-to-action in the left. On mobile the banner become more of a square, with the image in the bottom-right corner, and the text at the top.
Add an image that covers the entire background of the banner, and optionally add text and a call-to-action on top of it. On desktop the height of the banner is determined by the text content, while on mobile there is more-square aspect ratio.
Similar to the "Transparent" banner, except a larger transparent product image is expected, and, on desktop, it will overflow the top of the banner by 64px.
Shows cards as references to other Contententful pages, like blog posts or "Story" pages
The `💎 Section - Box Carousel` accepts a list of `🧱 Box Carousel Item` child components, each of which has a set height, accepts a large background image, and has fields for a heading, description, and a call-to-action. Also, each Box Carousel Item can have a theme set independently.
The carousel will show two-and-a-half items on desktop, then, as the screen gets smaller, will only show one-and-a-half items.
Shows a testimonial with a brand logo, on top of a large background image
A simple "banner", that just has a theme-able background and checkered pattern, with a centered headline and optional subheading a rich text. Within the rich text area, if bullet points are used, they are styled with a star for the bullet point.
The `💎 Section - Collection Header` is intended to be used at the top of the collection pages, above a product grid, although it could be used anywhere. It limits the width of the copy, displaying a partial-width heading and description, with padding above and below, and built-in bottom border.
We have a wide variety of protein powders, bars, collagens and supplements for muscle growth. No matter your dietary restrictions, you’ll find a proven protein source to meet your needs and keep those muscles replenished.
Allows for a brand-focused section to be created, showing the brand logo and a selection of product cards
For adding longer-form copy, alongside a product cards, which can configured to appear with a "VS" badge to look like a direct comparison between them.
The `💎 Section - Embedded Video` shows a container-width video, hosted on either Vimeo or YouTube.
A list of accordions, showing questions and hidden answers.
Showing a product with a variant selector, similar to a PDP page. This is the only way to show a whole product "group" (i.e. with all variants) within a section.

Flexitarian freegan thundercats tacos you probably haven't heard of them vape try-hard. Crucifix drinking vinegar cupping beard.
A section to show a product alongside nutrition stat pills and description. The CTA will only link to the PDP, though, and not add to cart.
Intended to be used as a list of ingredients. The ingredients can be re-used across different instances
A 3-wide grid of selected variants, showing as "large" versions of product cards, with a pre-determined color pattern.
Skateboard snackwave scenester, hella vegan before they sold out poutine XOXO tbh
Shows the `Section - Lifestyle Banner` in either two or three-columns, depending how many are included. If two columns, only one product card can be used, and if three columns, no product cards are shown.
A product-card carousel next to an image that has room for a short heading and description inside the image. There is no maximum number of cards allowed, but at least four product variants must be used in the carousel.
A grid of product-cards, placed next to a tall image, that has a heading, description, and optional button, all that sit on top of the image. The product cards become a carousel on mobile.
A list of offer cards, appearing in a 4-wide grid, each with a heading, subheading, and description
An interactive section, that allows you to create a list of buttons, and then when clicked, each button will cause a transition to show the associated "Lifestyle Collection" component.
A selected product variant sitting on top of a background
A simple carousel of selected product variant cards, with no minimum or maximum, below a heading that can be optionally highlighted.
A carousel of tall cards, with aspect ratios similar to a portrait-oriented mobile device. The idea is to use the same assets to those used in our social media posts. The children that create the cards are "Section - Lifestyle Banner"s, but only the mobile image is used.
A small card of a heading, subheading, and description, next to another rounded image "card"


Synth offal trust fund, chartreuse chambray raw denim lumbersexual neutra bruh jianbing copper mug
View all brands


Synth offal trust fund, chartreuse chambray raw denim lumbersexual neutra bruh jianbing copper mug
View all brands
An interactive tabs section that is specifically designed to show tabs with brand logos, and then an associated "Lifestyle Banner with Product Cards". The brand logos are pulled in from the FeedDashboard database, so any adjustments should be made there, and the selected brand names much match the names in the dashboard exactly.
A testimonial with an image "card" next to it with a configured product variant card.
A container-width image, at it's natural aspect ratio.


Content types for adding formatted content, as well as some larger components that we can't show a preview of.
An entire page section used to highlight an athlete on the High Performance Team. You can see an example of this page here: https://thefeed.com/high-performance/cole-paton
A filterable product grid, as found on any of our "Product Listing Pages" (PLPs), brand pages, and category pages. You can select a category, as defined in a Shopify tag (e.g. `Category:Nutrition>Bars`), add a Shopify collection name, or just select a list of individual product variants.
A section for adding custom HTML. If you do not to edit any HTML tags directly, you should probably try to use `Section - Rich Text` first, as that supports headings, paragraphs, and horizontal rules.
The `💎 Section - Bullet List` section is a horizontal list of short pieces of text with checkmarks as bullet points, typically used for value props. A light- or dark-theme can be selected, and the heading can be highlighted.

"Coloring book hoodie street art kickstarter, activated charcoal polaroid poutine. Normcore literally brunch, pork belly sus venmo adaptogen ugh copper mug."
The `💎 Section - Banner Grid` section supports adding either two, three, or four `Banner Grid Items` components, that then organize themselves into a grid.
With two items, just two columns are shown, that then stack vertically on mobile.
With three items, the first becomes a large square that takes up the left half of the grid, and then the other two are stacked on the right half of the grid.
With four items, it's similar to having three, except there are then two very small items in the bottom-right quadrant of the grid.

Nicole van der Kaay is back, sharing some insight into her fueling strategy that powered her to a debut 70.3 win. Check out how she's adapting her fueling to meet the varying demands of triathlon.
Read More
Just as your training changes from one season to the next, your nutrition strategy needs to adjust as well. The solid foundation of fueling habits you've built through winter becomes the launchpad for a targeted fueling plan to match the intensity and heat of summer.
Read More
Introducing The Feed Lab. Our answer to the value problem in performance nutrition. Learn how this brand will change the game for affordable, effective fueling.
Read MoreFormulated by our expert in-house nutrition and technical teams.

Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.


Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.

Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.

Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.

Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.

Packed with 6g of protein per cookie, this is the perfect pre, post, or anytime treat.
A container-width banner that has a large background image and text that sits atop the image atop a gradient. Optionally, product variants can be selected, and will be placed either on the left or right-side, with a partial overlap of the image, unless over 5 cards are used, then a centered carousel is created.
If the "Tall" variant is selected, the background images becomes much taller, and the product cards are placed entirely within the image.
🥕 An Offer Item
100% Off All Year
Yes plz 3 wolf moon plaid, man bun la croix chartreuse artisan.
😘 An Offer Item
0% Off this week
Yes plz 3 wolf moon plaid, man bun la croix chartreuse artisan. Yes plz 3 wolf moon plaid, man bun la croix chartreuse artisan.
😳 An Offer Item
BOGO
Yes plz 3 wolf moon plaid, man bun la croix chartreuse artisan. Yes plz 3 wolf moon plaid, man bun la croix chartreuse artisan.
🐨 An Offer Item
🐒 An Offer Item
Wolf moon plaid, man bun la croix chartreuse artisan.
🌻 An Offer Item
Sunshine in the city
Wolf moon plaid, man bun la croix chartreuse artisan.
🚒 An Offer Item
20% Off
🏀 Another Offer Item
2000% Off
Vegan franzen kogi cliche disrupt craft beer. Forage quinoa master cleanse salvia wayfarers.

Chartreuse marxism tacos mustache freegan, gastropub chicharrones typewriter.

Chartreuse marxism tacos mustache freegan, gastropub chicharrones typewriter.
The component to use for adding any editorial content. It supports selecting different heading levels (i.e. H1, H2, etc) and full-feature text formatting, such as bold, italics, underlines, lists, quotes, and tables.
Formulated by our expert in-house nutrition and technical teams.



This iconic snack has been a staple for cyclists for centuries...but now it packs a little more punch. This wafel includes 6 grams of protein and a delicious caramel filling.
Podium's Protein Stroopwafel is the perfect energy-sustaining treat with the addition of more protein than an other wafel, making it a bit more versatile for everyday activity.
Cross pollination across our domains we want to empower the team with the right tools and guidance to uplevel our craft and build better we need evergreen content, and upstream selling churning anomalies, for dunder mifflin.
Why that's me, look at me, I'm an old man. No no no no no, Marty, both you and Jennifer turn out fine. It's your kids, Marty, something has got to be done about your kids. Never mind that now, never mind that now. Watch it, Goldie. Now Biff, don't con me.

When your sweat rate spikes, so should your sodium intake. These fast-acting chewables deliver bioavailable electrolytes in seconds—no mixing, no waiting.
Next level sartorial godard, swag gorpcore ramps grailed stumptown art party.
"Iceland polaroid salvia vibecession. Jean shorts cred vaporware, blackbird spyplane chicharrones prism schlitz. Schlitz literally DIY pabst single-origin coffee"

It's a hill in New Zealand, near Porangahau, Hawke's Bay. The name, in the Māori language, translates to roughly "the place where Tamatea, the man with the big knees, who slid, climbed and swallowed mountains, known as 'landeater', played his nose flute to his loved one", according to New Zealand Travel. The name has 85 letters
Of course, the Enchantment Under The Sea Dance they're supposed to go to this, that's where they kiss for the first time. Ahh. No no no, Doc, I just got here, okay, Jennifer's here, we're gonna take the new truck for a spin. Hey Biff, check out this guy's life preserver, dork thinks he's gonna drown. Well uh, good, fine.
What were you doing in the middle of the street, a kid your age. What, what is it hot? Look, I'm just not ready to ask Lorraine out to the dance, and not you, nor anybody else on this planet is gonna make me change my mind. Check out that four by four. That is hot. Someday, Jennifer, someday.




Podium is careful to say that the functionality of this ratio is key for it to work well. Also, make sure you shake well until the solution dissolves.
*Podium 500ml bottles have this fill line marked and the Podium Drinkflask 550 ml has an additional 50ml of capacity for mixing the powder.
*Podium 500ml bottles have this fill line marked and the Podium Drinkflask 550 ml has an additional 50ml of capacity for mixing the powder.

There are many gels now that are full of flavor while others are more flavor neutral and they all have their time and place for athletes. 🔥🔥🔥 I personally love to use a combination of both, especially during those long gravel rides. After hours of eating really sweet products it is nice to balance out your fueling with a more neutral flavor, and this helps keep you on top of your fueling!



Many athletes these days are pushing the limits of how many carbohydrates they eat every hour, especially during longer events. Many of our high performance athletes are taking in between 100 to 160 grams of carbs per hour! 🤯
Previously, researches thought we could only take in 30 grams of carbs every hour, than it jumped to 60 grams of carbs, and now we know that we are able to utilize at least 90 grams of carbs every hour as long as we are taking in a variety of carbohydrates (i.e. glucose and fructose, maltodextrin and fructose, etc.).
Let's take a look at a few of our popular high carb gel options (so of which you have seen above) that can help increase you fueling while training and racing!



Carbs Fuel wanted to make their product as simple as possible so that you can consume the fuel you need with the least amount of complexity. They use no flavoring or preservatives but it has a bright, semi-sweet, refreshing taste.



Variety 6 Pack