v0.2.0Feature UpdateMay 7, 2026
Dual Music Showcase & Reusable Preview Component
Feature
New: Two Music Examples on Home Page
- Added a second original AI-generated piece — "Morning Light" (G major, 3/4 time) — displayed side-by-side with "Autumn Rain" on the home page.
- Both examples render at identical heights for a balanced, professional layout.
- Each card includes a descriptive caption explaining the vibe prompt that generated it, giving visitors a concrete sense of how MAI works.
Feature
Redesigned: Example Output Section
- The home page EXAMPLE OUTPUT section was completely redesigned from a two-column text-left / music-right layout into a full-width centered music showcase.
- The descriptive text (heading, subtext, badges) now sits above both examples as a centered header, making better use of the full page width.
- A "Generated in ~8 seconds · Ready to play · Downloadable" tag bar runs below both examples.
Improvement
Refactor: ExamplePreview Now Accepts Custom ABC Notation
- The ExamplePreview component was refactored to accept an abc prop, making it reusable with any piece of music.
- Both AUTUMN_RAIN_ABC and MORNING_LIGHT_ABC are exported as named constants so they can be imported anywhere in the app.
- This lays the groundwork for rendering any dynamically generated or user-provided ABC notation in preview contexts.