feat(people): revamp people page UI with minimalist hero and centered headers

[kunal-10-cloud]

Description

This PR enhances the People page by establishing a clear visual hierarchy and separation between the main page header and section subheaders.

Related Issue

Fixes #247

Type of change

• Bug fix
• Feature
• Refactor
• Documentation

Checklist

• Code follows project style
• Tested locally
• No unnecessary files added
• PR title is clear and descriptive

Screenshots (if applicable)

Before

**After:**

Summary by CodeRabbit

• New Features

  • New hero on the People page showing a stacked avatar group and a total-people badge.

• Style

  • Updated People layout with stronger visual hierarchy, larger team headers, gradient divider accents, and refined spacing.
  • Avatars display as overlapping rounded images; if no core team, the avatar stack is omitted.

• Chores

  • Removed the last-updated timestamp from the People page.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[netlify]

✅ Deploy Preview for cv-community-dashboard ready!

Name	Link
🔨 Latest commit	12f8f75
🔍 Latest deploy log	https://app.netlify.com/projects/cv-community-dashboard/deploys/6977e16d22fa5c0007d0e6cb
😎 Deploy Preview	https://deploy-preview-248--cv-community-dashboard.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[coderabbitai]

Walkthrough

Replaces the previous page header/timestamp on the People page with a new client-side PeopleHero component (renders "Our People", a subtitle, an avatar stack from coreTeam, and a total count badge). app/people/page.tsx is refactored to use PeopleHero and no longer tracks or displays updatedAt. Adds and exports PeopleHero from components/people, and updates TeamSection to adjust heading sizing, prefix text, descriptive paragraph, and a decorative gradient divider tied to team type.

Possibly related PRs

• CircuitVerse/community-dashboard PR 201: Modifies app/people/page.tsx’s layout and header/contributors rendering, overlapping changes to page structure.
• CircuitVerse/community-dashboard PR 76: Edits components/people/TeamSection.tsx (heading size, color/structure logic), closely related to the TeamSection adjustments.
• CircuitVerse/community-dashboard PR 26: Changes to app/people/page.tsx and components/people exports, relating to the new PeopleHero export and page integration.

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Title check	✅ Passed	The PR title clearly describes the main change: introducing a minimalist hero and centered headers to revamp the people page UI, which directly aligns with the primary objective.
Description check	✅ Passed	The description follows the required template with all sections completed: description, related issue (#247), type of change marked (Refactor), comprehensive checklist, and before/after screenshots demonstrating the UI improvements.
Linked Issues check	✅ Passed	The code changes fully address issue #247 objectives: a new PeopleHero component establishes visual hierarchy and page identity [#247], TeamSection improvements provide clear separation and consistent centering of subheaders [#247], and overall layout restructuring ensures professional visual hierarchy [#247].
Out of Scope Changes check	✅ Passed	All changes are directly scoped to the People page UI refactor: new PeopleHero component, TeamSection header restructuring, and index exports are all necessary components of the visual hierarchy and header alignment objectives defined in #247.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[coderabbitai]

Actionable comments posted: 1

🤖 Fix all issues with AI agents

In `@app/people/page.tsx`:
- Around line 264-276: The Contributors section header and description are
left-aligned; update the element(s) under the section with id "contributors" so
the subheader and paragraph are centered to match other sections—e.g., add a
centering utility (like text-center) to the h2 (the <h2 className="text-3xl
font-bold"> element) and the paragraph (<p className="text-lg
text-muted-foreground max-w-3xl mb-6">) or to their parent container div so both
title and description render centered and keep existing spacing/styling.

🧹 Nitpick comments (1)

components/people/PeopleHero.tsx (1)

51-56: Optional: format large totals for readability.

Small UX polish: if total counts grow large, formatting helps scanability.

✨ Suggested tweak

-                            {totalCount}+
+                            {totalCount.toLocaleString()}+

[Atharva7126]

looks good @kunal-10-cloud