Routes wizard start page (#4501)

* Add start page content

* updating start page content

---------

Co-authored-by: Sarah-DfE <[email protected]>

app/views/routes_into_teaching/steps/index.html.erb

@@ -1,10 +1,18 @@
 <%= render Content::LandingHeroComponent.new(
   title: "Find your route into teaching",
   colour: "pastel yellow-yellow",
+  image: "static/images/route-hero.png"
 ) %>
 
 <section class="container">
-  <div class="row">
-    <%= link_to "Find your route into teaching", routes_into_teaching_step_path(RoutesIntoTeaching::Wizard.steps.first.key) %>
+  <div class="row inset">
+    <div class="col col-845 col-space-m-top">
+        <p>Get started on your journey into teaching. Answer 3 questions and you'll instantly find routes into teaching based on your circumstances.</p>
+
+        <%= render Content::LinkAsButtonComponent.new(
+          link_text: "Start now",
+          href: routes_into_teaching_step_path(RoutesIntoTeaching::Wizard.steps.first.key)
+        ) %>
+    </div>
   </div>
 </section>

config/images.yml

@@ -221,6 +221,9 @@
     - "static/images/content/hero-images/physics_1383-mobile.jpg"
     - "static/images/content/hero-images/physics_1383-tablet.jpg"
 
+"static/images/route-hero.png":
+  alt: ""
+
 # case studies
 "static/images/content/case-studies/abigail.jpg":
   alt: "Maths teacher Abigail in front of a maths display board."
@@ -248,7 +251,7 @@
   # a teacher with a group of students.
   alt: ""
 "static/images/content/homepage/directory3.jpg":
-  # A member of the events team at an event 
+  # A member of the events team at an event
   alt: ""
 "static/images/content/homepage/directory4.jpg":
   # A language teacher talking to pupils in a classroom.