Merge branch 'master' into back-link-outside-main

app/views/content/is-teaching-right-for-me/teacher-pay-and-benefits.md

@@ -87,6 +87,8 @@ Or it might be an extra responsibility attached to your job role, for example, b
 
 Depending on your responsibilities, you could earn up to an extra £15,690. Your school will determine how much you receive. 
 
+<a name="career-progression"></a>
+
 ## Career progression
 
 ### Leading practitioner salary

app/views/content/landing/grow.md

@@ -0,0 +1,15 @@
+---
+title: "Grow as only a teacher can"
+description: Find out how teaching offers opportunities for career progression, personal development and ways to increase your pay
+content:
+    - content/landing/grow/header
+    - content/landing/grow/collage
+    - content/landing/grow/mailing_list
+    - content/landing/grow/content
+    - content/landing/grow/promo
+image: "static/content/hero-images/0027.jpg"
+colour: "yellow"
+layout: "layouts/minimal"
+talk_to_us: false
+noindex: true
+---

app/views/content/landing/grow/_collage.html.erb

@@ -0,0 +1,19 @@
+<div class="row">
+  <div class="grey col">
+    <section class="col col-full-content">
+      <div class="inset">
+        <p class="col-720">Teaching is a fulfilling career. Not only can you inspire the pupils you teach, you also get to learn new skills, build your confidence and become your best self. The benefits of being a teacher include:</p>
+        <%= render Content::ChecklistCollageComponent.new(
+          checklist: [
+            "career progression ",
+            "personal development",
+            "opportunities to increase your pay"
+          ],
+          image_paths: [
+            "static/content/grow/Smiling_Student.jpg",
+          ]
+        ) %>
+      </div>
+    </section>
+  </div>
+</div>

app/views/content/landing/grow/_content.html.erb

@@ -0,0 +1,67 @@
+<div class="row">
+  <section class="col col-720">
+    <h2 class="heading--box-blue">Career progression</h2>
+
+    <div class="inset">
+      <p>
+      Whether you want to climb the ladder into leadership roles, or focus on the areas that motivate you, life as a teacher offers varied and exciting prospects. There are lots of ways for you to develop your career, each bringing its own rewards and challenges.
+      </p>
+
+      <p>
+      You can choose your own path and:
+      </p>
+
+      <ul>
+      <li>use your passion about the subject you teach to help shape the curriculum</li>
+      <li>support pupil wellbeing, for example work with children with special educational needs (SEN), or become a form tutor</li>
+      <li>become a headteacher and inspire the teachers and pupils at your school</li>
+      </ul>
+
+      </p>
+
+      <p><%= link_to("Find out more about career progression", page_path("is-teaching-right-for-me/teacher-pay-and-benefits", anchor: "career-progression")) %>.</p>
+    </div>
+  </section>
+
+  <section class="col col-720">
+    <h2 class="heading--box-blue">Personal development</h2>
+
+    <div class="inset">
+      <p>
+      As a teacher your learning never stops. Teaching is a career that encourages you to grow, both personally and professionally. Not only can you make a difference to the lives of the pupils you teach, you can make a difference to your own.
+      </p>
+
+      <p>
+      If your teacher training course leads to qualified teacher status (QTS), you get a whole package of training and support as an early career teacher (ECT). This includes:
+      </p>
+
+      <ul>
+      <li>regular one-to-ones with a mentor to help you boost your confidence</li>
+      <li>learning new skills</li>
+      <li>guidance through any challenges you might have</li>
+      </ul>
+
+      </p>
+
+      <p><%= link_to("Find out more about support and development for early career teachers (ECTs)", page_path("support-for-early-career-teachers")) %>.</p>
+    </div>
+  </section>
+
+  <section class="col col-720">
+    <h2 class="heading--box-blue">Opportunities to increase your pay</h2>
+
+    <div class="inset">
+      <p>
+      With a competitive starting salary of £30k (or more in London), it pays to do what you love. And there are plenty of opportunities for you to increase your pay as you progress your career:
+      </p>
+
+      <ul>
+      <li>your salary is reviewed annually - most teachers get a pay rise every year, depending on your school. You could earn over £41k within 5 years</li>
+      <li>you may get extra payments for taking on additional responsibilities, for example creating a timetable or becoming head of a department</li>
+      <li>as a headteacher you can expect to earn between £53k to £139k depending on your location and school</li>
+      </ul>
+
+      <p><%= link_to("Find out more about teacher pay and benefits", page_path("is-teaching-right-for-me/teacher-pay-and-benefits")) %>.</p>
+    </div>
+  </section>
+</div>

