Lesson Preview Shelf — Sample-Style Curriculum Block

What it does

• Horizontal preview shelf — sample lessons sit side by side on a scroll-like row
• Per-lesson thumbnail — each card shows a frame or cover image
• Title and length label — every card carries lesson title and duration
• Play state per card — clicking opens or expands the preview without leaving the page
• Sample-style framing — a clear label ('Watch two free lessons') tells visitors this is a taste, not the whole course

Best use cases

• Course creators — sample-lesson shelf on a video-course sales page
• Cohort programs — preview-lesson teaser on the program page
• Memberships — sneak peek of recent or featured lessons
• Coaches — short sample lessons to demonstrate teaching voice
• Educational platforms — preview shelf for a new release or featured curriculum

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for shelf background, card backgrounds, play-button accent, and labels
• Fonts — heading font for card titles and a body font for length labels and section copy
• Copy — section headline, intro line, three to six lesson titles, length labels, and CTA below the shelf
• Behavior — choose how many previews show, whether the shelf scrolls horizontally, and whether videos open inline or in a modal
• Images — lesson thumbnails plus optional accent imagery