Draft: Add June 10 Transcend agenda section to What's New page

Filza Qureshirequested to merge
duo/feature/1529-whats-new-june-10-agenda into main

1. Change Summary

Adds a new June 10 Agenda section to the What's New page (/releases/whats-new/) to display the GitLab Transcend London event schedule.

What changed

New component: app/components/releases/whats-new/AgendaSection.vue

  • Displays a list of agenda items with time slots, session titles, descriptions, and speaker names
  • Two-column grid layout on desktop (time | content), single-column on mobile
  • Alternating row backgrounds for readability
  • Accent-colored time labels ($color-accent-400) consistent with the page design language
  • Speaker names displayed as pill badges
  • Optional CTA button linking to the sign-up form
  • Fully typed with TypeScript interfaces

Content: content/en-us/releases/whats-new/index.yml

  • Added agenda key with the June 10 event schedule (7 sessions), date, location, subheading, and sign-up CTA

Template: app/components/templates/ReleaseWhatsNew.vue

  • Wired up ReleasesWhatsNewAgendaSection between WhatsComingSection and WhatsHappeningSection
  • Added agenda to the ReleaseWhatsNewContent interface
  • Added Figma reference comment (node-id=4006-18217)

2. QA Checklist

  • Code Cleanup: Any messages, linter warnings, and/or deprecation warnings are cleaned up in the console
  • Tech Debt: I have created, or documented, any fast follow-up work that needs to be done after this MR is merged
  • Common Component Regression Check: I have verified all impacted pages of my common component updates have been checked for regressions and UX is aware of any wider-scoped visual changes
  • Efficient Code Review: I have tested and reviewed my own changes thoroughly before assigning a reviewer
  • Accessibility: Axe tools run and issues addressed
  • Cross-browser compatibility: Works on Safari, Chrome, and Firefox
  • Analytics and SEO: Compatible with Google Analytics and SEO tools
  • Localization checked for regressions
  • I have run window.optimizely.get('state').getExperimentStates() on my affected pages and verified no active experiments are targeting these pages.

Review App

Production Review app Screenshot
https://about.gitlab.com/releases/whats-new/ WIP Screenshot

3. Deployment Steps

No special deployment steps required. The new section is rendered conditionally (v-if="content.agenda") so it will only appear when the agenda key is present in the YAML content file.

Merge request reports