app/views/content/landing/grow/_header.html.erb

@@ -0,0 +1,6 @@
+<%= render Content::CampaignHeroComponent.new(
+  title: ["Grow as only", "a teacher can"],
+  colour: "grow",
+  image: @front_matter["image"],
+  background_colour: "grey"
+) %>

app/views/content/landing/grow/_mailing_list.html.erb

@@ -0,0 +1,8 @@
+<div class="row">
+  <section class="col col-720">
+    <%= render Content::MailingListComponent.new(
+      title: "Get free help and support tailored to you",
+      intro: "Discover how exciting and rewarding teaching can be. To receive advice on getting into teacher training straight to your inbox, just answer a few quick questions about yourself."
+    ) %>
+  </section>
+</div>

app/views/content/landing/grow/_promo.html.erb

@@ -0,0 +1,10 @@
+<%= render(CallsToAction::Promo::PromoComponent.new) do |promo| %>
+  <% promo.left_section( classes: %w[ml-background]) %>
+  <% promo.right_section(
+    heading: "Find out more about the benefits of teaching"
+  ) do %>
+      <p>Discover how you can get into teaching in a primary or secondary school and shape your own path.</p>
+
+      <%= link_to("Get tailored guidance in your inbox", "/mailinglist/signup/name", class: "button") %>
+  <% end %>
+<% end %>

app/views/content/landing/train-to-teach/_content.html.erb

@@ -21,7 +21,6 @@
     <div class="inset">
       <p>
       If you do not have a degree, you can do undergraduate teacher training. Courses that include qualified teacher status (QTS) can take up to 4 years and usually start in September.
-      </p>
 
       <p><%= link_to("Find out more about how to train to teach if you do not have a degree", page_path("train-to-be-a-teacher/if-you-dont-have-a-degree")) %>.</p>
     </div>

app/webpacker/styles/components/campaign-hero.scss

@@ -63,6 +63,17 @@
     }
   }
 
+  &.grow {
+    @include slanted-bottom($pink, $grey);
+
+    background-color: $pink;
+    color: $black;
+
+    h1 > span {
+      background: $blue;
+    }
+  }
+
   h1 {
     margin: 1em auto 0 1em;
     z-index: 5;
@@ -78,7 +89,7 @@
     span {
       @include font-size(xxlarge);
 
-      padding: .05rem .7rem;
+      padding: .05rem 1.5rem;
       -webkit-box-decoration-break: clone;
       box-decoration-break: clone;
     }

app/webpacker/styles/layout.scss

@@ -160,11 +160,19 @@ section.container {
 .row {
   .grey {
     background-color: $grey;
-    padding: 3em 0;
+    padding: 1em 0;
+
+     @include mq($from: tablet) {
+      padding: 3em 0;
+    }
   }
 
   .col {
-    margin: 0 auto 3 * $indent-amount auto;
+    margin: 0 auto 2 * $indent-amount auto;
+
+    @include mq($from: tablet) {
+      margin: 0 auto 3 * $indent-amount auto;
+    }
   }
 
   .col-space-s {

config/images.yml

@@ -174,6 +174,12 @@
     - "static/content/hero-images/0026--mobile.jpg"
     - "static/content/hero-images/0026--tablet.jpg"
 
+"static/content/hero-images/0027.jpg":
+  alt: "Grow as only a teacher can."
+  variants:
+    - "static/content/hero-images/0027--mobile.jpg"
+    - "static/content/hero-images/0027--tablet.jpg"
+
 "static/content/ttalianne.jpg":
   alt: "Lianne, an explore teaching adviser"
 
@@ -385,6 +391,10 @@
 "static/content/food-for-thought/Amrita_Panesar.jpg":
   alt: "Teacher Amrita Panesar"
 
+# grow
+"static/content/grow/Smiling_Student.jpg":
+  alt: "Smiling student in a classroom."
+
 # is teaching right for me
 "static/content/is-teaching-right-for-me/fellowship.jpg":
   alt: "Teachers Mike and Phil play on a children's climbing frame in a playground"