“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

Gestalt Principles in Action: Design Better UIs and a Stronger Career

Learn Gestalt principles with Christine Vallaure By Christine Vallaure, Founder of moonlearning.io

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

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.