Section · Proof & conversion

Homepage media feature

Three featured editorial stories with a supporting press-logo rail.

Component gallery

The section at every supported size.

Surfaces the strongest external validation before the final conversion section.

Desktop1440 × 760
Live component specimen
Tablet900 × 680
Live component specimen
Mobile390 × 720
Live component specimen

Build recipe

Anatomy and content rules

Anatomy

  1. Section introduction
  2. Three aligned articles
  3. Outlet label
  4. Summary
  5. Read article link
  6. Press-logo row

Content checklist

  • Align all links
  • Use compact titles
  • Keep images consistent
  • Center every outlet logo optically

Composition guidance

Place it with compatible sections.

Works beside

Testimonials carouselContact form sectionPress archive

Live usage

/#press

Source reference

app/components/MediaSection.tsx