diff --git a/src/pages/videos/index.tsx b/src/pages/videos/index.tsx
new file mode 100644
index 000000000..72098f6e6
--- /dev/null
+++ b/src/pages/videos/index.tsx
@@ -0,0 +1,41 @@
+import { translate } from '@docusaurus/Translate'
+
+import MyLayout from '@site/src/theme/MyLayout'
+
+const TITLE = translate({
+  id: 'theme.video.title',
+  message: '视频正在快马加鞭的赶来',
+})
+const DESCRIPTION = translate({
+  id: 'theme.video.description',
+  message: '',
+})
+
+function ShowcaseHeader() {
+  return (
+    <section className="text-center">
+      <h2>{TITLE}</h2>
+      <p>{DESCRIPTION}</p>
+      {/* <a
+        className="button button--primary"
+        href={GITHUB_URL}
+        target="_blank"
+        rel="noreferrer"
+      >
+        <Translate id="showcase.header.button">前往 Github 克隆项目</Translate>
+      </a> */}
+    </section>
+  )
+}
+
+function Videos() {
+  return (
+    <MyLayout title={TITLE} description={DESCRIPTION} maxWidth={1280}>
+      <main className="margin-vert--lg">
+        <ShowcaseHeader />
+      </main>
+    </MyLayout>
+  )
+}
+
+export default Videos