site: translation of home and footer (#2855)

site/theme/en-US.js

@@ -11,5 +11,33 @@ module.exports = {
     'app.header.menu.spec': 'Specification',
     'app.header.menu.resource': 'Resource',
     'app.header.lang': '中文',
+    'app.home.slogan': 'One Design Language for UI',
+    'app.home.start': 'Getting Started',
+    'app.home.best-practice': 'Best Practice',
+    'app.home.experience': 'Designed by experienced team, and showcase dozens of inspiring projects.',
+    'app.home.design-pattern': 'Design Pattern',
+    'app.home.pattern': 'Provide solutions for usual problems that may be encountered while developing enterprise-like complex UIs.',
+    'app.home.reusable-components': 'Dozens of Reusable Components',
+    'app.home.components-intro': 'Dozens of flexible and practical reusable components that increase your productivity.',
+    'app.home.learn-more': 'Learn more',
+    'app.home.sub-slogan': 'A Little Happiness in Hand',
+    'app.home.vision': 'This is a design language dedicated to improve the user and design experience.',
+    'app.footer.repo': 'Repository',
+    'app.footer.scaffold': 'Scaffold',
+    'app.footer.dev-tools': 'Developer Tools',
+    'app.footer.dva': 'Framework',
+    'app.footer.links': 'Links',
+    'app.footer.mobile': 'Mobile',
+    'app.footer.data-vis': 'Data Visualization',
+    'app.footer.data-vis-spec': 'Specification of Data Visualization',
+    'app.footer.motion': 'Motion',
+    'app.footer.material': 'Sitemap Template',
+    'app.footer.community': 'Community',
+    'app.footer.change-log': 'Change Log',
+    'app.footer.feedback': 'Feedback',
+    'app.footer.discuss': 'Chat Room',
+    'app.footer.bug-report': 'Bug Report',
+    'app.footer.version': 'Version: ',
+    'app.footer.author': 'Created by Ant UED',
   },
 };

site/theme/template/Home/Banner.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router';
+import { FormattedMessage } from 'react-intl';
 import ScrollElement from 'rc-scroll-anim/lib/ScrollElement';
 import GitHubButton from 'react-github-button';
 import 'react-github-button/assets/style.css';
@@ -22,11 +23,12 @@ export default class Banner extends React.Component {
         <ScrollElement scrollName="banner" className="page">
           <QueueAnim className="banner-text-wrapper" type={this.typeFunc} delay={300}>
             <h2 key="h2">ANT <p>DESIGN</p></h2>
-            <p key="content">一个 UI 设计语言</p>
+            <p key="content"><FormattedMessage id="app.home.slogan" /></p>
             <span className="line" key="line" />
             <div key="button" className="start-button clearfix">
               <Link to="/docs/spec/introduce">
-                <Icon type="smile-circle" /> 开始探索
+                <Icon type="smile-circle" />
+                <FormattedMessage id="app.home.start" />
               </Link>
             </div>
             <GitHubButton key="github-button" type="stargazers"

site/theme/template/Home/Page1.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router';
+import { FormattedMessage } from 'react-intl';
 import TweenOne from 'rc-tween-one';
 import ScrollOverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 import { Icon, Button } from 'antd';
@@ -28,12 +29,12 @@ export default function Page1() {
         style={{ transform: 'translateX(-100px)', opacity: 0 }}
       />
       <QueueAnim className="text-wrapper" delay={300} key="text" duration={550} leaveReverse>
-        <h2 key="h2">最佳实践</h2>
-        <p key="p" style={{ maxWidth: 310 }}>近一年的中后台设计实践，积累了大量的优秀案例。</p>
+        <h2 key="h2"><FormattedMessage id="app.home.best-practice" /></h2>
+        <p key="p" style={{ maxWidth: 310 }}><FormattedMessage id="app.home.experience" /></p>
         <div key="button">
           <Link to="/docs/practice/cases">
             <Button type="primary" size="large">
-              了解更多
+              <FormattedMessage id="app.home.learn-more" />
               <Icon type="right" />
             </Button>
           </Link>

site/theme/template/Home/Page2.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormattedMessage } from 'react-intl';
 import { Link } from 'react-router';
 import TweenOne from 'rc-tween-one';
 import ScrollOverPack from 'rc-scroll-anim/lib/ScrollOverPack';
@@ -14,12 +15,12 @@ export default function Page2() {
       <QueueAnim className="text-wrapper left-text" delay={300} key="text"
         duration={550} type="bottom" leaveReverse
       >
-        <h2 key="h2">设计模式</h2>
-        <p key="p" style={{ maxWidth: 260 }}>总结中后台设计中反复出现的问题，并提供相应的解决方案。</p>
+        <h2 key="h2"><FormattedMessage id="app.home.design-pattern" /></h2>
+        <p key="p" style={{ maxWidth: 260 }}><FormattedMessage id="app.home.pattern" /></p>
         <div key="button">
           <Link to="/docs/pattern/navigation">
             <Button type="primary" size="large">
-              了解更多
+              <FormattedMessage id="app.home.learn-more" />
               <Icon type="right" />
             </Button>
           </Link>

site/theme/template/Home/Page3.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import { Link } from 'react-router';
+import { FormattedMessage } from 'react-intl';
 import TweenOne from 'rc-tween-one';
 import ScrollOverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 import { Icon, Button } from 'antd';
@@ -17,12 +18,12 @@ export default function Page3() {
       <QueueAnim className="text-wrapper" delay={300} key="text" duration={550}
         leaveReverse style={{ top: '40%' }}
       >
-        <h2 key="h2">丰富的基础组件</h2>
-        <p key="p" style={{ maxWidth: 280 }}>丰富、灵活、实用的基础组件，为业务产品提供强有力的设计支持。</p>
+        <h2 key="h2"><FormattedMessage id="app.home.reusable-components" /></h2>
+        <p key="p" style={{ maxWidth: 280 }}><FormattedMessage id="app.home.components-intro" /></p>
         <div key="button">
           <Link to="/docs/react/introduce">
             <Button type="primary" size="large">
-              了解更多
+              <FormattedMessage id="app.home.learn-more" />
               <Icon type="right" />
             </Button>
           </Link>

site/theme/template/Home/Page4.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import TweenOne from 'rc-tween-one';
+import { FormattedMessage } from 'react-intl';
 import ScrollOverPack from 'rc-scroll-anim/lib/ScrollOverPack';
 import QueueAnim from 'rc-queue-anim';
 
@@ -11,8 +12,8 @@ export default function Page4() {
       <QueueAnim className="text-wrapper-bottom" delay={300} key="text" duration={550}
         leaveReverse type="bottom"
       >
-        <h2 key="h2">微小·确定·幸福</h2>
-        <p key="p">这是一套致力于提升『用户』和『设计者』使用体验的中后台设计语言。</p>
+        <h2 key="h2"><FormattedMessage id="app.home.sub-slogan" /></h2>
+        <p key="p"><FormattedMessage id="app.home.vision" /></p>
       </QueueAnim>
       <TweenOne key="image" className="image4 bottom-wrapper" animation={{ y: 0, opacity: 1, duration: 550, delay: 550 }}
         style={{ transform: 'translateY(50px)', opacity: 0 }}

site/theme/template/Layout/Footer.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormattedMessage } from 'react-intl';
 import { Select, Modal } from 'antd';
 import { version as antdVersion } from 'antd/package.json';
 import { docVersions } from '../../';
@@ -68,54 +69,67 @@ export default class Footer extends React.Component {
           <li>
             <h2>GitHub</h2>
             <div>
-              <a target="_blank " href="https://github.com/ant-design/ant-design">仓库</a>
+              <a target="_blank " href="https://github.com/ant-design/ant-design">
+                <FormattedMessage id="app.footer.repo" />
+              </a>
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/antd-init">antd-init</a> - 脚手架
+              <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/antd-init">antd-init</a> -
+              <FormattedMessage id="app.footer.scaffold" />
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="http://ant-tool.github.io">ant-tool</a> - 开发工具
+              <a target="_blank" rel="noopener noreferrer" href="http://ant-tool.github.io">ant-tool</a> - <FormattedMessage id="app.footer.dev-tools" />
             </div>
             <div>
-              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva">dva</a> - 应用框架
+              <a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva">dva</a> - <FormattedMessage id="app.footer.dva" />
             </div>
           </li>
           <li>
-            <h2>相关站点</h2>
-            <div><a href="http://mobile.ant.design">Ant Design Mobile</a> - 移动版</div>
-            <div><a href="https://g2.alipay.com/">G2</a> - 数据可视化</div>
-            <div><a href="https://antv.alipay.com/">AntV</a> - 数据可视化规范</div>
-            <div><a href="http://motion.ant.design">Ant Motion</a> - 设计动效</div>
-            <div><a href="http://ux.ant.design">Ant UX</a> - 页面逻辑素材</div>
+            <h2><FormattedMessage id="app.footer.links" /></h2>
+            <div><a href="http://mobile.ant.design">Ant Design Mobile</a> -
+              <FormattedMessage id="app.footer.mobile" />
+            </div>
+            <div><a href="https://g2.alipay.com/">G2</a> -
+              <FormattedMessage id="app.footer.data-vis" />
+            </div>
+            <div><a href="https://antv.alipay.com/">AntV</a> -
+              <FormattedMessage id="app.footer.data-vis-spec" />
+            </div>
+            <div><a href="http://motion.ant.design">Ant Motion</a> -
+              <FormattedMessage id="app.footer.motion" />
+            </div>
+            <div><a href="http://ux.ant.design">Ant UX</a> -
+              <FormattedMessage id="app.footer.material" />
+            </div>
           </li>
           <li>
-            <h2>社区</h2>
+            <h2><FormattedMessage id="app.footer.community" /></h2>
             <div>
               <a target="_blank" rel="noopener noreferrer" href="http://ant.design/changelog">
-                更新记录
+                <FormattedMessage id="app.footer.change-log" />
               </a>
             </div>
             <div>
               <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues">
-                反馈和建议
+                <FormattedMessage id="app.footer.feedback" />
               </a>
             </div>
             <div>
               <a target="_blank" rel="noopener noreferrer" href="https://gitter.im/ant-design/ant-design">
-                讨论
+                <FormattedMessage id="app.footer.discuss" />
               </a>
             </div>
             <div>
               <a target="_blank" rel="noopener noreferrer" href="https://github.com/ant-design/ant-design/issues/new">
-                报告 Bug
+                <FormattedMessage id="app.footer.bug-report" />
               </a>
             </div>
           </li>
           <li>
-            <div>©2016 蚂蚁金服体验技术部出品</div>
+            <div>©2016 <FormattedMessage id="app.footer.author" /></div>
             <div>Powered by <a href="https://github.com/benjycui/bisheng">BiSheng</a></div>
             <div style={{ marginTop: 10 }}>
-              文档版本：
+              <FormattedMessage id="app.footer.version" />
               <Select
                 size="small"
                 dropdownMatchSelectWidth={false}

site/theme/zh-CN.js

@@ -11,5 +11,33 @@ module.exports = {
     'app.header.menu.spec': '语言',
     'app.header.menu.resource': '资源',
     'app.header.lang': 'EN',
+    'app.home.slogan': '一个 UI 设计语言',
+    'app.home.start': '开始探索',
+    'app.home.best-practice': '最佳实践',
+    'app.home.experience': '近一年的中后台设计实践，积累了大量的优秀案例。',
+    'app.home.design-pattern': '设计模式',
+    'app.home.pattern': '总结中后台设计中反复出现的问题，并提供相应的解决方案。',
+    'app.home.reusable-components': '丰富的基础组件',
+    'app.home.components-intro': '丰富、灵活、实用的基础组件，为业务产品提供强有力的设计支持。',
+    'app.home.learn-more': '了解更多',
+    'app.home.sub-slogan': '微小·确定·幸福',
+    'app.home.vision': '这是一套致力于提升『用户』和『设计者』使用体验的中后台设计语言。',
+    'app.footer.repo': '仓库',
+    'app.footer.scaffold': '脚手架',
+    'app.footer.dev-tools': '开发工具',
+    'app.footer.dva': '应用框架',
+    'app.footer.links': '相关站点',
+    'app.footer.mobile': '移动版',
+    'app.footer.data-vis': '数据可视化',
+    'app.footer.data-vis-spec': '数据可视化规范',
+    'app.footer.motion': '设计动效',
+    'app.footer.material': '页面逻辑素材',
+    'app.footer.community': '社区',
+    'app.footer.change-log': '更新记录',
+    'app.footer.feedback': '反馈和建议',
+    'app.footer.discuss': '讨论',
+    'app.footer.bug-report': '报告 Bug,',
+    'app.footer.version': '文档版本：',
+    'app.footer.author': '蚂蚁金服体验技术部出品',
   },
 };