Overview

All section components have already been built. This ticket covers assembling them into the Learn page layout, wiring up data/props, and ensuring correct spacing, ordering, and responsive behaviour across all three breakpoints.

Background

The following components exist and are ready to use:

Props / Data Wiring

• LearnCard — pass intent, description, links array, CTA label, illustration asset
• FeatureGrid — pass array of title + description objects
• LibraryBrowser — map over libraries array (name, badge count, description); handle prev/next scroll state
• CommunityPostCard — map over posts array (title, date, tags, author)
• CommunityInfoBlock — pass rows array (heading, description, CTA label + href)
• ReleaseCalendar — pass month, year, and array of highlighted release dates
• MailingListSignup — handle email input state + submit action

Acceptance Criteria

• All components render in the correct order per breakpoint, as defined in the Figma designs
• Footer layout adapts correctly across all breakpoints
• No layout overflow or clipping at 320px, 768px, 1280px, 1440px
• All props wired with mock data
• All components function as implemented individually; cards within card blocks and buttons are clickable
• Light and dark mode render correctly for all components
• Tested in Chrome, Safari, Firefox

Out of Scope

• Building or modifying individual components (separate tickets)
• Live data fetching — use mock data for now