feat: add Our Department section for About Us page

[khangronky]

Description

What?

Why?

How?

Screenshots for proof (must have)

[github-actions]

🔧 Biome Check Report

Total Issues Found: 0

🔧 Format Check Results

Metric	Value	Status
📁 Files Checked	1542	✅ Complete
❌ Errors	0	✅ None
⚠️ Warnings	0	✅ None
ℹ️ Info	0	✅ None
📝 Total Issues	0	✅ Passed

🔍 Lint Check Results

Metric	Value	Status
📁 Files Checked		✅ Complete
❌ Errors	0	✅ None
⚠️ Warnings	0	✅ None
ℹ️ Info	0	✅ None
📝 Total Issues	0	✅ Passed

📋 Next Steps

_{🤖 Auto-generated by Biome Check workflow • Last updated: 6/11/2026, 9:46:22 AM}

[Copilot]

Pull request overview

This PR adds an “Our Departments” feature to the marketing About page (with department detail cards and URL-driven selection) and surfaces a summarized department teaser section on the marketing homepage, alongside a broader pass replacing hard-coded brand hex colors with brand Tailwind tokens and improving semantic section markup.

Changes:

• Add departments data model + new About “Departments” section with selectable department cards (and query-param selection).
• Add a summarized departments section to the marketing landing page linking into About.
• Replace various hard-coded brand hex colors with brand-* Tailwind tokens and adjust some sections from div to section.

Reviewed changes

Copilot reviewed 27 out of 42 changed files in this pull request and generated 7 comments.

Show a summary per file

File	Description
apps/web/src/components/layouts/Footer.tsx	Switch footer gradient color to brand token.
apps/web/src/app/[locale]/meet-together-menu-item.tsx	Import ordering cleanup.
apps/web/src/app/[locale]/(marketing)/why-us.tsx	Use semantic section + brand token colors.
apps/web/src/app/[locale]/(marketing)/summarized-departments.tsx	New summarized department cards + links to About departments section.
apps/web/src/app/[locale]/(marketing)/projects/projects.tsx	Replace brand hex colors with brand tokens.
apps/web/src/app/[locale]/(marketing)/projects/main-project.tsx	Replace brand hex colors with brand tokens; minor markup tweaks.
apps/web/src/app/[locale]/(marketing)/projects/empty-state.tsx	Replace brand hex colors with brand tokens.
apps/web/src/app/[locale]/(marketing)/page.tsx	Add summarized departments section to marketing homepage.
apps/web/src/app/[locale]/(marketing)/neo-generator/hero.tsx	Replace brand hex colors with brand tokens; class order tweaks.
apps/web/src/app/[locale]/(marketing)/neo-generator/client.tsx	Import ordering + brand token color update.
apps/web/src/app/[locale]/(marketing)/meet-together/neo-meet-header.tsx	Replace brand hex colors with brand tokens; class order tweaks.
apps/web/src/app/[locale]/(marketing)/hero-section.tsx	Use semantic section wrapper.
apps/web/src/app/[locale]/(marketing)/events.tsx	Use semantic section wrapper.
apps/web/src/app/[locale]/(marketing)/contributors/client.tsx	Import ordering + brand token color updates; class order tweaks.
apps/web/src/app/[locale]/(marketing)/blogs/client.tsx	Refactor blog fetching into useEffect; brand token updates.
apps/web/src/app/[locale]/(marketing)/blogs/[id]/client.tsx	Brand token updates for badge/button.
apps/web/src/app/[locale]/(marketing)/achievements/page.tsx	Import ordering + brand token updates; class order tweaks.
apps/web/src/app/[locale]/(marketing)/achievements/achievement-dialog.tsx	Brand token update for badge.
apps/web/src/app/[locale]/(marketing)/about/timeline-card.tsx	Tailwind v4 gradient utility update + typography tweaks.
apps/web/src/app/[locale]/(marketing)/about/page.tsx	Add Departments section to About page and adjust layout container.
apps/web/src/app/[locale]/(marketing)/about/members.tsx	Section id + brand token updates + minor naming/markup tweaks.
apps/web/src/app/[locale]/(marketing)/about/member-card.tsx	Card styling refresh + Tailwind v4 gradient utility update.
apps/web/src/app/[locale]/(marketing)/about/history.tsx	Callback memoization + semantic section wrapper + brand token updates.
apps/web/src/app/[locale]/(marketing)/about/departments.tsx	New interactive Departments section with query-param selection.
apps/web/src/app/[locale]/(marketing)/about/department-card.tsx	New detailed department card layout.
apps/web/src/app/[locale]/(marketing)/about/data.ts	Add departments data model + department content data.
apps/web/src/app/[locale]/(games)/neo-pacman/page.tsx	Brand token updates in hero heading.

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[khangronky]

Please review and temporarily merge this @TaiVanNgo