Shadcn Secondary Hero Block Two

Block Two reads like the top of a focused product story. The source keeps the React component simple: a white data-theme="quartz" surface, a max-w-5xl wrapper, a large Pioneering the Medical AI Future headline, a narrower paragraph pushed to the right with ml-auto, and an ImageIllustration below.

The imported illustration uses a healthcare photograph and a blurred gradient that follows the mouse. That motion gives the secondary hero a subtle product-demo feel without adding a full dashboard mockup. In a Next.js page, this is a good pattern for a vertical landing page, research page, or inner page where the image has to carry domain context.

Why The Composition Works

The headline is intentionally oversized: text-5xl on mobile and sm:text-7xl on larger screens. The supporting copy stays narrower at max-w-md, so the text block avoids becoming a dense paragraph. Tailwind CSS does most of the visual work here through width, balance, and spacing rather than extra UI chrome.

Customize It For Production

Replace the demo Tailark AI copy with a claim that can be supported on the page. The healthcare image and "Medical AI" headline set a high-trust context, so the surrounding content should avoid vague promises. Add proof below the hero if you use it for a SaaS page, or keep it editorial if the page is a report, announcement, or product category intro.

Related Shadcn UI Blocks

• Secondary Hero Blocks
• Hero Section Blocks

Preview Shadcn Secondary Hero Block Two