diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index 1f0e7be4..ef0a9a96 100755
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -46,6 +46,11 @@ module.exports = {
           href: 'https://www.techinterviewhandbook.org/grind75',
           position: 'left',
         },
+        {
+          label: 'Front End',
+          href: 'https://www.frontendinterviewhandbook.com',
+          position: 'left',
+        },
         {
           href: 'https://github.com/yangshun/tech-interview-handbook',
           position: 'right',
@@ -159,7 +164,10 @@ module.exports = {
               label: 'Grind 75',
               href: 'https://www.techinterviewhandbook.org/grind75',
             },
-            // {label: 'Advertise', href: '/advertise'},
+            {
+              label: 'Front End Interview Handbook',
+              href: 'https://www.frontendinterviewhandbook.com',
+            },
             {
               label: 'Contact us',
               href: 'mailto:contact@techinterviewhandbook.org',
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 7d37b095..e67fc588 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -150,6 +150,12 @@ function HeroSection() {
             Start reading now  →
           </Link>
         </div>
+        <p className="margin-top--md" style={{fontSize: 16, fontWeight: 600}}>
+          Or check out our{' '}
+          <a href="https://www.frontendinterviewhandbook.com">
+            Front End Interview Handbook
+          </a>
+        </p>
         <div className="margin-top--lg">
           <iframe
             src="https://ghbtns.com/github-btn.html?user=yangshun&amp;repo=tech-interview-handbook&amp;type=star&amp;count=true&amp;size=large"