Sync Recent Work to portfolio images and elevate Professional section motion

[dansbands]

Motivation

• Consolidate homepage/portfolio imagery so the homepage reuses the portfolio page assets and avoids duplicated hardcoded imports.
• Tighten homepage presentation to read more senior/staff-level by replacing the simple skills-bar animation with a refined, product-minded motion composition.
• Keep the experience performant, responsive, and accessible with a small, dependency-free implementation.

Description

• The homepage Recent Work carousel now consumes the same data source as the portfolio via homepageRecentWorkItems (derived from portfolioItems) in app/util/const.ts, removing inline hardcoded image imports and establishing a single source of truth.
• Replaced the static image block with a horizontal, touch-friendly card track and desktop next/prev controls implemented in app/components/home/portfolio.tsx, including smooth scroll, scroll-snap, and intentional image sizing.
• Rebuilt the Professional section in app/components/home/professional.tsx to a layered UI composition (staggered panels, subtle glows/grid, intersection-triggered reveal, pointer-based parallax) with prefers-reduced-motion support and a simplified mobile layout.
• Added responsive and motion styling to app/styles.css (scene, panels, glows, carousel controls) and kept the implementation dependency-free and lightweight for performance.

Testing

• Ran npm run lint and it completed (one ESLint warning for an <img> elsewhere, not introduced by these changes).
• Ran npm run build and a production build completed successfully with pages generated and no build errors.
• Verified static page generation output (Next.js prerendered routes) during the build step without runtime errors.

---

Codex Task

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
dansbands-github-io	Ready	Preview, Comment	Apr 7, 2026 5:47pm

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: b8d3a074b6

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Remove aria-hidden from interactive carousel controls

Applying aria-hidden="true" to the container that holds the prev/next <button> elements hides those controls from assistive technologies while they remain focusable and clickable, which creates an accessibility regression for screen-reader users on desktop. In practice, users relying on AT cannot discover or reliably operate carousel navigation even though the buttons are present visually.

Useful? React with 👍 / 👎.