diff --git a/pages/imagine/index.js b/pages/imagine/index.js
index efddcadc9..482714572 100644
--- a/pages/imagine/index.js
+++ b/pages/imagine/index.js
@@ -10,6 +10,8 @@ import WavyDonateSection from '../../components/wavyDonateSection';
 import TypeformModal from '../../components/typeformModal';
 import IntercomChat from '../../components/intercom';
 import scrollToComponent from '../../utils/scrollToComponent';
+import useDonate from '../../hooks/useDonate';
+
 import styles from './style.scss';
 
 const DoubleCurvedLine = dynamic(() => import('../../components/imaginationTv/doubleCurvedLine'));
@@ -23,11 +25,11 @@ const ImagiNationTV = (props) => {
   const [showModal, setModal] = useState(false);
   const toggleModal = () => setModal(!showModal);
   const scrollToPanel = () => scrollToComponent(scrollToThisRef);
-  const { scrollHandler } = props;
+  const [modalVisible, toggleDonateModal] = useDonate();
 
   return (
     <Layout>
-      <div className={styles.heroBannerImagiTV}>
+      <div className={styles.heroBannerImagine}>
         <div className={styles.bannerWrapper}>
           <div className={`${styles.bannerContent} ${styles.bannerItem}`} >
             <Title className={styles.welcomeTitle} type="headingLockup" theme={process.env.REACT_APP_THEME}>
@@ -44,130 +46,57 @@ const ImagiNationTV = (props) => {
               a live YouTube TV show, an open Google Doc and a hoodie?
               <br /><br />
               <strong><mark>&nbsp;A feature film, of course.&nbsp;</mark></strong>
+              <br /><br />
+              {`Live on IMAGI-NATION{TV} from May 11, we will share a Google Doc with the
+              world with the title ‘IMAGINE’, and those in and outside of the AIME orbit
+              will be able to come together and write a feature film script. Guests on IN{TV}
+              over the four weeks will have the chance to engage in the writing experience.
+              So will kids AIME mentors across 6 countries.`}
             </Paragraph>
+            <div className="triBtnSet">
+              <Button
+                theme={process.env.REACT_APP_THEME}
+                className={`${styles.triBtn} ${styles.watchBtn}`}
+                url="https://docs.google.com/document/d/1MyE1Xv8OSsFnJLEL2WNhLL0DbsKJfMtmcrrUUa7BOh8/edit"
+                target="_blank"
+                type="link"
+              >
+              Write
+              </Button>
+              <Button
+                type="link"
+                text="Film"
+                theme={process.env.REACT_APP_THEME}
+                className={`${styles.triBtn} ${styles.imagiDonate}`}
+                url="/positions/rec9lXBVd7ju08wtf/Intern-Production-Coordinator"
+              />
+              <Button
+                type="link"
+                text="Fund"
+                className={`${styles.triBtn} ${styles.imagiHoodieBtn}`}
+                theme={process.env.REACT_APP_THEME}
+                onClickFunction={toggleDonateModal}
 
-            <Button
-              theme={process.env.REACT_APP_THEME}
-              className={`${styles.watchBtn}`}
-              target="_blank"
-              type="link"
-              scrollHandler={scrollToPanel}
-              onClickFunction={scrollHandler}
-            >
-              Get Involved
-            </Button>
-          </div>
-
-          <div className={`${styles.bannerMediaFeature} ${styles.bannerItem} ${styles.welcomeVideoWrapper}`}>
-            <img
-              src={`${ASSETS_URL}/assets/images/illustrations/imagi-splosion.png`}
-              alt="IMAGI-SPLOSION"
-              className={styles.videoCoverArt}
-            />
-          </div>
-
-        </div>
-      </div>
-      
-      <section className={styles.aboutImagineSection}>
-        <div className={styles.aboutInTVWrapper}>
-          <div className={styles.aboutParagraphColumn}>
-            <Title type="h3Title" className={styles.aboutInTVTitle}>
-              Welcome to the latest initiative from AIME
-            </Title>
-            <Paragraph>
-              {`
-                Live on IMAGI-NATION{TV} from May 11, we will share a Google Doc
-                with the world with the title ‘IMAGINE’, and those in and outside
-                of the AIME orbit will be able to come together and write a feature
-                film script. Guests on IN{TV} over the four weeks will have the
-                chance to engage in the writing experience. So will kids AIME mentors
-                across 6 countries. 
-              `}
-            </Paragraph>
-            <Paragraph>
-              {`
-                Also launching on May 11 will be over 500 creator grants in the shape
-                of a hoodie. Those who want to create a scene for the film ‘IMAGINE’ 
-                will be able to apply at aimementoring.com to secure themselves an official
-                “This Hoodie is a Film” hoodie. This will be their key to submitting a creation into ‘IMAGINE’. 
-              `}
-            </Paragraph>
-          </div>
-          <div className={styles.aboutCyclopsColumn}>
-            <div className={styles.cyclopsSpeechBubble}>
-              <div>
-                <Title type="h5Title" className={styles.speechButtonContent}>
-                  Let's create together!
-                </Title>
-              </div>
-              <img
-                src={`${ASSETS_URL}/assets/images/illustrations/kyle-cyclops@2x.png`}
-                alt="Kyle the Cyclops"
-                className={styles.cyclopsImage}
               />
             </div>
+            <Paragraph>
+              Or if you have any questions,&nbsp;
+              <IntercomChat label="chat with us" />
+            </Paragraph>
           </div>
-        </div>
-      </section>
-      <div className={styles.inTVContentWrapper}>
-        <section className={styles.inTVEpisodesWrapper}>
-          <ImagineCarousel ref={scrollToThisRef} />
-        </section>
 
-        <section ref={scrollToThisRef} className={styles.chattyPuppetsSection}>
-          <div className={styles.puppetsChatWrapper}>
-            <TypeformModal visible={showModal} toggleModal={toggleModal} />
-            <div className={styles.puppetChat}>
-              <div className={styles.puppetWrap}>
-                <img
-                  src={`${ASSETS_URL}/assets/images/illustrations/robo_red@2x.png`}
-                  alt="Robo Red"
-                  className={styles.puppetTalking}
-                />
-              </div>
-              <div className={styles.puppetWords}>
-                <Title type="h4Title">Hey hey hey, are you up for it? </Title>
-                <Paragraph>
-                  This is an experiment that requires ultimate imagination.
-                  It will be one of the films that captures the essence of
-                  isolation and creation in 2020. 
-                </Paragraph>
-                <div className={styles.becomeAPartnerBtn}>
-                  <IntercomChat label="Chat with us" />
-                </div>
-              </div>
-            </div>
-            <div className={styles.puppetChatSmaller}>
-              <div>
-                <Button
-                  type="text"
-                  className={`${styles.typeformAction} ${styles.puppetTitle}`}
-                >
-                  Your contribution would be truly spectacular
-                </Button>
-
-              </div>
+          <div className={`${styles.bannerMediaFeature} ${styles.bannerItem} ${styles.welcomeVideoWrapper}`}>
+            <div className={styles.bannerImageRotate}>
               <img
-                src={`${ASSETS_URL}/assets/images/illustrations/queen_lizzy@2x.png`}
-                alt="Queen Lizzy"
-                className={styles.smlPuppetTalking}
+                src={`${ASSETS_URL}/assets/images/banner/partnering.webp`}
+                alt="Write it, Film it, Fund it"
               />
             </div>
           </div>
-        </section>
-        <WavyDonateSection />
-        <section className={styles.featuredProductWrapper}>
-          <FeaturedProduct
-            imageUrl={`${ASSETS_URL}/assets/images/apparel/hoodie_imagine@2x.jpg`}
-            pretitle="Check it out …"
-            title="Imagine Hoodie"
-            text={'Support the making of this film, checkout the Imagine Hoodie for sale over at our apparel shop. Every sale from this hoodie will help bring people together from all walks of life to co-create something wonderful!'}
-            linkUrl={`${SHOP_PRODUCT_LINK}/imagi-nation-hoodie`}
-            linkText="Buy a Hoodie"
-          />
-        </section>
+
+        </div>
       </div>
+      
     </Layout>
   );
 };
diff --git a/pages/imagine/style.scss b/pages/imagine/style.scss
index 2df17a909..d9de345de 100644
--- a/pages/imagine/style.scss
+++ b/pages/imagine/style.scss
@@ -1,6 +1,6 @@
 @import "../../styles/base/variables";
 
-.heroBannerImagiTV {
+.heroBannerImagine {
   background:
     url($cdnRoot+"assets/images/decorative/dotties@2x.jpg") no-repeat 100% 100% transparent;
   background-size: 100%;
@@ -60,19 +60,64 @@
       z-index: 1;
       justify-content: flex-end;
       align-self: flex-start;
+
+
+      @media screen and (min-width: $lg) {
+        width: 30%;
+      }
   
       p {
         color: $black;
         max-width: 30em;
         margin: 2em 0;
         padding-right: 1em;
+
+        button.navBtn {
+          background-color: transparent;
+          border-radius: 0;
+          font-family: $body-font-family-bold;
+          font-size: 0.875rem;
+          line-height: 1.5em;
+          color: $black;
+          border: 0;
+          outline: none;
+          cursor: pointer;
+          transition: $hoverTransition;
+          padding: 0;
+          display: inline-block;
+          &:hover {
+            box-shadow: inset 0 -5px 0px -1px $yellow;
+          }
+        }
+      }
+      .triBtnSet {
+        .triBtn {
+          margin-bottom: 1em;
+          padding: 1.1em 5em;
+          width: 100%;
+          @media screen and (min-width: $md) {
+            width: 20em;
+          }
+
+          &:hover {
+            background-color: $watermelon;
+          }
+        }
+        .watchBtn {
+          background-color: $orange;
+        }
+        .imagiDonate {
+          background-color: $purple;
+        }
+        .imagiHoodieBtn {
+          background-color: $cyan;
+        }
+      
       }
     }
   
     .bannerMediaFeature {
       position: relative;
-      padding: 1em 0;
-      margin-bottom: 2em;
       align-self: flex-end;
       text-align: right;
       font-family: $body-font-family;
@@ -80,47 +125,23 @@
   
       @media screen and (min-width: $sm) {
         margin-top: 0;
-        min-width: 28em;
+        min-width: 20em;
       }
   
       @media screen and (min-width: $md) {
         flex-grow: 2;
-      }
-
-      .playerContainer {
-        padding: 0;
         min-width: auto;
-        height: 15em;
+      }
 
-        @media screen and (min-width: $sm) {
-          height: 18em;
-        }
+      .bannerImageRotate {
+        width: 100%;
+        height: 100%;
+        position: relative;
+        display: block;
         @media screen and (min-width: $md) {
-          height: 23em;
-        }
-      }
-  
-      .videoCoverArt {
-        border-radius: 3px;
-      }
-  
-      .textLinkChannel {
-        text-decoration: none;
-        font-size: 0.85rem;
-        color: $black;
-        margin-top: 0.5em;
-        transition: $hoverTransition;
-        cursor: pointer;
-        font-weight: normal;
-        &:hover {
-          color: $magenta;
+          min-height: 35em;
         }
       }
-
-      .videoDescription {
-        text-align: right;
-        padding-right: 1em;
-      }
     }
   }
 
@@ -153,350 +174,3 @@
     left: -9999px;
   }
 }
