“Masterclass Card” Component

Masterclass card is used to list available masterclasses or past masterclasses. The card is specific to masterclass only. It spans 3 columns in large screen and 4 columns in medium screen. There are two type of masterclass card: purchased masterclass cards and public masterclass cards.

On the Masterclasses Page

Batho Pele: The People-First Design Toolkit

Learn how to design with purpose and impact using the Batho Pele (“People First”) framework to build trust, cut through complexity, and create experiences that serve. By Karabo Ngoatle, Global Head of Experience Design, Nihilent

Storytelling for Design Research: Influence Without Overexplaining

Turn research into influence—learn to craft one-line insights, defend your methods, and tell stories that drive decisions. By Adam Thomas, Product Management Expert and Technologist

The No-Burnout Blueprint for a Successful Design Career

Learn how to build a sustainable, standout design career with Vitaly Friedman By Vitaly Friedman, Senior UX Consultant, European Parliament, and Creative Lead, Smashing Magazine

Inclusive Product Writing in an AI-Driven World

Learn how to craft inclusive, accessible UX copy that resonates with diverse audiences, needs, and thoughtfully integrates AI By Katrin Suetterlin, Senior Professional Content Designer, SIXT SE

Usage

// Generic Masterclass
@include('components.cards.masterclass', ['masterclass' => $masterclass])

// Purchased Masterclass
@include('components.cards.masterclass--purchased', ['masterclass' => $masterclass])

Props

masterclass (required)

App\Modules\Masterclass\Models\Masterclass

Masterclass instance to display.