Closing Mentor Applications (#719)

* removing headers to prevent v5 navs. copy changes

* Fix code style issues with ESLint

* Fix code style issues with stylelint

* fixing copy typo

* Fix code style issues with ESLint

* Update beAMentorForm.js

another typo

* Update beAMentorForm.js

more typos

Co-authored-by: Lint Action <lint-action@samuelmeuli.com>

components/beAMentor/beAMentorForm.js

@@ -13,56 +13,56 @@ const BeAMentorForm = () => (
         src={`${ASSETS_URL}/assets/images/illustrations/speakr@2x.png`}
         alt="Listen up"
       />
-      <Title type="h5Title">Mentor applications are open again!</Title>
+      <Title type="h5Title">Hey you! So you wanna be a mentor?</Title>
       <Paragraph>
-        {'We\'ve created '}
-        <a href="/imagi-nation-tv" target="_blank" rel="noopener noreferrer">
-          {'IMAGI-NATION{TV}'}
-        </a>
-        {` & the IMAGI-NATION{CLASSROOM} experience to put a mentor in
-        the home every day during the tough times of COVID-19 and beyond.
-        It’s a daily TV show broadcast live on the internet, and it’s a
-        gift for teachers, parents and kids to help make sense of today
-        & imagine tomorrow. Mentoring will naturally be a little different
-        in this environment but
-        `}
-        <mark>
-        we need mentors
-        </mark>
-        &nbsp;more than ever!
+        Mentor applications aren&apos;t open just yet as we&apos;re
+        updating our processes. However, you should get a head-start by&nbsp;
+        <strong>registering your details</strong>
+        {' '}
+and creating an AIME account.
+      Once they&apos;re open, we&apos;ll notify you so you can complete
+      your application.
       </Paragraph>
-    </div>
-    <br />
-    <Paragraph>
-      Trust us when we say,&nbsp;
-      <mark>
-        the opportunities when you mentor at AIME are extensive
-      </mark>
-      &nbsp;and go further than you would think.
-    </Paragraph>
-    <Paragraph>
-      {'If you\'re new to mentoring with us,'}
-      {' '}
-      <strong>sign up</strong>
+      <Paragraph>
+        {'If you\'re new to mentoring with us,'}
+        {' '}
+        <strong>sign up</strong>
       &nbsp;below.&nbsp;
-      {'If you\'ve mentored before, '}
-      <strong>sign in</strong>
+        {'If you\'ve mentored before, '}
+        <strong>sign in</strong>
       &nbsp;
-      {`to your AIME account below. Either way,
+        {`to your AIME account below. Either way,
       enter the AIME Universe through the button below and
       we'll guide you through your mentor application process.
       Good luck!`}
-    </Paragraph>
+      </Paragraph>
+      <Button
+        theme={process.env.REACT_APP_THEME}
+        type="link"
+        target="_blank"
+        url="https://portal.aimementoring.com/login?eoi-table=Be-a-Mentor"
+      >
+        Sign up
+      </Button>
+    </div>
     <br />
-    <Button
-      theme={process.env.REACT_APP_THEME}
-      type="link"
-      target="_blank"
-      url="https://portal.aimementoring.com/login?eoi-table=Be-a-Mentor"
-    >
-      Start now
-    </Button>
-
+    <Paragraph>
+      <mark> And here's another opportunity!</mark>
+      {' '}
+      We want to give you the stage to lead AIME on your campus as a student chapter.
+      We’ll provide you with all the necessary training and tools, and connect you to a global network of change makers,
+      and dedicated mentors and coaches from AIME via
+      <mark>{' IMAGI-NATION {University}'}</mark>
+      {' '}
+      {' '}
+throughout 2021.
+      We’ll give you the title of
+      <mark>{' IMAGI-NATION {President}'}</mark>
+.
+      Learn more
+      <a href="https://imagination.aimementoring.com/university" target="_blank"> here</a>
+.
+    </Paragraph>
   </div>
 );
 

components/beAMentor/heroBanner.module.scss

@@ -3,4 +3,5 @@
 .heroBannerMentor {
   background-image: linear-gradient(($watermelon + cc), ($watermelon + cc)), url($cdnRoot + 'assets/images/banner/banner-mentors@2x.jpg');
   composes: banner from '../../styles/patterns/patternBanner.module.scss';
+  margin: 0;
 }

components/beAMentor/welcomeBox.js

@@ -18,7 +18,7 @@ const WelcomeBox = () => (
         as mentors for marginalised youth and lead a revolution for them to rise up out of
         inequality. We've been working with Aboriginal and Torres Strait islander
         kids in Australia
-        for the past 15 years and in 2020 we're working across Australia, Uganda, South Africa,
+        for the past 16 years and in 2021 we're working across Australia, Uganda, South Africa,
         Nigeria and the United States. We
         understand that what we are fighting for is a global issue, and it takes a united effort to
         defeat systematic oppression. We are aware that these issues don’t exist just in our

components/beAMentor/yearHeader.js

@@ -5,7 +5,8 @@ import styles from './yearHeader.module.scss';
 const YearHeader = () => (
   <div className={styles.beAMentorYearHeader}>
     <Title type="headingLockup" align="center" className={styles.yearWelcomeHeading} theme={process.env.REACT_APP_THEME}>
-      {`Bring on ${new Date().getFullYear()},`}
+      {/* {`Bring on ${new Date().getFullYear()},`} */}
+      {'Bring on 2021'}
       <strong>
         Change is
         <br />

components/positions/jobForm.js

@@ -26,7 +26,6 @@ const JobForm = ({
         <form
           className="job-application"
           acceptCharset="UTF-8"
-          action="https://formkeep.com/f/50e5b258d8a7"
           method="POST"
         >
           <AboutYouSectionForm handleChange={handleFormFieldChange} values={values} />

pages/be-a-mentor/index.js

@@ -1,22 +1,27 @@
 import React from 'react';
-import Layout from '../../hocs/basicLayout';
+import ErrorBoundary from '../../components/common/errorBoundary';
 import styles from './be-a-mentor.module.scss';
 import BeAMentorForm from '../../components/beAMentor/beAMentorForm';
 import WelcomeBox from '../../components/beAMentor/welcomeBox';
 import HeroBanner from '../../components/beAMentor/heroBanner';
 import YearHeader from '../../components/beAMentor/yearHeader';
 
 const BeAMentor = () => (
-  <Layout>
-    <HeroBanner />
-    <section className={styles.wrapper}>
-      <div className={styles.container}>
-        <YearHeader />
-        <WelcomeBox />
-        <BeAMentorForm />
-      </div>
-    </section>
-  </Layout>
+  <div>
+    <ErrorBoundary>
+      <main role="main">
+        <HeroBanner />
+        <section className={styles.wrapper}>
+          <div className={styles.container}>
+            <YearHeader />
+            <WelcomeBox />
+            <BeAMentorForm />
+          </div>
+        </section>
+        <div id="aime-parent-video-box" />
+      </main>
+    </ErrorBoundary>
+  </div>
 );