diff --git a/site/theme/en-US.js b/site/theme/en-US.js
index dcadcb625e..6f9c29c180 100644
--- a/site/theme/en-US.js
+++ b/site/theme/en-US.js
@@ -27,9 +27,12 @@ module.exports = {
     'app.home.design-language': 'Design Language',
     'app.home.solution': 'Solution',
     'app.home.components-explain': 'Based on the Ant Design language, we have provided a suite of out-of-the-box with high quality for developing and serving enterprise background applications,including the official React implementation and Angular, Vue implementations',
+    'app.home.components-react': 'React Components',
+    'app.home.components-angular': 'Angular Components',
     'app.home.product-pro-slogan': 'Out-of-the-box front-end / Design solution',
     'app.home.product-mobile-slogan': 'antd-mobile is a React implementation of Ant Design\'s mobile specification',
     'app.home.product-antv-slogan': 'Simple, professional, with unlimited possibilities for data visualization solutions',
+    'app.home.product-more': 'Learn more',
     'app.home.tool-title': 'Tools & Resources',
     'app.home.tool-package-title': 'Ant Design Resources',
     'app.home.tool-package-content': 'Ant Design Resources Download',
diff --git a/site/theme/template/Home/Page2.jsx b/site/theme/template/Home/Page2.jsx
index 24a817ff47..355dcdaa6e 100644
--- a/site/theme/template/Home/Page2.jsx
+++ b/site/theme/template/Home/Page2.jsx
@@ -74,10 +74,10 @@ export default function Page2({ isMobile, locale }) {
   const componentButton = (
     <div key="b" className="components-button-wrapper">
       <Link to={utils.getLocalizedPathname('/docs/react/introduce', isZhCN)}>
-        Ant Design of React <Icon type="right" />
+        <FormattedMessage id="app.home.components-react" /> <Icon type="right" />
       </Link>
       <a href="https://ng.ant.design/" target="_black">
-        Ant Design of Angular <Icon type="right" />
+        <FormattedMessage id="app.home.components-angular" /> <Icon type="right" />
       </a>
     </div>
   );
@@ -87,7 +87,7 @@ export default function Page2({ isMobile, locale }) {
     }
     const content = isMobile && !i ? componentButton : [
       <p key="p">{item.slogan}</p>,
-      <a key="a" href={item.link} target="_black">learn more <Icon type="right" /></a>,
+      <a key="a" href={item.link} target="_black"><FormattedMessage id="app.home.product-more" /> <Icon type="right" /></a>,
     ];
     return (
       <Row className="product-block" key={i.toString()}>
diff --git a/site/theme/zh-CN.js b/site/theme/zh-CN.js
index 2dcd07580b..0a6b6935f3 100644
--- a/site/theme/zh-CN.js
+++ b/site/theme/zh-CN.js
@@ -27,9 +27,12 @@ module.exports = {
     'app.home.design-language': '设计语言',
     'app.home.solution': '解决方案',
     'app.home.components-explain': '基于 Ant Design 设计语言，我们提供了一套开箱即用的高质量 React 组件，用于开发和服务于企业级中后台产品，除官方的 React 实现，还有 Angular、Vue 的实现',
+    'app.home.components-react': 'React 组件',
+    'app.home.components-angular': 'Angular 组件',
     'app.home.product-pro-slogan': '开箱即用的中台前端/设计解决方案',
     'app.home.product-mobile-slogan': 'antd-mobile 是 Ant Design 的移动规范的 React 实现',
     'app.home.product-antv-slogan': '简单、专业、拥有无限可能的数据可视化解决方案',
+    'app.home.product-more': '更多',
     'app.home.tool-title': '工具&资源',
     'app.home.tool-package-title': 'Ant Design 资源包',
     'app.home.tool-package-content': 'Ant Design 相关设计资源下载',