Shadcn Team Block Eleven

Shadcn Team Block Eleven is the most narrative of the memory variants. The source uses a Brain icon, a Moments worth sharing headline, a quarterly milestone list, and a collage of five image cards. At wider container sizes, the text column becomes sticky while the images scroll beside it.

The quarterly entries are demo content: hackathon, retreat, launch, and holiday party. They show how the component expects short event names and one-line descriptions, not proof that those events happened for a real company.

Layout Notes

• The main grid becomes two columns at @3xl and adds a large gap.
• The left column uses @3xl:sticky @3xl:top-20, which keeps the narrative visible beside the photo collage.
• Milestones are built with a dl, quarter labels, event titles, and short descriptions.
• The image grid mixes square, portrait, and video aspect ratios for a less mechanical story wall.

Best Fit

Use this team section for a company page that wants to show a year in the life of the team. It is also useful for recruiting pages where shared rituals matter more than a list of headshots.

What to customize first

• Replace each quarter, title, description, image, and caption with real milestones.
• Keep milestone descriptions short so the sticky column stays balanced.
• Choose images with mixed aspect ratios to match the source composition.
• Check sticky behavior in the final page context; parent overflow can affect it.

Frequently asked questions

What makes this variant different?

It pairs a sticky milestone list with an image collage, so the reader can scan the story and the visuals together.

Is Shadcn Team Block Eleven responsive?

Yes. It starts as a single-column stack and becomes a two-column layout at larger container sizes.

Does it use imported UI components?

It imports Brain from lucide-react and Image from next/image; the rest is local markup styled with Tailwind CSS.

Are the quarter labels required?

No. The dl structure can represent quarters, years, launch phases, retreats, or any short sequence that is true for the company.

Related Shadcn UI blocks

• Team Blocks

Start from Tailark

Preview Shadcn Team Block Eleven