diff --git a/pages/en-us/components/display.mdx b/pages/en-us/components/display.mdx
index 1604d61..35da03f 100644
--- a/pages/en-us/components/display.mdx
+++ b/pages/en-us/components/display.mdx
@@ -15,8 +15,8 @@ To display important information or images in a central alignment.
   desc="Describe the main part with a paragraph."
   scope={{ Display, Image }}
   code={`
-  <Display shadow caption="Now for GitHub deploying a pull request automatically.">
-    <Image width="435" height="200" src="https://zeit.co/docs/static/docs/git-integrations/github-comment.png" />
+  <Display shadow caption="An open-source design system for building modern websites and applications.">
+    <Image width="435" height="200" src="/images/geist-banner.png" />
   </Display>
 `}
 />
@@ -59,8 +59,8 @@ To display important information or images in a central alignment.
   desc="Use component on `caption` prop."
   scope={{ Display, Code, Image }}
   code={`
-  <Display shadow caption={<p>A domain redirect that redirects requests made to <Code>www.zeit.rocks</Code> to <Code>zeit.rocks</Code>.</p>}>
-    <Image width="650" height="297" src="https://zeit.co/docs/static/docs/custom-domains/redirecting-domains.png" />
+  <Display shadow caption={<p>Browse <Code>react.geist-ui.dev</Code> for more documentation.</p>}>
+    <Image width="650" height="297" src="/images/geist-banner.png" />
   </Display>
 `}
 />
diff --git a/pages/zh-cn/components/display.mdx b/pages/zh-cn/components/display.mdx
index 65b8c1f..6b92c40 100644
--- a/pages/zh-cn/components/display.mdx
+++ b/pages/zh-cn/components/display.mdx
@@ -14,8 +14,8 @@ export const meta = {
   desc="为一张图片添加描述文本。"
   scope={{ Display, Image }}
   code={`
-  <Display shadow caption="Now 在 PR 上的自动部署。">
-    <Image width="435" height="200" src="https://zeit.co/docs/static/docs/git-integrations/github-comment.png" />
+  <Display shadow caption="用于构建现代应用的开源设计系统。">
+    <Image width="435" height="200" src="/images/geist-banner.png" />
   </Display>
 `}
 />
@@ -58,8 +58,8 @@ export const meta = {
   desc="在 `caption` 属性上使用组件表达更丰富的信息。"
   scope={{ Display, Code, Image }}
   code={`
-  <Display shadow caption={<p>将域名 <Code>www.zeit.rocks</Code> 重定向至 <Code>zeit.rocks</Code>。</p>}>
-    <Image width="650" height="297" src="https://zeit.co/docs/static/docs/custom-domains/redirecting-domains.png" />
+  <Display shadow caption={<p>访问地址 <Code>react.geist-ui.dev</Code> 获取更多的文档信息。</p>}>
+    <Image width="650" height="297" src="/images/geist-banner.png" />
   </Display>
 `}
 />
diff --git a/public/images/geist-banner.png b/public/images/geist-banner.png
new file mode 100644
index 0000000..cf7a3fa
Binary files /dev/null and b/public/images/geist-banner.png differ