diff --git a/app/views/content/events/get-the-most-from-events.md b/app/views/content/events/get-the-most-from-events.md
index bc07a0e04c..2b9f5a4c40 100644
--- a/app/views/content/events/get-the-most-from-events.md
+++ b/app/views/content/events/get-the-most-from-events.md
@@ -6,7 +6,6 @@ content:
     - content/events/get-the-most-from-events/steps
     - content/events/get-the-most-from-events/content
 image: "static/images/content/events/teaching-event.jpeg"
-colour: "yellow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/events/get-the-most-from-events/_header.html.erb b/app/views/content/events/get-the-most-from-events/_header.html.erb
index 75f23a438c..bc744156e1 100644
--- a/app/views/content/events/get-the-most-from-events/_header.html.erb
+++ b/app/views/content/events/get-the-most-from-events/_header.html.erb
@@ -1,6 +1,6 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Get the most from an event",
-  colour: @front_matter["colour"],
+  colour: "pastel yellow-yellow",
   image: @front_matter["image"],
   background_colour: "grey"
 ) %>
diff --git a/app/views/content/explore-teaching-advisers.md b/app/views/content/explore-teaching-advisers.md
index 7fb80ef978..351c71ccf6 100644
--- a/app/views/content/explore-teaching-advisers.md
+++ b/app/views/content/explore-teaching-advisers.md
@@ -3,8 +3,7 @@ title: Explore teaching advisers
 description: |-
     Find out if teaching is for you with an explore teaching adviser who can help you discover what teaching is really like.
 layout: "layouts/minimal"
-colour: "yellow"
-image: "static/images/content/ttalianne.jpg"
+image: "static/images/content/campus-advisers/adviser.jpeg"
 keywords:
   - explore teaching advisers
   - adviser
diff --git a/app/views/content/explore-teaching-advisers/_article.html.erb b/app/views/content/explore-teaching-advisers/_article.html.erb
index dfe0f8a589..280921cf9f 100644
--- a/app/views/content/explore-teaching-advisers/_article.html.erb
+++ b/app/views/content/explore-teaching-advisers/_article.html.erb
@@ -1,6 +1,6 @@
 <div class="row inset">
   <section class="col col-720 statement">
-    <div>
+    <div style="margin-top:60px">
       <span class="pink xlarge bold">Teaching is&hellip;</span>
     </div>
 
diff --git a/app/views/content/explore-teaching-advisers/_header.html.erb b/app/views/content/explore-teaching-advisers/_header.html.erb
index bb6cf5e44f..c676b1580b 100644
--- a/app/views/content/explore-teaching-advisers/_header.html.erb
+++ b/app/views/content/explore-teaching-advisers/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Explore teaching advisers",
-  colour: @front_matter["colour"],
+  colour: "pastel yellow-yellow",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/is-teaching-right-for-me/computing.md b/app/views/content/is-teaching-right-for-me/computing.md
index 3a044453c2..23d1668c97 100644
--- a/app/views/content/is-teaching-right-for-me/computing.md
+++ b/app/views/content/is-teaching-right-for-me/computing.md
@@ -8,7 +8,6 @@ navigation: 5.43
 navigation_title: Computing
 navigation_description: Discover how computing is vital, helping children learn digital skills they'll need throughout life.
 layout: "layouts/minimal"
-colour: "yellow"
 image: "static/images/content/hero-images/0036.jpg"
 keywords:
   - computing
diff --git a/app/views/content/is-teaching-right-for-me/computing/_header.html.erb b/app/views/content/is-teaching-right-for-me/computing/_header.html.erb
index 3a7274d963..c9d3924b50 100644
--- a/app/views/content/is-teaching-right-for-me/computing/_header.html.erb
+++ b/app/views/content/is-teaching-right-for-me/computing/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Become a computing teacher",
-  colour: @front_matter["colour"],
+  colour: "pastel blue-pink",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/is-teaching-right-for-me/engineers-teach-physics.md b/app/views/content/is-teaching-right-for-me/engineers-teach-physics.md
index 88e7349419..6e0476207d 100644
--- a/app/views/content/is-teaching-right-for-me/engineers-teach-physics.md
+++ b/app/views/content/is-teaching-right-for-me/engineers-teach-physics.md
@@ -4,7 +4,6 @@ description: |-
     Find out more about the Engineers teach physics teacher training programme for engineers and material scientists who want to teach physics.
 
 layout: "layouts/minimal"
