diff --git a/.env b/.env
index 6efe19b..217f4b9 100644
--- a/.env
+++ b/.env
@@ -8,5 +8,6 @@ NEXT_PUBLIC_LARK_WIKI_URL = https://open-source-bazaar.feishu.cn/wiki/space/7052
 
 NEXT_PUBLIC_LARK_BITABLE_ID = PNOGbGqhPacsHOsvJqHctS77nje
 NEXT_PUBLIC_ACTIVITY_TABLE_ID = tblREEMxDOECZZrK
+NEXT_PUBLIC_AWARD_TABLE_ID = tblmYd5V5BMngAp2
 
 NEXT_PUBLIC_STRAPI_API_HOST = https://china-ngo-db.onrender.com/api/
diff --git a/components/Navigator/MainNavigator.tsx b/components/Navigator/MainNavigator.tsx
index 87ea119..c53f700 100644
--- a/components/Navigator/MainNavigator.tsx
+++ b/components/Navigator/MainNavigator.tsx
@@ -29,7 +29,7 @@ const topNavBarMenu = ({ t }: typeof i18n): MenuItem[] => [
     subs: [
       { href: '/article/join-us', title: t('join_us') },
       {
-        href: '/article/open-collaborator-award',
+        href: '/award',
         title: t('open_collaborator_award'),
       },
       { href: '/volunteer', title: t('volunteer') },
diff --git a/components/award/Award.module.less b/components/award/Award.module.less
new file mode 100644
index 0000000..cd12e25
--- /dev/null
+++ b/components/award/Award.module.less
@@ -0,0 +1,154 @@
+.hero {
+  position: relative;
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
+  padding: 5rem 0;
+  overflow: hidden;
+  color: #fff;
+
+  &::before {
+    position: absolute;
+    top: -50%;
+    left: -50%;
+    animation: grid-animation 20s linear infinite;
+    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 1px, transparent 1px);
+    background-size: 50px 50px;
+    width: 200%;
+    height: 200%;
+    pointer-events: none;
+    content: '';
+  }
+}
+
+@keyframes grid-animation {
+  to {
+    transform: translate(50px, 50px);
+  }
+}
+
+.heroContent {
+  position: relative;
+  z-index: 1;
+}
+
+.heroTitle {
+  font-weight: 700;
+  font-size: clamp(2.25rem, 6vw, 3.5rem);
+  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+}
+
+.heroDescription {
+  opacity: 0.9;
+  margin: 1rem auto 2rem;
+  max-width: 50rem;
+  font-size: 1.2rem;
+}
+
+.statNumber {
+  font-weight: 700;
+  font-size: clamp(2rem, 6vw, 3.5rem);
+}
+
+.section {
+  padding: 4rem 0;
+}
+
+.mutedSection {
+  background: #f8f9fa;
+}
+
+.sectionTitle {
+  margin-bottom: 2rem;
+  font-weight: 700;
+  text-align: center;
+}
+
+.infoCard,
+.ruleCard,
+.recipientCard,
+.nomineeCard,
+.faqCard {
+  box-shadow: 0 0.25rem 1rem rgba(15, 23, 42, 0.08);
+  border: 1px solid rgba(15, 23, 42, 0.06);
+  border-radius: 1rem;
+}
+
+.recipientCard {
+  display: flex;
+  flex-direction: column;
+}
+
+.initiative {
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  color: #fff;
+}
+
+.videoWrapper {
+  position: relative;
+  background: #000;
+  padding-bottom: 56.25%;
+  height: 0;
+  overflow: hidden;
+
+  iframe {
+    position: absolute;
+    inset: 0;
+    border: 0;
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.initiativeVideo {
+  border-radius: 1rem;
+}
+
+.videoFallback {
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  min-height: 14rem;
+}
+
+.ruleNumber {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  margin-bottom: 1rem;
+  border-radius: 50%;
+  background: linear-gradient(135deg, #667eea, #764ba2);
+  width: 3rem;
+  height: 3rem;
+  color: #fff;
+  font-weight: 700;
+  font-size: 1.25rem;
+}
+
+.reason {
+  margin-bottom: 1rem;
+  border-left: 0.25rem solid #667eea;
+  border-radius: 0.5rem;
+  background: #f8f9fa;
+  padding: 1rem;
+}
+
+.progressTrack {
+  border-radius: 999px;
+  background: #e9ecef;
+  height: 0.5rem;
+  overflow: hidden;
+}
+
+.progressFill {
+  transition: width 0.3s ease;
+  background: linear-gradient(90deg, #667eea, #764ba2);
+  height: 100%;
+}
+
+.voteCount {
+  color: #667eea;
+  font-size: 1.25rem;
+}
+
+.nominationForm {
+  border: 0;
+  width: 100%;
+  min-height: min(75vh, 50rem);
+}
diff --git a/components/award/AwardCard.tsx b/components/award/AwardCard.tsx
new file mode 100644
index 0000000..b202610
--- /dev/null
+++ b/components/award/AwardCard.tsx
@@ -0,0 +1,118 @@
+import { FC, useContext } from 'react';
+import { Badge, Button, Card } from 'react-bootstrap';
+
+import { Award } from '../../models/Award';
+import { I18nContext } from '../../models/Translation';
+import styles from './Award.module.less';
+
+// cspell:ignore bilibili
+
+export const AWARD_VOTE_THRESHOLD = 10;
+
+export const voteCountOf = ({ votes }: Pick<Award, 'votes'>) => {
+  const count = Number(votes);
+
+  return Number.isFinite(count) && count > 0 ? Math.floor(count) : 0;
+};
+
+const bilibiliURLOf = (value: Award['videoUrl']) => {
+  try {
+    const url = new URL(value?.toString() || ''),
+      { hostname } = url;
+
+    if (
+      url.protocol !== 'https:' ||
+      !(hostname === 'bilibili.com' || hostname.endsWith('.bilibili.com') || hostname === 'b23.tv')
+    )
+      return undefined;
+
+    return url;
+  } catch {
+    return undefined;
+  }
+};
+
+const dateTextOf = (value: Award['createdAt'], locale: string) => {
+  const rawValue = value?.toString();
+
+  if (!rawValue) return '';
+
+  const timestamp = Number(rawValue),
+    normalizedTimestamp = timestamp < 1_000_000_000_000 ? timestamp * 1000 : timestamp,
+    date = new Date(Number.isNaN(timestamp) ? rawValue : normalizedTimestamp),
+    dateLocale = ['zh-CN', 'zh-TW', 'en-US'].includes(locale) ? locale : 'zh-CN';
+
+  return Number.isNaN(date.valueOf()) ? rawValue : date.toLocaleDateString(dateLocale);
+};
+
+export interface AwardCardProps extends Award {
+  className?: string;
+}
+
+export const AwardCard: FC<AwardCardProps> = ({ className = '', ...award }) => {
+  const i18n = useContext(I18nContext),
+    { t, currentLanguage } = i18n;
+  const { awardName, nomineeName, nomineeDesc, videoUrl, reason, nominator, createdAt } = award,
+    votes = voteCountOf(award),
+    winner = votes >= AWARD_VOTE_THRESHOLD,
+    videoURL = bilibiliURLOf(videoUrl),
+    bilibiliId = videoURL?.pathname.match(/BV[0-9A-Za-z]{10}/)?.[0],
+    progress = Math.min((votes / AWARD_VOTE_THRESHOLD) * 100, 100),
+    nominee = nomineeName?.toString() || t('award_unnamed_nominee');
+
+  return (
+    <Card
+      id={`award-${award.id}`}
+      as="article"
+      className={`${styles.nomineeCard} h-100 ${className}`}
+    >
+      {bilibiliId ? (
+        <div className={styles.videoWrapper}>
+          <iframe
+            src={`https://player.bilibili.com/player.html?bvid=${bilibiliId}&page=1&high_quality=1&danmaku=0&autoplay=0`}
+            title={`${t('award_nomination_video_title')}: ${nominee}`}
+            loading="lazy"
+            allowFullScreen
+          />
+        </div>
+      ) : videoURL ? (
+        <div className={`${styles.videoFallback} d-flex align-items-center justify-content-center`}>
+          <Button href={videoURL.href} target="_blank" rel="noreferrer" variant="light">
+            {t('award_watch_nomination_video')}
+          </Button>
+        </div>
+      ) : null}
+
+      <Card.Body className="d-flex flex-column">
+        <div className="mb-2 d-flex align-items-start justify-content-between gap-2">
+          <Badge bg="primary">{awardName?.toString() || t('open_collaborator_award')}</Badge>
+          {winner && <Badge bg="success">{t('award_recognized')}</Badge>}
+        </div>
+
+        <Card.Title as="h3">{nominee}</Card.Title>
+        {nomineeDesc && <Card.Text className="text-muted">{nomineeDesc.toString()}</Card.Text>}
+
+        {reason && (
+          <div className={styles.reason}>
+            <strong>{t('award_nomination_reason')}</strong>
+            <p className="mb-0 mt-2">{reason.toString()}</p>
+          </div>
+        )}
+
+        <footer className="mt-auto pt-3">
+          <p className="text-muted small">
+            {t('award_nominated_by')}: {nominator?.toString() || t('award_anonymous')}
+            {createdAt && ` · ${dateTextOf(createdAt, currentLanguage)}`}
+          </p>
+          <div className={styles.progressTrack}>
+            <div className={styles.progressFill} style={{ width: `${progress}%` }} />
+          </div>
+          <p className="mb-0 mt-2 small text-muted">
+            <strong className={styles.voteCount}>{votes}</strong> / {AWARD_VOTE_THRESHOLD}{' '}
+            {t('award_support_count')}
+          </p>
+        </footer>
+      </Card.Body>
+    </Card>
+  );
+};
diff --git a/components/award/NominationForm.tsx b/components/award/NominationForm.tsx
new file mode 100644
index 0000000..5ee2d3a
--- /dev/null
+++ b/components/award/NominationForm.tsx
@@ -0,0 +1,39 @@
+import { FC, useContext } from 'react';
+import { Button, Modal } from 'react-bootstrap';
+
+import { I18nContext } from '../../models/Translation';
+import styles from './Award.module.less';
+
+export const AWARD_NOMINATION_FORM_URL =
+  'https://open-source-bazaar.feishu.cn/share/base/form/shrcniqv1nEnCrygFy0qX4fPcSg';
+
+export interface NominationFormProps {
+  show: boolean;
+  onHide: () => void;
+}
+
+export const NominationForm: FC<NominationFormProps> = ({ show, onHide }) => {
+  const { t } = useContext(I18nContext);
+
+  return (
+    <Modal show={show} size="lg" centered scrollable onHide={onHide}>
+      <Modal.Header closeButton closeLabel={t('award_close')}>
+        <Modal.Title>{t('award_submit_nomination')}</Modal.Title>
+      </Modal.Header>
+      <Modal.Body className="p-0">
+        <iframe
+          className={styles.nominationForm}
+          src={AWARD_NOMINATION_FORM_URL}
+          title={t('award_nomination_form_title')}
+          loading="lazy"
+        />
+      </Modal.Body>
+      <Modal.Footer>
+        <small className="me-auto text-muted">{t('award_form_refresh_hint')}</small>
+        <Button variant="secondary" onClick={onHide}>
+          {t('award_close')}
+        </Button>
+      </Modal.Footer>
+    </Modal>
+  );
+};
diff --git a/models/Award.ts b/models/Award.ts
new file mode 100644
index 0000000..21356c2
--- /dev/null
+++ b/models/Award.ts
@@ -0,0 +1,76 @@
+import {
+  BiDataQueryOptions,
+  BiDataTable,
+  BiSearch,
+  TableCellLink,
+  TableCellRelation,
+  TableCellUser,
+  TableCellValue,
+  TableRecord,
+} from 'mobx-lark';
+
+import { larkClient } from './Base';
+import { AwardTableId, LarkBitableId } from './configuration';
+
+// cspell:ignore bilibili
+
+const bilibiliLinkOf = (value: TableCellValue) => {
+  const { link = '', text = '' } = (value || {}) as Partial<TableCellLink>,
+    rawValue = `${link} ${text}`.trim() || value?.toString() || '';
+
+  return (
+    rawValue.match(/https:\/\/(?:[\w-]+\.)?bilibili\.com\/\S+|https:\/\/b23\.tv\/\S+/i)?.[0] ||
+    rawValue
+  );
+};
+
+const relationCountOf = (value: TableCellValue) => {
+  if (!(value instanceof Array)) return value;
+
+  return value.reduce(
+    (count, relation) =>
+      count + (((relation as TableCellRelation)?.record_ids || []) as string[]).length,
+    0,
+  );
+};
+
+export type Award = Record<
+  | 'id'
+  | 'awardName'
+  | `nominee${'Name' | 'Desc'}`
+  | 'videoUrl'
+  | 'reason'
+  | 'nominator'
+  | 'createdAt'
+  | 'votes',
+  TableCellValue
+>;
+
+export class AwardModel extends BiDataTable<Award>() {
+  client = larkClient;
+
+  queryOptions: BiDataQueryOptions = { text_field_as_array: false };
+
+  constructor(appId = LarkBitableId, tableId = AwardTableId) {
+    super(appId, tableId);
+  }
+
+  extractFields({
+    id,
+    created_time,
+    fields: { videoUrl, nominator, votes, createdAt, ...fields },
+  }: TableRecord<Award>) {
+    return {
+      ...fields,
+      id,
+      createdAt: createdAt ?? created_time,
+      nominator: (nominator as TableCellUser)?.name || nominator,
+      videoUrl: bilibiliLinkOf(videoUrl),
+      votes: relationCountOf(votes),
+    };
+  }
+}
+
+export class SearchAwardModel extends BiSearch<Award>(AwardModel) {
+  searchKeys = ['awardName', 'nomineeName', 'nomineeDesc', 'reason', 'nominator'];
+}
diff --git a/models/System.ts b/models/System.ts
index a8e2684..8e95500 100644
--- a/models/System.ts
+++ b/models/System.ts
@@ -4,6 +4,7 @@ import { BaseModel, DataObject, Filter, ListModel, toggle } from 'mobx-restful';
 import { Constructor } from 'web-utility';
 
 import { SearchActivityModel } from './Activity';
+import { SearchAwardModel } from './Award';
 import { ownClient } from './Base';
 import { OrganizationModel } from './Organization';
 
@@ -22,6 +23,7 @@ export type CityCoordinateMap = Record<string, [number, number]>;
 export class SystemModel extends BaseModel {
   searchMap = {
     activity: SearchActivityModel,
+    award: SearchAwardModel,
     NGO: OrganizationModel,
   } as Record<string, Constructor<SearchModel<DataObject>>>;
 
@@ -47,6 +49,7 @@ export class SystemModel extends BaseModel {
     const { body } = await ownClient.get<CityCoordinateMap>(
       'https://idea2app.github.io/public-meta-data/china-city-coordinate.json',
     );
+
     return (this.cityCoordinate = body!);
   }
 }
diff --git a/models/configuration.ts b/models/configuration.ts
index cf245b9..8c4b8dd 100644
--- a/models/configuration.ts
+++ b/models/configuration.ts
@@ -35,4 +35,5 @@ export const LarkWikiDomain = hostname;
 export const LarkWikiId = pathname.split('/').pop()!;
 
 export const LarkBitableId = process.env.NEXT_PUBLIC_LARK_BITABLE_ID!,
-  ActivityTableId = process.env.NEXT_PUBLIC_ACTIVITY_TABLE_ID!;
+  ActivityTableId = process.env.NEXT_PUBLIC_ACTIVITY_TABLE_ID!,
+  AwardTableId = process.env.NEXT_PUBLIC_AWARD_TABLE_ID!;
diff --git a/pages/article/join-us.mdx b/pages/article/join-us.mdx
index 5d9821d..370eda6 100644
--- a/pages/article/join-us.mdx
+++ b/pages/article/join-us.mdx
@@ -26,6 +26,6 @@
 
 [1]: https://open-source-bazaar.feishu.cn/docs/doccnGSsshgO4ojuAHVzWJMXWog '即兴三月，开源开放！'
 [2]: https://github.com/Open-Source-Bazaar/Open-Source-Bazaar.github.io '开源市集官网仓库'
-[3]: /open-collaborator-award '开放协作人奖'
+[3]: /award '开放协作人奖'
 [4]: https://open-source-bazaar.feishu.cn/share/base/shrcnBelp0N5f8pvEo106mU14jd '「开源市集」加入表单'
 [5]: https://github.com/orgs/Open-Source-Bazaar/repositories '「开源市集」开源仓库'
diff --git a/pages/award/index.tsx b/pages/award/index.tsx
new file mode 100644
index 0000000..49becbc
--- /dev/null
+++ b/pages/award/index.tsx
@@ -0,0 +1,250 @@
+import { observer } from 'mobx-react';
+import { cache, compose, errorLogger } from 'next-ssr-middleware';
+import { FC, useContext, useState } from 'react';
+import { Badge, Button, ButtonGroup, Card, Col, Container, Row } from 'react-bootstrap';
+
+import styles from '../../components/award/Award.module.less';
+import { AWARD_VOTE_THRESHOLD, AwardCard, voteCountOf } from '../../components/award/AwardCard';
+import { NominationForm } from '../../components/award/NominationForm';
+import { PageHead } from '../../components/Layout/PageHead';
+import { Award, AwardModel } from '../../models/Award';
+import { I18nContext, I18nKey } from '../../models/Translation';
+
+export const getServerSideProps = compose(cache(), errorLogger, async () => {
+  const awards = await new AwardModel().getAll();
+
+  return { props: { awards } };
+});
+
+type AwardFilter = 'all' | 'pending' | 'recognized';
+
+const aboutItems: Array<{ icon: string; title: I18nKey; description: I18nKey }> = [
+  { icon: '🌟', title: 'award_meaning', description: 'award_meaning_description' },
+  { icon: '🎯', title: 'award_criteria', description: 'award_criteria_description' },
+  { icon: '🤝', title: 'award_open_data', description: 'award_open_data_description' },
+];
+
+const ruleItems: Array<{ title: I18nKey; description: I18nKey }> = [
+  { title: 'award_rule_nominate', description: 'award_rule_nominate_description' },
+  { title: 'award_rule_review', description: 'award_rule_review_description' },
+  { title: 'award_rule_support', description: 'award_rule_support_description' },
+  { title: 'award_rule_recognize', description: 'award_rule_recognize_description' },
+];
+
+const faqItems: Array<{ question: I18nKey; answer: I18nKey }> = [
+  { question: 'award_faq_who_question', answer: 'award_faq_who_answer' },
+  { question: 'award_faq_video_question', answer: 'award_faq_video_answer' },
+  { question: 'award_faq_data_question', answer: 'award_faq_data_answer' },
+];
+
+const AwardPage: FC<{ awards: Award[] }> = observer(({ awards }) => {
+  const { t } = useContext(I18nContext),
+    [filter, setFilter] = useState<AwardFilter>('all'),
+    [showNominationForm, setShowNominationForm] = useState(false);
+
+  const recognizedAwards = awards.filter(award => voteCountOf(award) >= AWARD_VOTE_THRESHOLD),
+    totalVotes = awards.reduce((total, award) => total + voteCountOf(award), 0),
+    filteredAwards = awards.filter(award => {
+      const recognized = voteCountOf(award) >= AWARD_VOTE_THRESHOLD;
+
+      if (filter === 'pending') return !recognized;
+      if (filter === 'recognized') return recognized;
+
+      return true;
+    });
+
+  const stats: Array<[number, I18nKey]> = [
+    [awards.length, 'award_total_nominations'],
+    [recognizedAwards.length, 'award_total_recognized'],
+    [totalVotes, 'award_total_support'],
+  ];
+
+  const filterLabels: Record<AwardFilter, I18nKey> = {
+    all: 'award_filter_all',
+    pending: 'award_filter_pending',
+    recognized: 'award_filter_recognized',
+  };
+
+  return (
+    <>
+      <PageHead title={t('open_collaborator_award')} />
+
+      <header className={styles.hero}>
+        <Container className={`${styles.heroContent} text-center`}>
+          <h1 className={styles.heroTitle}>{t('award_hero_title')}</h1>
+          <p className={styles.heroDescription}>{t('award_hero_description')}</p>
+          <Button size="lg" variant="light" onClick={() => setShowNominationForm(true)}>
+            {t('award_submit_nomination')}
+          </Button>
+
+          <Row className="mt-5 justify-content-center">
+            {stats.map(([value, label]) => (
+              <Col key={label} xs={4} md={3}>
+                <div className={styles.statNumber}>{value}</div>
+                <div>{t(label)}</div>
+              </Col>
+            ))}
+          </Row>
+        </Container>
+      </header>
+
+      <main>
+        <section className={styles.section}>
+          <Container>
+            <h2 className={styles.sectionTitle}>{t('award_about_title')}</h2>
+            <Row className="g-4">
+              {aboutItems.map(({ icon, title, description }) => (
+                <Col key={title} md={4}>
+                  <Card className={`${styles.infoCard} h-100`} body>
+                    <div className="mb-3 fs-1" aria-hidden="true">
+                      {icon}
+                    </div>
+                    <Card.Title as="h3">{t(title)}</Card.Title>
+                    <Card.Text>{t(description)}</Card.Text>
+                  </Card>
+                </Col>
+              ))}
+            </Row>
+          </Container>
+        </section>
+
+        <section className={`${styles.section} ${styles.initiative}`}>
+          <Container>
+            <h2 className={styles.sectionTitle}>{t('award_initiative_title')}</h2>
+            <Row className="align-items-center g-4">
+              <Col md={6}>
+                <div className={`${styles.videoWrapper} ${styles.initiativeVideo}`}>
+                  <iframe
+                    src="https://player.bilibili.com/player.html?bvid=BV1c44y1x7ij&page=1&high_quality=1&danmaku=0"
+                    title={t('award_initiative_video_title')}
+                    loading="lazy"
+                    allowFullScreen
+                  />
+                </div>
+              </Col>
+              <Col md={6}>
+                <h3>{t('award_initiative_question')}</h3>
+                <p>{t('award_initiative_description')}</p>
+                <Button variant="light" onClick={() => setShowNominationForm(true)}>
+                  {t('award_submit_nomination')}
+                </Button>
+              </Col>
+            </Row>
+          </Container>
+        </section>
+
+        <section className={`${styles.section} ${styles.mutedSection}`}>
+          <Container>
+            <h2 className={styles.sectionTitle}>{t('award_rules_title')}</h2>
+            <Row as="ol" className="list-unstyled g-4">
+              {ruleItems.map(({ title, description }, index) => (
+                <Col key={title} as="li" md={6} lg={3}>
+                  <Card className={`${styles.ruleCard} h-100`} body>
+                    <span className={styles.ruleNumber}>{index + 1}</span>
+                    <Card.Title as="h3" className="h5">
+                      {t(title)}
+                    </Card.Title>
+                    <Card.Text>{t(description)}</Card.Text>
+                  </Card>
+                </Col>
+              ))}
+            </Row>
+          </Container>
+        </section>
+
+        {recognizedAwards.length > 0 && (
+          <section className={styles.section}>
+            <Container>
+              <h2 className={styles.sectionTitle}>{t('award_recognized_list')}</h2>
+              <Row className="g-4">
+                {recognizedAwards.map(award => (
+                  <Col key={award.id?.toString()} md={6}>
+                    <Card className={`${styles.recipientCard} h-100`} body>
+                      <Badge className="align-self-start mb-2" bg="success">
+                        {award.awardName?.toString() || t('open_collaborator_award')}
+                      </Badge>
+                      <Card.Title as="h3">
+                        {award.nomineeName?.toString() || t('award_unnamed_nominee')}
+                      </Card.Title>
+                      <Card.Text>
+                        {voteCountOf(award)} {t('award_support_count')}
+                      </Card.Text>
+                      <Button
+                        className="align-self-start"
+                        href={`#award-${award.id}`}
+                        variant="outline-primary"
+                      >
+                        {t('award_view_nomination')}
+                      </Button>
+                    </Card>
+                  </Col>
+                ))}
+              </Row>
+            </Container>
+          </section>
+        )}
+
+        <section className={`${styles.section} ${styles.mutedSection}`}>
+          <Container>
+            <h2 className={styles.sectionTitle}>{t('award_nominations_title')}</h2>
+            <ButtonGroup
+              className="mb-4 d-flex justify-content-center gap-2"
+              aria-label={t('award_filter')}
+            >
+              {(Object.keys(filterLabels) as AwardFilter[]).map(value => (
+                <Button
+                  key={value}
+                  aria-pressed={filter === value}
+                  variant={filter === value ? 'primary' : 'outline-secondary'}
+                  onClick={() => setFilter(value)}
+                >
+                  {t(filterLabels[value])}
+                </Button>
+              ))}
+            </ButtonGroup>
+
+            {filteredAwards.length ? (
+              <Row as="ol" className="list-unstyled g-4">
+                {filteredAwards.map(award => (
+                  <Col key={award.id?.toString()} as="li" lg={6}>
+                    <AwardCard {...award} />
+                  </Col>
+                ))}
+              </Row>
+            ) : (
+              <p className="py-5 text-center text-muted">{t('award_no_nominations')}</p>
+            )}
+
+            <div className="mt-5 text-center">
+              <Button size="lg" onClick={() => setShowNominationForm(true)}>
+                {t('award_submit_nomination')}
+              </Button>
+            </div>
+          </Container>
+        </section>
+
+        <section className={styles.section}>
+          <Container>
+            <h2 className={styles.sectionTitle}>{t('award_faq_title')}</h2>
+            <Row className="justify-content-center">
+              <Col lg={8}>
+                {faqItems.map(({ question, answer }) => (
+                  <Card key={question} className={`${styles.faqCard} mb-3`} body>
+                    <Card.Title as="h3" className="h5">
+                      {t(question)}
+                    </Card.Title>
+                    <Card.Text>{t(answer)}</Card.Text>
+                  </Card>
+                ))}
+              </Col>
+            </Row>
+          </Container>
+        </section>
+      </main>
+
+      <NominationForm show={showNominationForm} onHide={() => setShowNominationForm(false)} />
+    </>
+  );
+});
+
+export default AwardPage;
diff --git a/pages/index.tsx b/pages/index.tsx
index 88f9654..51e68e0 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,4 +1,5 @@
 import { observer } from 'mobx-react';
+import Link from 'next/link';
 import { FC, useContext } from 'react';
 import { Card, Col, Row } from 'react-bootstrap';
 import { renderToStaticMarkup } from 'react-dom/server';
@@ -90,9 +91,9 @@ const HomePage: FC = observer(() => {
                   ：一群来自不同领域的有趣的朋友通过展示、交流，将“开源”和“开放式协作”的乐趣带给更多人……
                 </li>
                 <li className="mb-3">
-                  <a href="/open-collaborator-award" className="fw-bold">
+                  <Link href="/award" className="fw-bold">
                     开放协作人奖
-                  </a>
+                  </Link>
                   ：在过去的一年中令你难以忘怀的人，请把 Ta 推荐给更多的人……
                 </li>
                 <li className="mb-3">
diff --git a/pages/search/[model]/index.tsx b/pages/search/[model]/index.tsx
index 11a99be..8e308c7 100644
--- a/pages/search/[model]/index.tsx
+++ b/pages/search/[model]/index.tsx
@@ -6,6 +6,7 @@ import { Container, Nav } from 'react-bootstrap';
 import { buildURLData } from 'web-utility';
 
 import { ActivityCard } from '../../../components/Activity/Card';
+import { AwardCard } from '../../../components/award/AwardCard';
 import { CardPage, CardPageProps } from '../../../components/Layout/CardPage';
 import { PageHead } from '../../../components/Layout/PageHead';
 import { SearchBar } from '../../../components/Navigator/SearchBar';
@@ -40,11 +41,13 @@ export const getServerSideProps = compose<{ model: string }, SearchModelPageProp
 
 const SearchNameMap = ({ t }: typeof i18n): Record<string, string> => ({
   activity: t('activity'),
+  award: t('open_collaborator_award'),
   NGO: t('NGO'),
 });
 
 const SearchCardMap: Record<string, CardPageProps['Card']> = {
   activity: ActivityCard,
+  award: AwardCard,
   NGO: OrganizationCard,
 };
 
diff --git a/translation/en-US.ts b/translation/en-US.ts
index ccd393d..e1a2f65 100644
--- a/translation/en-US.ts
+++ b/translation/en-US.ts
@@ -1,3 +1,5 @@
+// cspell:ignore Bilibili Feishu
+
 export default {
   // Navigation
   about: 'About',
@@ -47,6 +49,71 @@ export default {
   bounty_hero_rank: 'Hero Rank',
   bounty_debt_rank: 'Debt Rank',
 
+  // Open Collaborator Award
+  award_hero_title: 'Honoring every open collaborator',
+  award_hero_description: 'Thank the people who made a difference or helped you over the past year',
+  award_submit_nomination: 'Submit a nomination',
+  award_total_nominations: 'Nominations',
+  award_total_recognized: 'Recipients',
+  award_total_support: 'Total support',
+  award_about_title: 'About the award',
+  award_meaning: 'Purpose',
+  award_meaning_description:
+    'Recognize people who demonstrate excellence and generosity in open collaboration.',
+  award_criteria: 'Nomination criteria',
+  award_criteria_description:
+    'Anyone who made a difference or helped you over the past year deserves recognition.',
+  award_open_data: 'Open records',
+  award_open_data_description:
+    'Nomination and support data comes from a Feishu Base maintained by the community.',
+  award_initiative_title: 'Open Collaborator Award initiative',
+  award_initiative_video_title: 'Open Collaborator Award initiative video',
+  award_initiative_question: 'Why did we create this award?',
+  award_initiative_description:
+    'The Open Collaborator Award uses the power of community to make every helpful person seen, thanked and remembered.',
+  award_rules_title: 'How it works',
+  award_rule_nominate: 'Nominate',
+  award_rule_nominate_description:
+    'Use the Feishu form to introduce the nominee, your reason and a nomination video.',
+  award_rule_review: 'Data sync',
+  award_rule_review_description:
+    'Form records are read from the Feishu Base by the website server and displayed here.',
+  award_rule_support: 'Community support',
+  award_rule_support_description:
+    'The page displays real support data from the Base instead of counting votes in the browser.',
+  award_rule_recognize: 'Recognition',
+  award_rule_recognize_description:
+    'A nomination joins the recipient list after reaching the support threshold.',
+  award_recognized_list: 'Award recipients',
+  award_view_nomination: 'View full nomination',
+  award_nominations_title: 'Nominations',
+  award_filter: 'Filter nominations',
+  award_filter_all: 'All',
+  award_filter_pending: 'In progress',
+  award_filter_recognized: 'Recognized',
+  award_no_nominations: 'No nominations yet',
+  award_recognized: 'Recognized',
+  award_nomination_reason: 'Reason for nomination',
+  award_nominated_by: 'Nominated by',
+  award_anonymous: 'Anonymous',
+  award_unnamed_nominee: 'Unnamed nominee',
+  award_support_count: 'supporters',
+  award_nomination_video_title: 'Nomination video',
+  award_watch_nomination_video: 'Watch nomination video',
+  award_nomination_form_title: 'Open Collaborator Award nomination form',
+  award_form_refresh_hint: 'Refresh this page after submission to see the latest nominations.',
+  award_close: 'Close',
+  award_faq_title: 'Frequently asked questions',
+  award_faq_who_question: 'Who can submit a nomination?',
+  award_faq_who_answer:
+    'Anyone may nominate a person who helped them or made a difference over the past year.',
+  award_faq_video_question: 'How do I submit a nomination video?',
+  award_faq_video_answer:
+    'Upload the video to Bilibili first, then enter its link in the Feishu nomination form.',
+  award_faq_data_question: 'Where is nomination data stored?',
+  award_faq_data_answer:
+    "Form entries are stored directly in the community's Feishu Base and read by the website server.",
+
   //License-tool Page
   license_filter: 'Open Source License Selector',
   feature_attitude_undefined: "I don't care",
diff --git a/translation/zh-CN.ts b/translation/zh-CN.ts
index cc954a9..2f19970 100644
--- a/translation/zh-CN.ts
+++ b/translation/zh-CN.ts
@@ -1,3 +1,5 @@
+// cspell:ignore Bilibili
+
 export default {
   // Navigation
   open_source_bazaar: '开源市集',
@@ -46,6 +48,61 @@ export default {
   bounty_hero_rank: '英雄榜',
   bounty_debt_rank: '欠条榜',
 
+  // Open Collaborator Award
+  award_hero_title: '致敬每一位开放协作者',
+  award_hero_description: '感谢那些在过去一年里给你留下深刻印象、对你有帮助的人',
+  award_submit_nomination: '提交提名',
+  award_total_nominations: '提名数',
+  award_total_recognized: '获奖人数',
+  award_total_support: '支持总数',
+  award_about_title: '关于奖项',
+  award_meaning: '奖项意义',
+  award_meaning_description: '表彰在开放协作中展现出卓越精神和无私奉献的个人。',
+  award_criteria: '提名标准',
+  award_criteria_description: '任何在过去一年里给你留下深刻印象或提供过帮助的人都值得被看见。',
+  award_open_data: '开放记录',
+  award_open_data_description: '提名和支持数据来自社区共同维护的飞书多维表格。',
+  award_initiative_title: '开放协作人奖提名倡议',
+  award_initiative_video_title: '开放协作人奖提名倡议视频',
+  award_initiative_question: '为什么发起这个奖项？',
+  award_initiative_description:
+    '开放协作人奖希望通过社区的力量，让每一个帮助过你的人都能被看见、被感谢、被铭记。',
+  award_rules_title: '参与规则',
+  award_rule_nominate: '提交提名',
+  award_rule_nominate_description: '通过飞书表单介绍被提名人、提名理由和提名视频。',
+  award_rule_review: '数据同步',
+  award_rule_review_description: '表单记录由网站服务端从飞书多维表格读取并展示。',
+  award_rule_support: '社区支持',
+  award_rule_support_description: '页面展示来自多维表格的真实支持数据，不在浏览器本地计票。',
+  award_rule_recognize: '获得认可',
+  award_rule_recognize_description: '支持数达到标准后，该提名会进入获奖者名单。',
+  award_recognized_list: '获奖者榜单',
+  award_view_nomination: '查看完整提名',
+  award_nominations_title: '提名展示',
+  award_filter: '筛选提名',
+  award_filter_all: '全部',
+  award_filter_pending: '进行中',
+  award_filter_recognized: '已获奖',
+  award_no_nominations: '暂无提名',
+  award_recognized: '已获奖',
+  award_nomination_reason: '提名理由',
+  award_nominated_by: '提名人',
+  award_anonymous: '匿名',
+  award_unnamed_nominee: '未命名提名人',
+  award_support_count: '份支持',
+  award_nomination_video_title: '提名视频',
+  award_watch_nomination_video: '观看提名视频',
+  award_nomination_form_title: '开放协作人奖提名表单',
+  award_form_refresh_hint: '提交成功后刷新页面即可查看最新提名。',
+  award_close: '关闭',
+  award_faq_title: '常见问题',
+  award_faq_who_question: '谁可以参与提名？',
+  award_faq_who_answer: '任何人都可以提名在过去一年里帮助过自己或留下深刻印象的人。',
+  award_faq_video_question: '如何提交提名视频？',
+  award_faq_video_answer: '先将视频上传到 Bilibili，再把视频链接填写到飞书提名表单中。',
+  award_faq_data_question: '提名数据保存在哪里？',
+  award_faq_data_answer: '表单内容直接保存到社区的飞书多维表格，并由网站服务端读取。',
+
   //License-tool Page
   license_filter: '开源协议选择器',
   feature_attitude_undefined: '我不在乎',
diff --git a/translation/zh-TW.ts b/translation/zh-TW.ts
index 58956fe..3d7b1c5 100644
--- a/translation/zh-TW.ts
+++ b/translation/zh-TW.ts
@@ -1,3 +1,5 @@
+// cspell:ignore Bilibili
+
 export default {
   // Navigation
   open_source_bazaar: '開源市集',
@@ -46,6 +48,61 @@ export default {
   bounty_hero_rank: '英雄榜',
   bounty_debt_rank: '欠條榜',
 
+  // Open Collaborator Award
+  award_hero_title: '致敬每一位開放協作者',
+  award_hero_description: '感謝那些在過去一年裡給你留下深刻印象、對你有幫助的人',
+  award_submit_nomination: '提交提名',
+  award_total_nominations: '提名數',
+  award_total_recognized: '獲獎人數',
+  award_total_support: '支持總數',
+  award_about_title: '關於獎項',
+  award_meaning: '獎項意義',
+  award_meaning_description: '表彰在開放協作中展現出卓越精神和無私奉獻的個人。',
+  award_criteria: '提名標準',
+  award_criteria_description: '任何在過去一年裡給你留下深刻印象或提供過幫助的人都值得被看見。',
+  award_open_data: '開放記錄',
+  award_open_data_description: '提名和支持數據來自社群共同維護的飛書多維表格。',
+  award_initiative_title: '開放協作人獎提名倡議',
+  award_initiative_video_title: '開放協作人獎提名倡議影片',
+  award_initiative_question: '為什麼發起這個獎項？',
+  award_initiative_description:
+    '開放協作人獎希望透過社群的力量，讓每一個幫助過你的人都能被看見、被感謝、被銘記。',
+  award_rules_title: '參與規則',
+  award_rule_nominate: '提交提名',
+  award_rule_nominate_description: '透過飛書表單介紹被提名人、提名理由和提名影片。',
+  award_rule_review: '資料同步',
+  award_rule_review_description: '表單記錄由網站伺服器從飛書多維表格讀取並展示。',
+  award_rule_support: '社群支持',
+  award_rule_support_description: '頁面展示來自多維表格的真實支持數據，不在瀏覽器本地計票。',
+  award_rule_recognize: '獲得認可',
+  award_rule_recognize_description: '支持數達到標準後，該提名會進入獲獎者名單。',
+  award_recognized_list: '獲獎者榜單',
+  award_view_nomination: '查看完整提名',
+  award_nominations_title: '提名展示',
+  award_filter: '篩選提名',
+  award_filter_all: '全部',
+  award_filter_pending: '進行中',
+  award_filter_recognized: '已獲獎',
+  award_no_nominations: '暫無提名',
+  award_recognized: '已獲獎',
+  award_nomination_reason: '提名理由',
+  award_nominated_by: '提名人',
+  award_anonymous: '匿名',
+  award_unnamed_nominee: '未命名被提名人',
+  award_support_count: '份支持',
+  award_nomination_video_title: '提名影片',
+  award_watch_nomination_video: '觀看提名影片',
+  award_nomination_form_title: '開放協作人獎提名表單',
+  award_form_refresh_hint: '提交成功後重新整理頁面即可查看最新提名。',
+  award_close: '關閉',
+  award_faq_title: '常見問題',
+  award_faq_who_question: '誰可以參與提名？',
+  award_faq_who_answer: '任何人都可以提名在過去一年裡幫助過自己或留下深刻印象的人。',
+  award_faq_video_question: '如何提交提名影片？',
+  award_faq_video_answer: '先將影片上傳到 Bilibili，再把影片連結填寫到飛書提名表單中。',
+  award_faq_data_question: '提名數據儲存在哪裡？',
+  award_faq_data_answer: '表單內容直接儲存到社群的飛書多維表格，並由網站伺服器讀取。',
+
   //License-tool Page
   license_filter: '開源許可證選擇器',
   feature_attitude_undefined: '我不在乎',