Redesign community page with modern card-based layout

[Copilot]

Description

Redesigns the community page from a sidebar+TOC layout to a modern, card-based design inspired by codedex.io/community. Preserves all existing content, links, theme colors, and dark mode support.

Type of Change

• New feature (e.g., new page, component, or functionality)
• Bug fix (non-breaking change that fixes an issue)
• UI/UX improvement (design, layout, or styling updates)
• Performance optimization (e.g., code splitting, caching)
• Documentation update (README, contribution guidelines, etc.)
• Other (please specify):

Changes Made

Hero Section — Badge label, large title with gradient highlight, two CTA buttons (Join Community / Explore GitHub). Replaces the old text-heavy hero.

Community Channels Grid — 4-column card grid for Discord, GitHub, WhatsApp, and Discussions with colored icons and hover states.

Community Stats — Integrated existing LandingCommunity component (stars, repos, contributors, forks) via CommunityStatsProvider.

Contribute Cards — Same 4 contribution areas (Code, Documentation, Community, Get Started) with expandable details and links, now in a clean 2×2 grid instead of the old sidebar+TOC layout.

CTA Section — Gradient card replacing the old thank-you section, with quote and action buttons.

Removed — Sidebar table-of-contents, scroll tracking logic, and associated state management (no longer needed with the card layout).

Dependencies

• No new dependencies. Reuses existing CommunityStatsProvider and LandingCommunity from src/lib/statsProvider and src/components/Community.

Checklist

• My code follows the style guidelines of this project.
• I have tested my changes across major browsers and devices
• My changes do not generate new console warnings or errors .
• I ran npm run build and attached screenshot(s) in this PR.
• This is already assigned Issue to me, not an unassigned issue.

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• web.archive.org
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• webcache.googleusercontent.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)
• www.codedex.io
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node /home/REDACTED/work/_temp/ghcca-node/node/bin/node --enable-source-maps /home/REDACTED/work/_temp/copilot-developer-action-main/dist/index.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Adez017]

@copilot , can you preview image about how the changes look like

[Copilot]

@copilot , can you preview image about how the changes look like

Here's the full-page preview of the redesigned community page:

The page now features:

• Hero section with badge, gradient title, and CTA buttons
• Community Channels grid (Discord, GitHub, WhatsApp, Discussions)
• Community Stats section with animated GitHub counters (stars, repos, contributors, forks)
• Contribute cards in a 2×2 grid with expandable details
• CTA/Thank You section with gradient card and action buttons