Skip to content

fix: hero preview cover and homepage UI audit fixes - #101

Merged
InnerDesires merged 2 commits into
mainfrom
fix/hero-mock-cover
Sep 28, 2026
Merged

InnerDesires merged 2 commits into
mainfrom
fix/hero-mock-cover

Conversation

@InnerDesires

@InnerDesires InnerDesires commented Sep 28, 2026 •

Copy link
Copy Markdown
Owner

Summary

The course-preview card in the homepage hero used a generic illustration (hexagon + exclamation mark) with a play icon stacked on top, which looked wrong. Replaced with a purpose-built lesson-player cover: brand line motif, single play button, lesson tag and scrubber with timecode. Adds a localized mock.lesson string.

UI audit (390 / 768 / 1024 / 1440)

  • About goals card: no longer stretched with empty space
  • Hero preview card: certificate badge no longer covers a step; XP chip is a pill
  • Feature cards compact on phones; 5th card spans the row on tablets
  • Stats stay 3 columns on phones
  • Partners: rows wrap and centre, no orphan tile; smaller featured tiles on phones
  • Header: brand text hidden between md and lg so nav fits next to the 90px logo
  • Third course/news card hidden on 2-column layouts (no orphan)
  • No horizontal overflow at any width

Test plan

  • Hero preview card on the preview deploy (uk and en, desktop and mobile)

🤖 Generated with Claude Code

…ver [preview]

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@vercel

vercel Bot commented Sep 28, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
learning-platform Ready Ready Preview Sep 28, 2026 10:00pm UTC

- About goals card no longer stretches to the text column height
- Hero preview: badge no longer covers a step, XP chip is a pill
- Feature cards compact on phones, last card spans the row on tablets
- Stats stay 3 columns on phones
- Partner rows wrap and centre (no orphan tile)
- Header brand text hides between md and lg so the nav fits the 90px logo
- Third course/news card hidden on 2-column layouts to avoid an orphan

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@InnerDesires InnerDesires changed the title fix: better cover for the hero course preview fix: hero preview cover and homepage UI audit fixes Sep 28, 2026
@InnerDesires
InnerDesires merged commit e0c9f75 into main Sep 28, 2026
5 checks passed

This branch was successfully deployed

1 active deployment
Preview — 6ebd383b Deployed Sep 28, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant