Update home page (#51)

* Config packageManager

* Remove zh-cn from i18n configuration

* Remove home nav

* Remove language nav

* Update job nav

* Update content

* Update notify slack channel

* Update hero title content case

* Remove the period

* Update slack channel to notify deploy

.github/workflows/deploy-dev.yml

@@ -28,5 +28,5 @@ jobs:
           enable_cache: true
           enable_notify_comment: true
           enable_notify_slack: true
-          slack_channel: public-darwinia-websites-apps
+          slack_channel: public-darwinia-devs
           slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}

.github/workflows/deploy-prd.yml

@@ -30,6 +30,6 @@ jobs:
           prod_mode: true
           enable_cache: true
           enable_notify_slack: true
-          slack_channel: public-darwinia-websites-apps
+          slack_channel: public-darwinia-devs
           slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
 

.github/workflows/deploy-stg.yml

@@ -28,6 +28,6 @@ jobs:
           project_name: home-io
           enable_cache: true
           enable_notify_slack: true
-          slack_channel: public-darwinia-websites-apps
+          slack_channel: public-darwinia-devs
           slack_webhook: ${{ secrets.SLACK_INCOMING_WEBHOOK_URL }}
 

package.json

@@ -49,5 +49,6 @@
     "not dead",
     "not ie <= 11",
     "not op_mini all"
-  ]
+  ],
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }

src/components/PageHeader/PageHeader.js

@@ -102,15 +102,9 @@ class PageHeader extends Component {
                                     <img alt="logo" src={theme === 'dark' ? logo_light : logo}/>
                                 </Navbar.Brand>
                                 <Nav className={styles.navLinks}>
-                                    <Nav.Link href="/" onClick={this.onClickAnchor}><span
-                                        className={styles.NavLink}>{t('header:home')}</span></Nav.Link>
-                                    <Nav.Link href="/#product" onClick={this.onClickAnchor}><span
-                                        className={styles.NavLink}>{t('header:product')}</span></Nav.Link>
-                                    <Nav.Link href="/jobs"><span className={styles.NavLink}>{t('header:jobs')}</span></Nav.Link>
-                                    {curLang.toLowerCase() === 'zh-cn' ? <div className={styles.Language}
-                                                                              onClick={() => this.changeLng('en-us')}>English</div> :
-                                        <div className={styles.Language}
-                                             onClick={() => this.changeLng('zh-cn')}>中文</div>}
+                                    <Nav.Link href="/#our_portfolio" onClick={this.onClickAnchor}><span
+                                        className={styles.NavLink}>Work</span></Nav.Link>
+                                    <a rel="noopener noreferrer" target="_blank" href="https://apply.workable.com/itering" className={styles.NavLink} style={{ marginLeft: 12 }}>Careers</a>
                                 </Nav>
                                 <div className={styles.mobileMenu} onClick={this.showDrawer}>
                                     <img alt="menu" className={styles.menuIcon} src={menu_icon}/>
@@ -127,16 +121,9 @@ class PageHeader extends Component {
                                             <img alt="close" onClick={this.onClose} src={close_icon}/>
                                         </div>
                                         <Nav className={styles.linkContent}>
-                                            <Nav.Link href="/" onClick={this.onClose}><span
-                                                className={styles.NavLink}>{t('header:home')}</span></Nav.Link>
-                                            <Nav.Link href="/#product" onClick={this.onClose}><span
-                                                className={styles.NavLink}>{t('header:product')}</span></Nav.Link>
-                                            <Nav.Link href="/jobs" onClick={this.onClose}><span
-                                                className={styles.NavLink}>{t('header:jobs')}</span></Nav.Link>
-                                            {curLang.toLowerCase() === 'zh-cn' ? <div className={styles.Language}
-                                                                                      onClick={() => this.changeLng('en-us')}>English</div> :
-                                                <div className={styles.Language}
-                                                     onClick={() => this.changeLng('zh-cn')}>中文</div>}
+                                            <Nav.Link href="/#our_portfolio" onClick={this.onClose}><span
+                                                className={styles.NavLink}>Work</span></Nav.Link>
+                                            <a rel="noopener noreferrer" target="_blank" href="https://apply.workable.com/itering" className={styles.NavLink}>Careers</a>
                                         </Nav>
                                         <PageFooter/>
                                     </div>

src/locales/i18n.js

@@ -4,7 +4,7 @@ import LanguageDetector from 'i18next-browser-languagedetector';
 import browserDetector from './browserDetector'
 
 import en_us from './en-us'
-import zh_cn from './zh-cn'
+// import zh_cn from './zh-cn'
 
 const languageDetector = new LanguageDetector();
 languageDetector.addDetector(browserDetector);
@@ -17,9 +17,9 @@ const resources = {
     en: {
         ...en_us
     },
-    zh: {
-        ...zh_cn
-    }
+    // zh: {
+    //     ...zh_cn
+    // }
 };
 
 i18n