Feature Section With Workspace Composer

Pro

Adaptive AI workspace feature with copy and bullets on the left, a chat composer on one blurred still with Calendar Meet and Drive chips, and three product claims below.

When to use Feature Section With Workspace Composer

Use this when the product is an assistant that has to prove it can reach Calendar, Meet, and Drive without opening a second window. The proof is the composer sitting on one still, kept soft so the card stays first. Copy sits on the left so a buyer can read the job. That is one photograph, not two, and not a CSS grid pretending to be a product shot. It belongs under a product hero for an AI workspace, a research desk, or any service that ships a recap from one prompt.

Skip it when you do not own a photograph. A sharp app screenshot behind the card will fight the type. Replace the still, the prompt, the three tool chips, and the model pill before this goes to production. The demo uses Calendar, Meet, Drive, and Claude as marks a buyer will recognise. Swap them for the tools you actually connect. The section follows light and dark. The composer 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
335 lines, 18 KB in one file
Install
wensity add feature-section-with-workspace-composer --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, composer, ai, workspace, split, saas
Last updated

More feature sections