misc: marketing

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>