-
-.inTVContentWrapper {
-  .subTitle {
-    color: $purple;
-    margin-bottom: 1em;
-  }
-
-  .inTVEpisodesWrapper {
-    margin: 4em auto;
-    width: 100%;
-  }
-
-  .featuredProductWrapper {
-    margin-top: 1.5em;
-  }
-
-  .introEpisodes {
-    padding: 2em 3em 3em 0.5em;
-  }
-
-}
-
-.chattyPuppetsSection {
-  padding: 2em 0;
-
-  &:after {
-    content: "";
-    clear: both;
-    display: block;
-  }
-
-  @media screen and (min-width: $md) {
-    padding: 4em 1em 2em;
-  }
-
-  .partneringHeading {
-    color: $purple;
-    text-align: center;
-    margin-bottom: 1em;
-  }
-
-  .puppetsChatWrapper {
-    margin: 0 auto;
-
-    @media screen and (min-width: $md) {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      max-width: $lg;
-    }
-  }
-
-  .puppetChat {
-    background: url($cdnRoot + 'assets/images/illustrations/speech-right@2x.jpg') no-repeat top right / 70% transparent;
-    float: left;
-    max-width: 23em;
-    position: relative;
-
-    @media screen and (min-width: $md) {
-      display: flex;
-      align-items: center;
-      max-width: 30em;
-    }
-
-    @media screen and (min-width: $lg) {
-      max-width: 35em;
-      background-size: 74%;
-    }
-
-    .puppetTalking {
-      width: 12em;
-      @media screen and (min-width: $md) {
-        width: 38em;
-        top: -3em;
-        position: relative;
-      }
-      @media screen and (min-width: $lg) {
-        top: initial;
-      }
-    }
-    
-    .puppetWords {
-      padding: 1em;
-
-      @media screen and (min-width: $md) {
-        width: 35em;
-        margin: 1.5em;
-        background-color: $white;
-        border-radius: 50%;
-        padding-right: 2em;
-      }
-
-      @media screen and (min-width: $lg) {
-        background-color: transparent;
-        margin: 1.5em 2em;
-      }
-
-      h4 {
-        color: $magenta;
-        margin-bottom: 0.5em;
-
-        @media screen and (max-width: $md) {
-          position: absolute;
-          top: 1.8em;
-          right: 0;
-          width: 7.3em;
-        }
-      }
-    }
-
-    .typeformAction {
-      color: $magenta;
-      background-color: transparent;
-      text-transform: none;
-      padding: 0;
-      margin: 0;
-      letter-spacing: initial;
-      text-align: center;
-    }
-  }
-
-
-  .puppetChatSmaller {
-    background: url($cdnRoot + 'assets/images/illustrations/speech-left@2x.jpg') no-repeat top left / 80% transparent;
-    float: right;
-    display: flex;
-    justify-content: flex-end;
-    width: 17em;
-
-    @media screen and (min-width: $lg) {
-      width: 18em;
-      top: 5em;
-      position: relative;
-      background-size: 73%;
-    }
-
-    .smlPuppetTalking {
-      position: relative;
-      width: 6.5em;
-      margin-top: 4em;
-      @media screen and (min-width: $lg) {
-        width: 8em;
-        top: 2em;
-      }
-    }
-
-    .puppetTitle {
-      text-align: center;
-      text-transform: none;
-      color: $magenta;
-      position: relative;
-      background-color: transparent;
-      letter-spacing: initial;
-      width: 9em;
-      height: 9em;
-      font-size: 1rem;
-      
-      top: 1em;
-      line-height: 1.5;
-      cursor: default;
-      display: flex;
-      align-items: center;
-      padding: 0;
-      margin: 0;
-
-      span {
-        text-decoration: underline;
-        display: block;
-      }
-    }
-  }
-
-  .becomeAPartnerBtn {
-    @media screen and (min-width: $md) {
-      margin-bottom: 2em;
-    }
-    
-    button.navBtn {
-      background-color: $orange;
-      border-radius: 3px;
-      font-family: $body-font-family-bold;
-      font-size: 0.85rem;
-      text-transform: uppercase;
-      color: $white;
-      letter-spacing: 0.13em;
-      padding: 0.85em 1.85em;
-      border: 0;
-      outline: none;
-      cursor: pointer;
-      transition: $hoverTransition;
-
-      &:hover {
-        background-color: $purple;
-      }
-    }
-
-    .typeformAction {
-      color: $magenta;
-      background-color: transparent;
-      text-transform: none;
-      padding: 0;
-      margin: 0;
-      letter-spacing: initial;
-      text-align: center;
-    }
-  }
-
-  .becomeAPartnerBtn {
-    @media screen and (min-width: $md) {
-      margin-bottom: 2em;
-    }
-    
-    button.navBtn {
-      background-color: $orange;
-      border-radius: 3px;
-      font-family: $body-font-family-bold;
-      font-size: 0.85rem;
-      text-transform: uppercase;
-      color: $white;
-      letter-spacing: 0.13em;
-      padding: 0.85em 1.85em;
-      border: 0;
-      outline: none;
-      cursor: pointer;
-      transition: $hoverTransition;
-
-      &:hover {
-        background-color: $purple;
-      }
-    }
-
-    @media screen and (max-width: $sm) {
-      width: 100%;
-    }
-  }
-}
-
-
-
-.aboutImagineSection {
-  max-width: 75em;
-  width: 100%;
-  padding: 2em 1em;
-  margin: 0 auto;
-
-  @media screen and (min-width: $md) {
-    padding: 4em 1em 2em;
-  }
-  @media screen and (max-width: $sm) {
-    margin-bottom: 10em;
-  }
-
-  .aboutInTVTitle {
-    color: $orange;
-  }
-
-  .aboutInTVWrapper {
-    margin: 0 auto;
-    padding: 0 0.5em;
-
-    @media screen and (min-width: $md) {
-      display: flex;
-      align-items: center; 
-      flex-direction: row;
-      padding: 2em;
-    }
-    .becomeAPartnerBtn {
-      button {
-        background-color: $cyan;
-      }
-    }
-  }
-
-  .aboutParagraphColumn {
-    flex: 1;
-    margin: 0 auto;
-    @media screen and (min-width: $md) {
-      align-items: center;
-    }
-
-    h3 {
-      margin-bottom: 0.5em;
-      @media screen and (min-width: $sm) {
-        padding-right: 2em;
-      }
-    }
-  }
-
-  .aboutCyclopsColumn {
-    flex: 1;
-    display: flex;
-    justify-content: flex-end;
-    @media screen and (min-width: $md) {
-      display: inline-block;
-    }
-  }
-
-  .cyclopsSpeechBubble {
-    text-align: center;
-    max-width: 20em;
-    background: url($cdnRoot + 'assets/images/illustrations/speech-left@2x.jpg') no-repeat top left / 80% transparent;
-    display: flex;
-    background-size: 12em;
-    
-    @media screen and (min-width: $md) {
-      margin: 0 auto;
-    }
-    span {
-      text-decoration: underline;
-    }
-
-    .speechButtonContent {
-      text-align: center;
-      text-transform: none;
-      color: $magenta;
-      position: relative;
-      width: 6.3em;
-      height: 7em;
-      padding: 0;
-      font-size: 1.1rem;
-      left: 1.5em;
-      top: 1em;
-      line-height: 1.5;
-      background-color: transparent;
-      letter-spacing: initial;
-      display: flex;
-      align-items: center;
-    }
-  }
-
-  .cyclopsImage {
-    position: relative;
-    width: 12em;
-    height: 18em;
-    top: 6em;
-    @media screen and (min-width: $md) {
-      width: 8em;
-      left: 3em;
-      height: 12em;
-    } 
-    @media screen and (max-width: $sm) {
-      width: 8em;
-      height: 12em;
-      left: 1.5em;
-    } 
-  }
-}
\ No newline at end of file