Feature Section With Media Upload Stage

Pro

Stacked ingest feature: compact empty dropzone on a blurred still, then three proof mockups for page read, plate hold, and cut index. Heading, CTAs, and claims sit around the tray.

When to use Feature Section With Media Upload Stage

Use this when the product is ingest and the empty tray has to sit with real features, not alone as a hero. The heading and actions stay above a compact still. The dropzone on that still stays empty. Under it, three small mockups prove what Halo does with a page, a plate, and a cut. That is a stacked feature section, not a filled library and not a split essay.

Skip it when you only need a lone uploader. If the main tray already lists files, you have skipped the empty ask. Replace the still, the three feature titles, and the desk name before this goes to production. The copy is a fictional ingest called Halo. The section follows light and dark. The tray stays a light card on the still.

Block details

Renders
CSS only. Paints as soon as the stylesheet arrives
Theme
Follows the site theme in light and dark
Responsive
Mobile, tablet and desktop breakpoints are already set
Dependencies
clsxtailwind-merge
Source
326 lines, 15 KB in one file
Install
wensity add feature-section-with-media-upload-stage --type block
Stack
React, Next.js, TypeScript and Tailwind CSS v4
Licence
Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
Tags
light, dark, photograph, upload, docs, video, ai, saas
Last updated

More feature sections