Add contribution guide link to contributors page

website/app/contributors/page.tsx

@@ -1,6 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import { getContributorStats } from "@/lib/contributors";
+import { siteConfig } from "@/config/site";
 import styles from "./page.module.css";
 
 export default function ContributorsPage() {
@@ -13,6 +14,16 @@ export default function ContributorsPage() {
         <p className={styles.description}>
           Thank you to all the contributors who have documented patterns, anti-patterns, and obstacles.
         </p>
+        <p className={styles.description}>
+          Want to contribute? Read the{" "}
+          <Link
+            href={`${siteConfig.links.github}/blob/main/CONTRIBUTE.md`}
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            contribution guide
+          </Link>.
+        </p>
       </header>
 
       <div className={styles.contributorGrid}>

website/tests/unit/components/contributors-page.test.tsx

@@ -2,6 +2,7 @@ import { render, screen } from '@testing-library/react'
 import ContributorsPage from '@/app/contributors/page'
 import { getContributorStats } from '@/lib/contributors'
 import { ContributorStats } from '@/lib/contributors'
+import { siteConfig } from '@/config/site'
 
 jest.mock('@/lib/contributors')
 
@@ -77,6 +78,14 @@ describe('Contributors Page', () => {
     expect(description).toBeInTheDocument()
   })
 
+  it('should link to the contribution guide in a new tab', () => {
+    render(<ContributorsPage />)
+    const guideLink = screen.getByRole('link', { name: /contribution guide/i })
+    expect(guideLink).toHaveAttribute('href', `${siteConfig.links.github}/blob/main/CONTRIBUTE.md`)
+    expect(guideLink).toHaveAttribute('target', '_blank')
+    expect(guideLink).toHaveAttribute('rel', 'noopener noreferrer')
+  })
+
   it('should render contributor cards with avatar, name, and counts', () => {
     render(<ContributorsPage />)