From c9ae0a2d4077cc3fea17fe411858b5efb5c33020 Mon Sep 17 00:00:00 2001 From: Yangshun Date: Tue, 11 Apr 2023 18:26:58 +0800 Subject: [PATCH] website: update ads --- .../website/src/components/SidebarAd/index.js | 102 ++-------- .../components/SidebarAd/styles.module.css | 2 +- apps/website/src/pages/index.js | 182 ++++++------------ 3 files changed, 77 insertions(+), 209 deletions(-) diff --git a/apps/website/src/components/SidebarAd/index.js b/apps/website/src/components/SidebarAd/index.js index 41ffc971..960fcfe3 100644 --- a/apps/website/src/components/SidebarAd/index.js +++ b/apps/website/src/components/SidebarAd/index.js @@ -16,12 +16,13 @@ function FAANGTechLeads({ position }) { rel="noopener" onClick={() => { window.gtag('event', `faangtechleads.${position}.click`); - }}> + }} + >

- Craft the perfect resume for Google and Facebook + Craft the perfect resume for FAANG - Save time crafting your resume with FAANG Tech Leads'{' '} + Save time crafting your resume with{' '} FAANG-quality resume templates and examples which have helped many Software Engineers get interviews at top Bay Area companies!

@@ -38,7 +39,8 @@ function TIHResumeReview({ position }) { rel="noopener" onClick={() => { window.gtag('event', `tih.resume_review.${position}.click`); - }}> + }} + >

Get your resume reviewed for free @@ -55,16 +57,17 @@ function GreatFrontEnd({ position }) { return ( { window.gtag('event', `greatfrontend.${position}.click`); - }}> + }} + >

LeetCode for Front End - Prepare with Great Front End's large pool of high quality front - end interview questions and solutions! + Built by ex-FAANG Senior Engineers, GreatFrontEnd is the fastest + way to prepare for a Front End interview.

); @@ -79,7 +82,8 @@ function AlgoMonster({ position }) { rel="noopener" onClick={() => { window.gtag('event', `algomonster.${position}.click`); - }}> + }} + >

Stop grinding mindlessly. Study with a plan @@ -91,49 +95,6 @@ function AlgoMonster({ position }) { ); } -function Rora({ position }) { - return ( - { - window.gtag('event', `rora.${position}.click`); - }}> -

- - Risk-free salary negotiation help - {' '} - Receive risk-free salary negotiation advice from Rora. You pay - nothing unless your offer is increased.{' '} - Book your free consultation today! -

- - ); -} - -function DesignGurusCoding({ position }) { - return ( - { - window.gtag('event', `designgurus.coding.${position}.click`); - }}> -

- Stop memorizing solutions - Grokking the Coding Interview teaches you techniques and question - patterns to ace coding interviews. Grab your lifetime access today! -

- - ); -} - function DesignGurusSystemDesign({ position }) { return ( { window.gtag('event', `designgurus.system_design.${position}.click`); - }}> + }} + >

Get the job at FAANG Grokking the System Design Interview is a highly recommended @@ -164,7 +126,8 @@ function ByteByteGoSystemDesign({ position }) { rel="noopener" onClick={() => { window.gtag('event', `bytebytego.system_design.${position}.click`); - }}> + }} + >

