misc: change partner taglines

website/src/components/SidebarAd/index.js

@@ -29,12 +29,13 @@ function FAANGTechLeads({className, position}) {
         window.gtag('event', `faangtechleads.${position}.click`);
       }}>
       <p className={styles.tagline}>
-        <strong>Craft the perfect resume for FAANG</strong>
-        <br />
+        <strong className={styles.title}>
+          Craft the perfect resume for FAANG
+        </strong>
         Save time crafting your resume with FAANG Tech Leads'{' '}
         <u>FAANG-ready resume templates and examples</u> which have helped many
-        Software Engineers get shortlisted at top Bay Area companies. Grab their
-        resume templates now for only <strong>$28 (70% off)</strong>!
+        Software Engineers get interviews at top Bay Area companies. Grab them
+        now for a whopping <strong>70% off</strong>!
       </p>
     </a>
   );
@@ -51,8 +52,9 @@ function AlgoMonster({className, position}) {
         window.gtag('event', `algomonster.${position}.click`);
       }}>
       <p className={styles.tagline}>
-        <strong>Stop grinding and study with a plan! </strong>
-        <br />
+        <strong className={styles.title}>
+          Stop grinding. Study with a plan
+        </strong>
         Developed by Google engineers, <u>AlgoMonster</u> is the fastest way to
         get a software engineering job. <u>Join today for a 70% discount!</u>!
       </p>
@@ -72,9 +74,10 @@ function Moonchaser({className, position}) {
         window.gtag('event', `moonchaser.${position}.click`);
       }}>
       <p className={styles.tagline}>
-        <strong>Get paid more.</strong> Receive risk-free salary negotiation
-        advice from <u>Moonchaser</u>. You pay nothing unless your offer is
-        increased. <u>Book a free consultation today!</u>
+        <strong className={styles.title}>Get paid more.</strong> Receive
+        risk-free salary negotiation advice from <u>Moonchaser</u>. You pay
+        nothing unless your offer is increased.{' '}
+        <u>Book a free consultation today!</u>
       </p>
     </a>
   );
@@ -92,8 +95,7 @@ function EducativeCoding({className, position}) {
         window.gtag('event', `educative.coding.${position}.click`);
       }}>
       <p className={styles.tagline}>
-        <strong>Get the job at FAANG</strong>
-        <br />
+        <strong className={styles.title}>Get the job at FAANG</strong>
         "Grokking the Coding Interview: Patterns for Coding Questions" by
         Educative is the best course for improving your algorithms interview
         game. <u>Join today for a 10% discount!</u>
@@ -114,8 +116,7 @@ function EducativeSystemDesign({className, position}) {
         window.gtag('event', `educative.system_design.${position}.click`);
       }}>
       <p className={styles.tagline}>
-        <strong>Get the job at FAANG</strong>
-        <br />
+        <strong className={styles.title}>Get the job at FAANG</strong>
         "Grokking the System Design Interview" by Educative is a highly
         recommended course for improving your system design interview game.{' '}
         <u>Join today for a 10% discount!</u>

website/src/components/SidebarAd/styles.module.css

@@ -61,6 +61,12 @@
   margin-bottom: 0;
 }
 
+.title {
+  display: block;
+  font-size: 0.8rem;
+  margin-bottom: 0.1rem;
+}
+
 .logo {
   width: 96px;
 }

website/src/pages/index.js

@@ -112,9 +112,9 @@ function Home() {
       <WhatIsThisSection />
       <TweetsSection />
       <HowToUseSection />
-      <EducativeSection />
+      <AlgoMonsterSection />
       <FeaturesSection />
-      <MoonchaserSection />
+      <EducativeSection />
       <SuccessStoriesSection />
       <SponsorshipSection />
       <PreFooterSection />
@@ -434,7 +434,7 @@ function FeaturesSection() {
 
 function EducativeSection() {
   return (
-    <div className={classnames('padding-vert--lg', styles.sectionSponsorAlt)}>
+    <div className={classnames('padding-vert--lg', styles.sectionSponsor)}>
       <div className="container">
         <div className="row">
           <div className="col col--8 col--offset-2">
@@ -442,9 +442,9 @@ function EducativeSection() {
               <div>
                 <h2 className={styles.sectionSponsorTitle}>
                   <strong>
-                    Looking to get hired at FAANG? Educative offers a ton of
-                    great courses to improve your interview game. Join today for
-                    a 10% discount!
+                    Looking to get hired at FAANG? Educative's interview courses
+                    helped many people get the job at FAANG. Join today for a
+                    10% discount!
                   </strong>
                 </h2>
                 <div className="margin-vert--lg">
@@ -467,6 +467,41 @@ function EducativeSection() {
     </div>
   );
 }
+function AlgoMonsterSection() {
+  return (
+    <div className={classnames('padding-vert--lg', styles.sectionSponsorAlt)}>
+      <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>
+                    Developed by Google engineers, AlgoMonster is the fastest
+                    way to get a software engineering job. Join today for a 70%
+                    discount!
+                  </strong>
+                </h2>
+                <div className="margin-vert--lg">
+                  <a
+                    className="button button--secondary button--lg"
+                    href="https://shareasale.com/r.cfm?b=1873647&u=3114753&m=114505&urllink=&afftrack="
+                    rel="noopener"
+                    target="_blank"
+                    onClick={() => {
+                      window.gtag('event', 'algomonster.homepage.click');
+                    }}>
+                    Stop grinding and study with a plan&nbsp;&nbsp;→
+                  </a>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
 
 function TweetsSection() {
   return (