Revert "Revert "PP-13869 Update main page masthead""

source/index.html.erb

@@ -17,27 +17,19 @@ description: GOV.UK Pay is for central government, local authorities, police and
     </div>
     <div class="hero__content">
       <div class="hero__body">
-        <h1 class="hero__title">Take online payments from your users</h1>
+        <h1 class="hero__title">The best way to take payments for public services</h1>
+        <p class="hero__description">
+          GOV.UK&nbsp;Pay has contracts with payment providers so you can take payments quickly and easily. It’s used across central and local government, police and the NHS.
+        </p>
         <div class="hero__inline-image">
           <%= image_tag 'pay-top-image.png', alt: 'Payment screen on mobile and dashboard with refund function.', role: 'presentation' %>
         </div>
-        <p class="hero__description">If you work in the public sector, use GOV.UK&nbsp;Pay to take&nbsp;payments</p>
         <% link_to 'getstarted', :role => 'button', :class => 'govuk-button govuk-button--start button--start_white', 'data-click-events' => '', 'data-click-category' => 'Hero', 'data-click-action' => 'Internal link clicked' do %>
-          Create a test account
+          Find out if you can use GOV.UK&nbsp;Pay
           <svg class="govuk-button__start-icon" xmlns="http://www.w3.org/2000/svg" width="17.5" height="19" viewBox="0 0 33 40" aria-hidden="true" focusable="false">
             <path fill="currentColor" d="M0 0h13l20 20-20 20H0l20-20z" />
           </svg>
         <% end %>
-        <span class="hero-alternative-action">
-          or
-          <%=
-            link_to 'find out what GOV.UK&nbsp;Pay offers',
-                    'using-govuk-pay',
-                    'data-click-events' => '',
-                    'data-click-category' => 'Hero',
-                    'data-click-action' => 'Internal link clicked'
-          %>
-        </span>
       </div>
       <div class="hero__aside-image">
         <%= image_tag 'pay-top-image.png', alt: 'Payment screen on mobile and dashboard with refund function.', role: 'presentation' %>

source/stylesheets/modules/_hero.scss

@@ -78,6 +78,13 @@
   }
 
   &__inline-image {
+    // Not in original product-page-example
+    // Added because we relocated the image
+    // to be immediately above the button
+    // and the extra margin is necessary to
+    // give the button space to breathe
+    margin-bottom: govuk-spacing(3);
+
     text-align: center;
 
     @include govuk-media-query(tablet) {