-colour: "yellow"
 image: "static/images/content/hero-images/0013.jpg"
 keywords:
   - engineers
diff --git a/app/views/content/is-teaching-right-for-me/engineers-teach-physics/_header.html.erb b/app/views/content/is-teaching-right-for-me/engineers-teach-physics/_header.html.erb
index 5abc5bbdb4..e0391b5bc8 100644
--- a/app/views/content/is-teaching-right-for-me/engineers-teach-physics/_header.html.erb
+++ b/app/views/content/is-teaching-right-for-me/engineers-teach-physics/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Engineers teach physics",
-  colour: @front_matter["colour"],
+  colour: "pastel blue-pink",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/is-teaching-right-for-me/maths.md b/app/views/content/is-teaching-right-for-me/maths.md
index f60bc8c0c3..a10f79e42d 100644
--- a/app/views/content/is-teaching-right-for-me/maths.md
+++ b/app/views/content/is-teaching-right-for-me/maths.md
@@ -7,7 +7,6 @@ navigation: 5.46
 navigation_title: Maths
 navigation_description: Find out how to become a maths teacher and show children the importance of maths in everything we do.
 layout: "layouts/minimal"
-colour: "yellow"
 image: "static/images/content/hero-images/0004.jpg"
 keywords:
   - maths
diff --git a/app/views/content/is-teaching-right-for-me/maths/_header.html.erb b/app/views/content/is-teaching-right-for-me/maths/_header.html.erb
index 0927122592..b2d014072c 100644
--- a/app/views/content/is-teaching-right-for-me/maths/_header.html.erb
+++ b/app/views/content/is-teaching-right-for-me/maths/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Become a maths teacher",
-  colour: @front_matter["colour"],
+  colour: "pastel blue-pink",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/is-teaching-right-for-me/physics.md b/app/views/content/is-teaching-right-for-me/physics.md
index ba184b7088..d770f5734b 100644
--- a/app/views/content/is-teaching-right-for-me/physics.md
+++ b/app/views/content/is-teaching-right-for-me/physics.md
@@ -7,7 +7,6 @@ navigation: 5.48
 navigation_title: Physics
 navigation_description: Find out how to become a physics teacher and inspire the next generation of scientists, engineers and innovators.
 layout: "layouts/minimal"
-colour: "yellow"
 image: "static/images/content/hero-images/physics_1383.jpg"
 keywords:
   - physics
diff --git a/app/views/content/is-teaching-right-for-me/physics/_header.html.erb b/app/views/content/is-teaching-right-for-me/physics/_header.html.erb
index 8e529b02ad..9de67bc8d8 100644
--- a/app/views/content/is-teaching-right-for-me/physics/_header.html.erb
+++ b/app/views/content/is-teaching-right-for-me/physics/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Become a physics teacher",
-  colour: @front_matter["colour"],
+  colour: "pastel blue-pink",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/landing/campus-advisers.md b/app/views/content/landing/campus-advisers.md
index 3c95e0f5ee..2faa78e56a 100644
--- a/app/views/content/landing/campus-advisers.md
+++ b/app/views/content/landing/campus-advisers.md
@@ -5,7 +5,6 @@ content:
     - content/landing/campus-advisers/header
     - content/landing/campus-advisers/adviser
 image: "static/images/content/campus-advisers/adviser.jpeg"
-colour: "pink"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/campus-advisers/_header.html.erb b/app/views/content/landing/campus-advisers/_header.html.erb
index d9e9d16e30..385fb60352 100644
--- a/app/views/content/landing/campus-advisers/_header.html.erb
+++ b/app/views/content/landing/campus-advisers/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Sign up for an adviser",
-  colour: @front_matter["colour"],
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/careers.md b/app/views/content/landing/careers.md
index 8e9629fee1..dea7673ede 100644
--- a/app/views/content/landing/careers.md
+++ b/app/views/content/landing/careers.md
@@ -8,7 +8,6 @@ content:
     - content/landing/careers/content
     - content/landing/careers/promo
 image: "static/images/content/hero-images/0029.jpg"
