website: add footer

website/docusaurus.config.js

@@ -1,7 +1,7 @@
 module.exports = {
   title: 'Front End Interview Handbook',
   tagline:
-    'Front End interview preparation materials for busy engineers - pop quizzes, coding, front end system design and more!',
+    'Front end interview preparation materials for busy engineers - pop quizzes, coding, algorithms, front end system design and more!',
   url: 'https://www.frontendinterviewhandbook.com',
   baseUrl: '/',
   trailingSlash: true,
@@ -54,6 +54,68 @@ module.exports = {
     footer: {
       style: 'dark',
       copyright: `Copyright © ${new Date().getFullYear()} Yangshun Tay. Built with Docusaurus.`,
+      links: [
+        {
+          title: 'General',
+          items: [
+            {
+              label: 'Get started',
+              href: '/introduction',
+            },
+            {
+              label: 'Blog',
+              href: '/blog',
+            },
+          ],
+        },
+        {
+          title: 'Interviews',
+          items: [
+            {
+              label: 'Pop quiz',
+              href: '/pop-quiz',
+            },
+            {
+              label: 'Coding round',
+              href: '/coding',
+            },
+            {
+              label: 'System design',
+              href: '/front-end-system-design',
+            },
+            {
+              label: 'Behavioral round',
+              href: '/behavioral',
+            },
+          ],
+        },
+        {
+          title: 'About',
+          items: [
+            {
+              label: 'GitHub',
+              href: 'https://github.com/yangshun/front-end-interview-handbook',
+            },
+            {
+              label: 'Facebook',
+              href: 'https://www.facebook.com/techinterviewhandbook',
+            },
+            {
+              label: 'Twitter',
+              href: 'https://twitter.com/yangshunz',
+            },
+          ],
+        },
+        {
+          title: 'More',
+          items: [
+            {
+              label: 'Contact us',
+              href: 'mailto:business@techinterviewhandbook.org',
+            },
+          ],
+        },
+      ],
     },
     algolia: {
       apiKey: '6c13c369e8d9809cebb5c51330c914c3',

website/sidebars.js

@@ -14,6 +14,12 @@ module.exports = {
     {
       type: 'category',
       label: 'Coding round',
+      link: {
+        type: 'generated-index',
+        title: 'Coding round',
+        description: 'Various type of front end coding interview!',
+        slug: '/coding',
+      },
       items: ['utility-function', 'build-user-interfaces', 'algorithms'],
     },
     {

website/src/pages/index.js

@@ -13,7 +13,7 @@ export default function Home() {
 
   return (
     <Layout
-      title="Front End Interview Preparation for Busy Engineers"
+      title="Front end interview preparation for busy engineers"
       description={siteConfig.tagline}>
       <div>
         <HeroSection />
@@ -169,9 +169,9 @@ function FeaturesSection() {
             <div className={classnames('row', styles.featuresRow)}>
               <div
                 className={classnames('col', 'col--4', styles.featuresRowItem)}>
-                <h3>🔍 Front End interviews demystified</h3>
+                <h3>🔍 Front end interviews demystified</h3>
                 <p>
-                  Front End interview preparation resources are scarce but no
+                  Front end interview preparation resources are scarce but no
                   fret, we tell you what to expect and everything else you need
                   to know!
                 </p>
@@ -183,7 +183,7 @@ function FeaturesSection() {
                 className={classnames('col', 'col--4', styles.featuresRowItem)}>
                 <h3>👩‍🎨 System design</h3>
                 <p>
-                  What even is Front End system design?! Learn more about them
+                  What even is Front end system design?! Learn more about them
                   and how to ace these interviews.
                 </p>
                 <a href={useBaseUrl('front-end-system-design')}>