website: ui improvements

website/docusaurus.config.js

@@ -25,11 +25,12 @@ module.exports = {
         src: 'img/logo.svg',
       },
       items: [
+        {to: 'introduction', label: 'Get started', position: 'left'},
+        {to: 'blog', label: 'Blog', position: 'left'},
         {
           type: 'localeDropdown',
           position: 'right',
         },
-        {to: 'blog', label: 'Blog', position: 'right'},
         {
           href: 'https://github.com/yangshun/front-end-interview-handbook',
           label: 'GitHub',

website/src/components/SidebarAd/index.js

@@ -31,8 +31,8 @@ export default React.memo(function SidebarAd() {
             }}>
             <p className={styles.tagline}>
               <strong>Get paid more.</strong> Receive risk-free salary
-              negotiation advice from Moonchaser. You pay nothing unless your
-              offer is increased.
+              negotiation advice from <u>Moonchaser</u>. You pay nothing unless
+              your offer is increased. <u>Book a free consultation today!</u>
             </p>
           </a>
         ) : (
@@ -46,8 +46,9 @@ export default React.memo(function SidebarAd() {
               window.gtag('event', 'educative.sidebar.click');
             }}>
             <p className={styles.tagline}>
-              <strong>Level up with Educative.</strong> Get 10% off Educative's
-              wide range of interview courses today!
+              <strong>Looking to get hired at FAANG?</strong> <u>Educative</u>{' '}
+              offers many great courses to improve your interview game.{' '}
+              <u>Join today for a 10% discount!</u>
             </p>
           </a>
         )

website/src/css/custom.css

@@ -12,7 +12,6 @@
   --ifm-font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI',
     'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans',
     'Helvetica Neue', sans-serif;
-  --ifm-font-size-base: 18px;
 }
 
 html[data-theme='dark'] {

website/src/pages/index.js

@@ -126,9 +126,9 @@ function EducativeSection() {
               <div>
                 <h2 className={styles.sectionSponsorTitle}>
                   <strong>
-                    Looking for high quality front end interview courses?
-                    Educative offers a ton of great courses to improve your
-                    interview game.
+                    Looking to get hired at FAANG? Educative offers many great
+                    courses to improve your interview game. Join today for a
+                    discount!
                   </strong>
                 </h2>
                 <div className="margin-vert--lg">
@@ -140,7 +140,7 @@ function EducativeSection() {
                     onClick={() => {
                       window.gtag('event', 'educative.homepage.click');
                     }}>
-                    Get started&nbsp;&nbsp;→
+                    Check out courses&nbsp;&nbsp;→
                   </a>
                 </div>
               </div>