misc: marketing

README.md

@@ -2,7 +2,7 @@
 
 <div align="center">
   <a href="https://www.techinterviewhandbook.org/">
-    <img src="website/static/img/logo.svg" alt="Tech Interview Handbook" width="400">
+    <img src="website/static/img/logo.svg" alt="Tech Interview Handbook" width="400" />
   </a>
   <br />
   <h3>
@@ -15,20 +15,23 @@
 
 ---
 
+<a href="https://www.techinterviewhandbook.org/software-engineering-interview-guide/">
+  <img src="assets/start-reading-button.jpg" alt="Start Reading Tech Interview Handbook" />
+</a>
+
 ## What is this?
 
-Not everyone has the time to do a few hundred LeetCode questions. Here are _free and curated_ technical interview preparation materials for busy engineers, brought to you by me, the author of the [Blind 75 list](https://www.teamblind.com/post/New-Year-Gift---Curated-List-of-Top-75-LeetCode-Questions-to-Save-Your-Time-OaM1orEU). Over 500,000 people have benefitted from this handbook!
+Not everyone has the time to do a few hundred LeetCode questions. Here are _free and curated_ technical interview preparation materials for busy engineers, brought to you by me, the author of [Blind 75](https://www.teamblind.com/post/New-Year-Gift---Curated-List-of-Top-75-LeetCode-Questions-to-Save-Your-Time-OaM1orEU). Over 500,000 people have benefitted from this handbook!
 
 Besides the usual algorithm questions, other **awesome** stuff includes:
 
 - [Best practice questions](https://www.techinterviewhandbook.org/coding-interview-study-plan/) for coding interviews
+- [Grind 75](https://www.techinterviewhandbook.org/grind75) the next evolution of Blind 75, bigger and better.
 - [How to prepare](https://www.techinterviewhandbook.org/coding-interview-prep/) for coding interviews
 - [Coding interview best practices](https://www.techinterviewhandbook.org/coding-interview-cheatsheet/) - Straight-to-the-point Do's and Don'ts
 - [Algorithm cheatsheets and tips](https://www.techinterviewhandbook.org/algorithms/study-cheatsheet/) categorized by topic
-- [Interview formats](https://www.techinterviewhandbook.org/interview-formats/) of the top tech companies
+- [Step-by-step Software Engineer resume guide](https://www.techinterviewhandbook.org/resume/) to prepare a FAANG-ready resume
-- [Step-by-step resume guide](https://www.techinterviewhandbook.org/resume/) to prepare a FAANG-ready resume
 - [Behavioral questions](https://www.techinterviewhandbook.org/behavioral-interview-questions/) asked by the top tech companies
-- [Good questions to ask your interviewers](https://www.techinterviewhandbook.org/final-questions/) at the end of the interviews
 - [Front end interview preparation](https://www.frontendinterviewhandbook.com)
 
 Help from you in contributing content would be very much appreciated!
@@ -47,7 +50,8 @@ Anybody who wants to land a job at a tech company but is new to technical interv
 
 <div align="center">
   <h3>💡 Stop grinding LeetCode aimlessly! Study coding question patterns efficiently with 
-    <a href="https://www.educative.io/courses/grokking-the-coding-interview?aff=x23W">Grokking the Coding Interview</a> on Educative 💡 </h3>
+    <a href="https://www.educative.io/courses/grokking-the-coding-interview?aff=x23W">Grokking the Coding Interview</a> on Educative 💡
+  </h3>
 </div>
 
 ---

website/blog/2021-10-30-my-experience-working-as-a-meta-engineer.md

@@ -20,7 +20,7 @@ A number of the folks I referred have completed their interviews and are in the
 
 ## Products
 
-Meta is a huge company and has teams working on all sorts of products. For big tech companies, common products include ads networks, chat, enterprise offerings, video watching, payments, hardware products, industry-leading AI tools, internal tools, etc. the other big tech companies Microsoft, Amazon, Apple and ByteDance have products in some of these areas as well. For many big companies, they are large enough that they build their our own infra and internal tools for most technologies they use because most existing technologies on the market can't meet their scale. Hence, not only will you get the chance to work on consumer products, you might also get to work on some of the lower level infrastructure work that is used by your fellow software engineers - our internal database systems, our internal Docker, our open source projects like React, React Native, GraphQL, PyTorch, Docusaurus, etc.
+Meta is a huge company and has teams working on all sorts of products. For big tech companies, common products include ads networks, chat, enterprise offerings, video watching, payments, hardware products, industry-leading AI tools, internal tools, etc. the other big tech companies Microsoft, Amazon, Apple and ByteDance have products in some of these areas as well. For many big companies, they are large enough that they build their our own infra and internal tools for most technologies they use because most existing technologies on the market can't meet their scale. Hence, not only will you get the chance to work on consumer products, you might also get to work on some of the lower level infrastructure work that is used by your fellow software engineers - our internal database systems, our internal Docker, our open source projects like React, React Native, GraphQL, Jest, PyTorch, Docusaurus, etc.
 
 The impact is huge - every line of code you write has the potential to impact millions (sometimes even billions) of users due to the widespread nature of Meta's products. There was an intern who on their second day of work, changed the placeholder text of facebook.com's search bar by accident to "Hi I'm a Search Bar!" as part of a ramp up task and it was shipped to public for a brief moment before the change got reverted. With great power comes great responsibility!
 

website/docusaurus.config.js

@@ -81,6 +81,7 @@ module.exports = {
       ],
     },
     footer: {
+      style: 'dark',
       copyright: `Copyright © ${new Date().getFullYear()} Tech Interview Handbook. Built with Docusaurus.`,
       links: [
         {

website/src/pages/index.js

@@ -111,6 +111,7 @@ function Home() {
       description={siteConfig.tagline}>
       <HeroSection />
       <WhatIsThisSection />
+      <FAANGTechLeadsSection />
       <TweetsSection />
       <HowToUseSection />
       <AlgoMonsterSection />
@@ -432,13 +433,15 @@ function FeaturesSection() {
 
 function EducativeSection() {
   return (
-    <div className={classnames('padding-vert--lg', styles.sectionSponsor)}>
+    <div
+      className={classnames('padding-vert--lg')}
+      style={{backgroundColor: '#6fc8cc'}}>
       <div className="container">
         <div className="row">
           <div className="col col--8 col--offset-2">
             <div className="margin-vert--lg text--center">
               <div>
-                <h2 className={styles.sectionSponsorTitle}>
+                <h2 style={{color: '#083436'}}>
                   <strong>
                     Tired of grinding LeetCode? Grokking the Coding Interview is
                     the recommended way to quickly learn coding question
@@ -465,9 +468,49 @@ function EducativeSection() {
     </div>
   );
 }
+
+function FAANGTechLeadsSection() {
+  return (
+    <div
+      className={classnames('padding-vert--lg')}
+      style={{backgroundColor: 'rgb(244, 63, 94)'}}>
+      <div className="container">
+        <div className="row">
+          <div className="col col--8 col--offset-2">
+            <div className="margin-vert--lg text--center">
+              <div>
+                <h2 className={styles.sectionSponsorTitle}>
+                  <strong>
+                    Craft the perfect resume for FAANG with FAANG Tech Leads'
+                    high quality Software Engineer resume templates and samples.
+                  </strong>
+                </h2>
+                <div className="margin-vert--lg">
+                  <a
+                    className="button button--secondary button--lg"
+                    href="https://www.faangtechleads.com?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=${position}&aff=1e80c401fe7e2"
+                    rel="noopener"
+                    target="_blank"
+                    onClick={() => {
+                      window.gtag('event', 'faangtechleads.homepage.click');
+                    }}>
+                    Improve your resume now &nbsp;&nbsp;→
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function AlgoMonsterSection() {
   return (
-    <div className={classnames('padding-vert--lg', styles.sectionSponsorAlt)}>
+    <div
+      className={classnames('padding-vert--lg')}
+      style={{backgroundImage: 'linear-gradient(270deg, #3e1792, #6a45b9)'}}>
       <div className="container">
         <div className="row">
           <div className="col col--8 col--offset-2">
@@ -489,7 +532,7 @@ function AlgoMonsterSection() {
                     onClick={() => {
                       window.gtag('event', 'algomonster.homepage.click');
                     }}>
-                    Stop grinding and study with a plan&nbsp;&nbsp;→
+                    Study with a plan&nbsp;&nbsp;→
                   </a>
                 </div>
               </div>