Section Layouts

<SectionHeroStack heading="AI News" posts={posts} />

<SectionHeroStackV2 heading="AI News" posts={posts} />

<SectionHeroWidget heading="Markets" posts={posts} widgetTitle="Markets Spotlight" />

<SectionHeroWidgetBets heading="Prophet$ Market" posts={posts} widgetTitle="Trending Markets" />

<SectionMixedGrid heading="Business" posts={posts} />

<SectionGridWithTextList heading="Markets" posts={posts} theme="light-gray" />

<SectionColumnGrid heading="Crypto" posts={posts} columns={3} />

<SectionColumnGrid heading="Entertainment" posts={posts} columns={4} />

<SectionColumnGrid columns={2} heroStyle={true} />

<SectionFeaturedWithLatest heading="Fintech" posts={posts} />

<SectionTwoColumnText heading="Business" posts={posts} />

<SectionTwoColumnTextV2 heading="Business" posts={posts} />

<SectionHeroWithGrid heading="Wellness" posts={posts} />

<SectionThreePanel heading="Sport" posts={posts} />

<SectionCenterFeature heading="Long Reads" posts={posts} />

<SectionNumberedList heading="Trending" posts={posts} columns={1} />

<SectionNumberedList heading="Trending" posts={posts} columns={2} />

<SectionNumberedList heading="Top Stories" posts={posts} columns={4} />

<SectionTagColumns heading="By Topic" posts={allPosts} columnConfigs={[
  { tag: tags.tech },
  { tag: tags.ai },
  { tag: tags.business },
  { tag: tags.crypto },
]} />

<SectionNumberedCards heading="Editor's Picks" posts={posts} />

<SectionReversedRows heading="Analysis" posts={posts} />

<SectionHeadlineStream heading="Latest" posts={posts} />

<SectionCompositeGallery heading="Brands" posts={posts} />

<SectionTwoColumnWithAd heading="Business" posts={posts} adSize="300x600" adUnitType="business-sidebar" />

<SectionTwoColumnWithAd heading="Entertainment" posts={posts} adSize="300x250" adUnitType="entertainment-sidebar" />