-colour: "yellow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/careers/_header.html.erb b/app/views/content/landing/careers/_header.html.erb
index 2df2c42e63..ea1222b5e2 100644
--- a/app/views/content/landing/careers/_header.html.erb
+++ b/app/views/content/landing/careers/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "You're more of a teacher than you think",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/food-for-thought.md b/app/views/content/landing/food-for-thought.md
index 83c67ba215..bf74805976 100644
--- a/app/views/content/landing/food-for-thought.md
+++ b/app/views/content/landing/food-for-thought.md
@@ -6,7 +6,6 @@ content:
     - content/landing/food-for-thought/quotes
     - content/landing/food-for-thought/promo
 image: "static/images/content/hero-images/cake.png"
-colour: "yellow"
 layout: "layouts/minimal"
 noindex: true
 ---
diff --git a/app/views/content/landing/food-for-thought/_header.html.erb b/app/views/content/landing/food-for-thought/_header.html.erb
index d224e57104..498320419a 100644
--- a/app/views/content/landing/food-for-thought/_header.html.erb
+++ b/app/views/content/landing/food-for-thought/_header.html.erb
@@ -1,5 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Food for thought",
-  colour: @front_matter["colour"],
+  colour: "pink-blue",
   image: @front_matter["image"]
 ) %>
diff --git a/app/views/content/landing/grow.md b/app/views/content/landing/grow.md
index 00b45c7681..1f14ccec80 100644
--- a/app/views/content/landing/grow.md
+++ b/app/views/content/landing/grow.md
@@ -8,7 +8,6 @@ content:
     - content/landing/grow/content
     - content/landing/grow/promo
 image: "static/images/content/hero-images/0027.jpg"
-colour: "yellow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/grow/_header.html.erb b/app/views/content/landing/grow/_header.html.erb
index 5ecb080957..ca848eb09d 100644
--- a/app/views/content/landing/grow/_header.html.erb
+++ b/app/views/content/landing/grow/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Grow as only a teacher can",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/how-to-become-a-teacher.md b/app/views/content/landing/how-to-become-a-teacher.md
index 2fd7cef08a..dd0f395fd5 100644
--- a/app/views/content/landing/how-to-become-a-teacher.md
+++ b/app/views/content/landing/how-to-become-a-teacher.md
@@ -7,8 +7,7 @@ content:
     - content/landing/how-to-become-a-teacher/steps
     - content/landing/how-to-become-a-teacher/content
     - content/landing/how-to-become-a-teacher/promo
-image: "static/images/content/landing/how-to-become-a-teacher-1.jpg"
-colour: "yellow"
+image: "static/images/content/hero-images/0031.jpg"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/how-to-become-a-teacher/_header.html.erb b/app/views/content/landing/how-to-become-a-teacher/_header.html.erb
index 4cf0132da7..eb4322b703 100644
--- a/app/views/content/landing/how-to-become-a-teacher/_header.html.erb
+++ b/app/views/content/landing/how-to-become-a-teacher/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "How to become a teacher",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/how-to-fund-your-teacher-training.md b/app/views/content/landing/how-to-fund-your-teacher-training.md
index 9e1a4e6374..f1b6f05746 100644
--- a/app/views/content/landing/how-to-fund-your-teacher-training.md
+++ b/app/views/content/landing/how-to-fund-your-teacher-training.md
@@ -7,8 +7,7 @@ content:
     - content/landing/how-to-fund-your-teacher-training/mailing_list
     - content/landing/how-to-fund-your-teacher-training/content
     - content/landing/how-to-fund-your-teacher-training/promo
-image: "static/images/content/landing/how-to-fund-your-teacher-training-1.jpg"
-colour: "yellow"
+image: "static/images/content/hero-images/chemistry.jpg"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/how-to-fund-your-teacher-training/_header.html.erb b/app/views/content/landing/how-to-fund-your-teacher-training/_header.html.erb
index 7248fc91d1..b10642e415 100644
--- a/app/views/content/landing/how-to-fund-your-teacher-training/_header.html.erb
+++ b/app/views/content/landing/how-to-fund-your-teacher-training/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Fund your teacher training",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/mailing-list-1.md b/app/views/content/landing/mailing-list-1.md
index 773ae5b292..821ede2bd2 100644
--- a/app/views/content/landing/mailing-list-1.md
+++ b/app/views/content/landing/mailing-list-1.md
@@ -5,7 +5,6 @@ content:
     - content/landing/mailing-list-1/header
     - content/landing/mailing-list-1/mailing-list
 image: "static/images/content/hero-images/0027.jpg"