Ace Your Next System Design Interview @@ -177,29 +140,6 @@ function ByteByteGoSystemDesign({ position }) { ); } -function Interviewingio({ position }) { - return ( - { - window.gtag('event', `interviewingio.${position}.click`); - }}> -

- - Practice interviewing with Google engineers - - interviewing.io provides anonymous technical mock interviews with - engineers from Google, Facebook, and other top companies.{' '} - Give it a try! -

- - ); -} - export default React.memo(function SidebarAd({ position }) { const [counter, setCounter] = useState(0); useEffect(() => { @@ -235,10 +175,6 @@ export default React.memo(function SidebarAd({ position }) { ); } - if (path.includes('negotiation') || path.includes('compensation')) { - return ; - } - if (path.includes('system-design')) { return rand < 0.5 ? ( @@ -264,10 +200,8 @@ export default React.memo(function SidebarAd({ position }) { return rand < 0.5 ? ( - ) : rand < 0.75 ? ( - ) : ( - + ); }} diff --git a/apps/website/src/components/SidebarAd/styles.module.css b/apps/website/src/components/SidebarAd/styles.module.css index 6ce4c86b..95becc6b 100644 --- a/apps/website/src/components/SidebarAd/styles.module.css +++ b/apps/website/src/components/SidebarAd/styles.module.css @@ -25,7 +25,7 @@ } .backgroundGreatFrontEnd { - background-color: rgb(79, 70, 229); + background-image: linear-gradient(270deg, #ec4899, #4f46e5); } .backgroundGrokkingCoding { diff --git a/apps/website/src/pages/index.js b/apps/website/src/pages/index.js index 0da57814..d764c2d0 100755 --- a/apps/website/src/pages/index.js +++ b/apps/website/src/pages/index.js @@ -108,7 +108,8 @@ function Home() { return ( + description={siteConfig.tagline} + > @@ -116,9 +117,7 @@ function Home() { - - @@ -147,7 +146,8 @@ function HeroSection() {
+ to="/software-engineering-interview-guide/" + > Start reading now  →
@@ -186,7 +186,8 @@ function WhatIsThisSection() { 'text--center', 'margin-bottom--lg', styles.sectionTitle, - )}> + )} + > Fastest way to prepare effectively for your software engineering interviews, used by over 1,000,000 engineers @@ -249,7 +250,8 @@ function RoraSection() { target="_blank" onClick={() => { window.gtag('event', 'rora.homepage.click'); - }}> + }} + > Get risk-free negotiation advice  → @@ -303,7 +305,8 @@ function HowToUseSection() { 'text--center', 'margin-bottom--lg', styles.sectionTitle, - )}> + )} + > Not sure where to start in your interview preparation?
We've got you covered. @@ -312,7 +315,8 @@ function HowToUseSection() { 'text--center', 'margin-bottom--lg', styles.sectionTagline, - )}> + )} + > This guide is structured in a{' '} simple to follow, step-by-step style covering all aspects of your software engineering interview preparation -{' '} @@ -322,7 +326,8 @@ function HowToUseSection() {
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)} + > Prepare a FAANG-ready resume} @@ -335,7 +340,8 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)} + > Ace the interviews} @@ -349,7 +355,8 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)} + > Negotiate the best offer} @@ -361,7 +368,8 @@ function HowToUseSection() { />
+ className={clsx('col', 'col--3', styles.featuresRowItemContainer)} + > Prepare for the job} @@ -392,7 +400,8 @@ function FeaturesSection() { 'text--center', 'margin-vert--lg', styles.sectionTitle, - )}> + )} + > We have everything you need - all straight to the point
@@ -403,7 +412,8 @@ function FeaturesSection() { 'col', 'col--4', styles.featuresRowItemContainer, - )}> + )} + >

{title}

@@ -425,49 +435,12 @@ function FeaturesSection() { ); } -function DesignGurusSection() { - return ( -

-
-
-
-
-
-

- - Tired of grinding mindlessly? Grokking the Coding Interview - is the recommended way to quickly learn coding question - patterns to help you ace the coding interviews. - -

- -
-
-
-
-
-
- ); -} - function FAANGTechLeadsSection() { return (
+ style={{ backgroundColor: 'rgb(244, 63, 94)' }} + >
@@ -487,7 +460,8 @@ function FAANGTechLeadsSection() { target="_blank" onClick={() => { window.gtag('event', 'faangtechleads.homepage.click'); - }}> + }} + > Improve your resume now   →
@@ -504,7 +478,8 @@ function GreatFrontEndSection() { return (
+ style={{ backgroundColor: 'rgb(79, 70, 229)' }} + >
@@ -517,82 +492,34 @@ function GreatFrontEndSection() {

+ style={{ fontSize: 'var(--ifm-h2-font-size)' }} + > - Spend less time but prepare better for your Front End - Interviews with{' '} + Built by ex-FAANG Senior Engineers,{' '} - Great Front End's + href="https://www.greatfrontend.com/?utm_source=techinterviewhandbook&utm_medium=referral&utm_content=homepage" + style={{ color: '#fff', textDecoration: 'underline' }} + target="_blank" + > + GreatFrontEnd {' '} - large pool of high quality practice questions and solutions. + is the fastest way to prepare for a front end interview job.

-
-
-
-
-
-
- ); -} - -function AlgoMonsterSection() { - return ( -
-
-
-
-
-
-

- - Developed by Google engineers, AlgoMonster is the fastest - way to get a software engineering job. Join today for a 70% - discount! - -

-
@@ -613,7 +540,8 @@ function TweetsSection() { 'margin-bottom--lg', 'text--center', styles.sectionTitle, - )}> + )} + > Over 1,000,000 people have benefitted from this handbook!
@@ -815,7 +743,8 @@ function SuccessStoriesSection() { 'margin-vert--lg', 'text--center', styles.sectionTitle, - )}> + )} + > Countless engineers have gotten a job at FAANG with this free handbook @@ -838,7 +767,8 @@ function SuccessStoriesSection() { + target="_blank" + > Open a Pull Request here ! @@ -862,7 +792,8 @@ function SponsorshipSection() { 'margin-vert--lg', 'text--center', styles.sectionTitle, - )}> + )} + > Interested in advertising on Tech Interview Handbook?

@@ -895,12 +826,14 @@ function SponsorshipSection() { className="button button--primary button--lg margin-right--md" href="mailto:contact@techinterviewhandbook.org" rel="noopener" - target="_blank"> + target="_blank" + > Advertise with us! + to="/advertise" + > Find out more

@@ -926,7 +859,8 @@ function PreFooterSection() {

+ to="/software-engineering-interview-guide/" + > Start reading now  →