feat: expand portfolio with talks and home updates

[brunomachadors]

Title
Expand portfolio with talks, home updates, accessibility improvements, and test coverage

Description
This PR expands the portfolio with new content, navigation updates, home page improvements, accessibility fixes, and stronger automated test coverage.

It includes the introduction of a dedicated Talks area, updates to the home page to better highlight testimonials and education work, new portfolio content for projects and talks, and a final round of accessibility and performance-oriented refinements.

What changed

Projects

• Added Adventurers Guild as a featured project at the top of the projects list
• Created a dedicated AdventurersGuild card style
• Added themed project sections and project link
• Updated the project logo to the final transparent asset
• Adjusted logo presentation so it fills the card more appropriately
• Updated the Projects page CTA to point to Talks

Talks

• Added a new Talks page
• Updated navigation flow so:
  • Projects points to Talks
  • Talks points to Posts
• Added multiple talks with:
  • title
  • event
  • date
  • location
  • description
  • image galleries
  • accessible image descriptions
• Added tag support and filtering for talks, following the same pattern used in posts
• Added image modal support with:
  • click to enlarge
  • keyboard navigation with ArrowLeft, ArrowRight, and Escape
  • visible navigation arrows
  • focus management improvements
  • body scroll locking while modal is open
• Reduced visible gallery thumbnails to 3 by default with Show more photos

Experience

• Updated experience galleries so images can be opened in a modal
• Added keyboard navigation and modal controls similar to the Talks page
• Added an extra image to the Avios / IAGL Loyalty gallery
• Improved modal accessibility behavior

Home page

• Added a new Testimonials section
• Added a new Education section highlighting Mindera Code Academy courses
• Added clickable Mindera Code Academy links in course cards
• Updated the visual structure of the landing page so sections occupy a full viewport height
• Refined section styling and color transitions to improve hierarchy and emphasis

Education content added

• Warm Up Manual Testing
• Warm Up Automated Tests - Playwright
• Backend Testing - Postman + Playwright
• Non-Functional Tests

Accessibility and UX improvements

• Refactored LinkButton so links no longer render nested button elements
• Replaced non-semantic clickable containers in accordions with real button elements
• Improved keyboard support in expandable sections
• Added focus handling to image modals:
  • focus moves into the modal on open
  • focus is restored on close
  • tab navigation is constrained to modal controls
• Improved mobile menu layering so page content no longer overlaps the opened menu
• Updated footer year to be dynamic

Performance-oriented improvements

• Removed artificial loading delays implemented with setTimeout on several pages
• Removed unnecessary client-side loading gates where they were not needed
• Updated menu items to use next/link navigation behavior

Tests

• Updated existing Playwright tests to reflect the latest content and navigation changes
• Added home coverage for:
  • Testimonials
  • Education
• Updated footer tests for dynamic year and mailto: handling
• Improved menu test stability, especially on mobile devices
• Added new tests covering:
  • About section keyboard interaction
  • Projects accordion keyboard interaction
  • Talks modal interaction, focus behavior, keyboard close, and scroll lock

Files impacted

• src/app/page.tsx
• src/app/talks/page.tsx
• src/app/projects/page.tsx
• src/app/experience/[companyYear]/page.tsx
• src/app/content/projects.tsx
• src/app/content/experiences.tsx
• src/app/styles/projectStyles.ts
• src/app/components/Button/LinkButton.tsx
• src/app/components/AboutSections/AboutSections.tsx
• src/app/components/Header/*
• src/app/components/Footer/Footer.tsx
• tests/*

Validation

• npm run build passed
• Targeted Playwright coverage for the new accessibility interactions passed

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
bruno-portfolio	Ready	Preview, Comment	Apr 24, 2026 2:38pm