-colour: "grow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/mailing-list-1/_header.html.erb b/app/views/content/landing/mailing-list-1/_header.html.erb
index cd733d7aa3..6442311495 100644
--- a/app/views/content/landing/mailing-list-1/_header.html.erb
+++ b/app/views/content/landing/mailing-list-1/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Get personalised guidance",
-  colour: @front_matter["colour"],
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/mailing-list-2/_header.html.erb b/app/views/content/landing/mailing-list-2/_header.html.erb
index cd733d7aa3..c4e252b48f 100644
--- a/app/views/content/landing/mailing-list-2/_header.html.erb
+++ b/app/views/content/landing/mailing-list-2/_header.html.erb
@@ -1,4 +1,4 @@
-<%= render Content::LandingHeroComponent.new(
+<%= render Content::CampaignHeroComponent.new(
   title: "Get personalised guidance",
   colour: @front_matter["colour"],
   image: @front_matter["image"],
diff --git a/app/views/content/landing/mailing-list-3.md b/app/views/content/landing/mailing-list-3.md
index 26c55544ba..4050593fa3 100644
--- a/app/views/content/landing/mailing-list-3.md
+++ b/app/views/content/landing/mailing-list-3.md
@@ -5,7 +5,6 @@ content:
     - content/landing/mailing-list-3/header
     - content/landing/mailing-list-3/mailing-list
 image: "static/images/content/hero-images/0027.jpg"
-colour: "grow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/mailing-list-3/_header.html.erb b/app/views/content/landing/mailing-list-3/_header.html.erb
index cd733d7aa3..6442311495 100644
--- a/app/views/content/landing/mailing-list-3/_header.html.erb
+++ b/app/views/content/landing/mailing-list-3/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Get personalised guidance",
-  colour: @front_matter["colour"],
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/mailing-list.md b/app/views/content/landing/mailing-list.md
index 81450b86f2..fc0463eeca 100644
--- a/app/views/content/landing/mailing-list.md
+++ b/app/views/content/landing/mailing-list.md
@@ -5,7 +5,6 @@ content:
     - content/landing/mailing-list/header
     - content/landing/mailing-list/mailing-list
 image: "static/images/content/hero-images/0027.jpg"
-colour: "grow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/mailing-list/_header.html.erb b/app/views/content/landing/mailing-list/_header.html.erb
index cd733d7aa3..6442311495 100644
--- a/app/views/content/landing/mailing-list/_header.html.erb
+++ b/app/views/content/landing/mailing-list/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Get personalised guidance",
-  colour: @front_matter["colour"],
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/return-to-teaching-advisers.md b/app/views/content/landing/return-to-teaching-advisers.md
index f01420f46c..757ca73d6a 100644
--- a/app/views/content/landing/return-to-teaching-advisers.md
+++ b/app/views/content/landing/return-to-teaching-advisers.md
@@ -5,7 +5,6 @@ content:
    - content/landing/return-to-teaching-advisers/header
    - content/landing/return-to-teaching-advisers/adviser
 image: "static/images/content/campus-advisers/adviser.jpeg"
-colour: "green"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/return-to-teaching-advisers/_header.html.erb b/app/views/content/landing/return-to-teaching-advisers/_header.html.erb
index 4bd0fbaff3..8b8cd5949c 100644
--- a/app/views/content/landing/return-to-teaching-advisers/_header.html.erb
+++ b/app/views/content/landing/return-to-teaching-advisers/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Get a return to teaching adviser",
-  colour: @front_matter["colour"],
+  colour: "green-yellow",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/train-to-teach-if-you-have-a-degree.md b/app/views/content/landing/train-to-teach-if-you-have-a-degree.md
index 122c5d1caa..49ea3444dc 100644
--- a/app/views/content/landing/train-to-teach-if-you-have-a-degree.md
+++ b/app/views/content/landing/train-to-teach-if-you-have-a-degree.md
@@ -7,8 +7,7 @@ content:
     - content/landing/train-to-teach-if-you-have-a-degree/mailing_list
     - content/landing/train-to-teach-if-you-have-a-degree/content
     - content/landing/train-to-teach-if-you-have-a-degree/promo
-image: "static/images/content/landing/train-to-teach-if-you-have-a-degree-1.jpg"
-colour: "yellow"
+image: "static/images/content/hero-images/0030.jpg"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/train-to-teach-if-you-have-a-degree/_header.html.erb b/app/views/content/landing/train-to-teach-if-you-have-a-degree/_header.html.erb
index ff55ee870d..50beb7e125 100644
--- a/app/views/content/landing/train-to-teach-if-you-have-a-degree/_header.html.erb
+++ b/app/views/content/landing/train-to-teach-if-you-have-a-degree/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "How to start teacher training",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/train-to-teach.md b/app/views/content/landing/train-to-teach.md
index a02177d6ca..513afbe921 100644
--- a/app/views/content/landing/train-to-teach.md
+++ b/app/views/content/landing/train-to-teach.md
@@ -8,7 +8,6 @@ content:
     - content/landing/train-to-teach/content
     - content/landing/train-to-teach/promo
 image: "static/images/content/hero-images/0029.jpg"
-colour: "yellow"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/train-to-teach/_header.html.erb b/app/views/content/landing/train-to-teach/_header.html.erb
index 2076183053..d38059201c 100644
--- a/app/views/content/landing/train-to-teach/_header.html.erb
+++ b/app/views/content/landing/train-to-teach/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "How can I train to teach?",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/content/landing/what-teaching-taught-me.md b/app/views/content/landing/what-teaching-taught-me.md
index a52b1176ec..0943a757c0 100644
--- a/app/views/content/landing/what-teaching-taught-me.md
+++ b/app/views/content/landing/what-teaching-taught-me.md
@@ -8,7 +8,6 @@ content:
     - content/landing/what-teaching-taught-me/content
     - content/landing/what-teaching-taught-me/promo
 image: "static/images/content/hero-images/0028.jpg"
-colour: "pink"
 layout: "layouts/minimal"
 talk_to_us: false
 noindex: true
diff --git a/app/views/content/landing/what-teaching-taught-me/_header.html.erb b/app/views/content/landing/what-teaching-taught-me/_header.html.erb
index 0fae31f167..dff11bb41b 100644
--- a/app/views/content/landing/what-teaching-taught-me/_header.html.erb
+++ b/app/views/content/landing/what-teaching-taught-me/_header.html.erb
@@ -1,6 +1,5 @@
 <%= render Content::LandingHeroComponent.new(
   title: "How teaching can help you grow",
-  colour: "grow",
+  colour: "pink-blue",
   image: @front_matter["image"],
-  background_colour: "grey"
 ) %>
diff --git a/app/views/teaching_events/about_git_events.html.erb b/app/views/teaching_events/about_git_events.html.erb
index 2c04b7a43d..5ca3cc576e 100644
--- a/app/views/teaching_events/about_git_events.html.erb
+++ b/app/views/teaching_events/about_git_events.html.erb
@@ -1,12 +1,12 @@
-<%= render Content::CampaignHeroComponent.new(
-  title: ["Get Into Teaching", "events"],
-  colour: "yellow",
+<%= render Content::LandingHeroComponent.new(
+  title: "Get Into Teaching events",
+  colour: "pastel yellow-yellow",
   image: "static/images/content/hero-images/0025.jpg"
 ) %>
 
 <div class="row inset">
   <section class="col col-720 statement">
-    <h2 class="pink xlarge bold">What to expect</h2>
+    <h2 class="pink xlarge bold" style="margin-top:60px">What to expect</h2>
   </section>
 
   <section class="col col-720">
diff --git a/app/webpacker/images/content/hero-images/cake.png b/app/webpacker/images/content/hero-images/cake.png
index 3469e39277..11a9e001e6 100644
Binary files a/app/webpacker/images/content/hero-images/cake.png and b/app/webpacker/images/content/hero-images/cake.png differ
diff --git a/app/webpacker/styles/sections/hero.scss b/app/webpacker/styles/sections/hero.scss
index d9f5ef0d9d..6de654c68e 100644
--- a/app/webpacker/styles/sections/hero.scss
+++ b/app/webpacker/styles/sections/hero.scss
@@ -367,6 +367,18 @@ $mobile-cutoff: 800px;
 		}
 	}
 
+	&.yellow-yellow {
+		background-color: $yellow;
+
+		h1 span {
+		  background: $yellow;
+		}
+
+		&.pastel {
+			background-color: rgba($yellow, 0.4);
+		}
+	}
+
 	.content {
 		padding: 90px;
 		z-index: 1;