Shadcn Investor Block Two

Shadcn Investor Block Two turns investor proof into a more tactile section. The heading stays left aligned, the firm logos move into large rounded cards, and the individual investors list uses horizontal avatar rows instead of centered profile tiles.

The source imports Y Combinator, Accel, SVA, Sequoia, and Salesforce SVGs, then renders them in bg-card surfaces with rings and soft shadows. Below that, the same demo investor array is displayed with 48px avatars, names, and roles. The result feels closer to a company page proof module than a minimal logo strip.

Source-backed structure

• The outer section uses max-w-5xl and @container, giving the profile list container-query breakpoints.
• Logo cards share a fixed height of h-28 while their horizontal padding changes at md, so the row can wrap without shrinking the marks too aggressively.
• The individual investor grid moves from one column to two and three columns with @md:grid-cols-2 and @2xl:grid-cols-3.
• Each row keeps the avatar and text aligned horizontally, which helps when roles are longer than a single word.

Best fit and customization

Use this shadcn investors section when the logo proof deserves more visual weight. It fits a SaaS website, fundraising page, or company page where investor names are secondary to the firm marks but still useful for extra context.

Keep the demo investors framed as sample content. The component lists recognizable founders and operators, but the code does not validate investment relationships. Replace every logo and person with confirmed data before shipping, and consider adding a short line of copy if the section needs to explain funding stage or strategic context.

Implementation notes

This block is server-friendly React for Next.js. It uses next/image for avatars and Tailwind CSS for all layout, shadows, rings, and responsive behavior. The SVG imports are local UI resources, so swapping the proof set is usually a data and import change rather than a layout rewrite.

Frequently asked questions

What makes this variant different from Block One?

Block Two gives each firm logo a raised card and aligns individual investors in rows, while Block One keeps the logo proof lighter and centers the profile cards.

Is Shadcn Investor Block Two responsive?

Yes. The logo cards wrap in a flex row, and the investor list uses container-query grid columns.

Can I customize this Tailark block?

Yes. Change the SVG imports, edit the investor array, and adjust the card treatment with Tailwind CSS or shadcn design tokens.

Related Shadcn UI blocks

• Investors Blocks

Start from Tailark

Preview Shadcn Investor Block Two