feat(1506): New intro page guidance

app/routeIntroPages.js

@@ -5,18 +5,8 @@ const getIntroPages = () => {
   const introPages = [
     {
       path: '/',
-      title: 'Benefits of using a framework',
-      tpl: 'intro-benefits.njk'
-    },
-    {
-      path: '/selection',
-      title: 'How frameworks are selected',
-      tpl: 'intro-selection.njk'
-    },
-    {
-      path: '/service-output',
-      title: 'After you’ve used the service',
-      tpl: 'intro-service-output.njk'
+      title: 'Why you should use a framework',
+      tpl: 'why-you-should-use-a-framework.njk'
     },
     {
       path: '/cookie-details',

app/templates/why-you-should-use-a-framework.njk

@@ -0,0 +1,86 @@
+{% extends "buying-for-schools.njk" %}
+{% from "macros/ghbs-link.njk" import renderGHBSLink %}
+
+{# Adds a class to increase vertical spacing for pages without a back button #}
+{% set mainClasses = "govuk-main-wrapper--l" %}
+
+{% block content %}
+  <div class="govuk-grid-row">
+    <div class="govuk-grid-column-two-thirds">
+      <h1 class="govuk-heading-l">Why you should use a framework</h1>
+
+      <div class="govuk-notification-banner" role="region" aria-labelledby="govuk-notification-banner-title" data-module="govuk-notification-banner">
+        <div class="govuk-notification-banner__header">
+          <h2 class="govuk-notification-banner__title" id="govuk-notification-banner-title">
+            Information and advice
+          </h2>
+        </div>
+        <div class="govuk-notification-banner__content">
+          <p class="govuk-notification-banner__heading">
+            <a class="govuk-notification-banner__link" href="pages/rising-energy-prices">What you can do about rising energy prices</a>
+          </p>
+          <p class="govuk-notification-content">Last updated 29 September 2022</p>
+        </div>
+      </div>
+
+      <h2 class="govuk-heading-m">Understand more about framework agreements before you begin</h2>
+
+      <p class="govuk-body">
+        A procurement framework agreement is an agreement put in place with one or more providers of goods and services.
+        It enables buyers to place orders without running full tendering exercises.
+      </p>
+
+      <p class="govuk-body">
+        Buying through a framework agreement can be quicker and easier than onboarding bids or quotes.
+      </p>
+
+      <p class="govuk-body">
+        Using framework agreements can reduce the number of steps in the buying process.
+      </p>
+
+      <p class="govuk-body">
+        This is because each framework agreement contains:
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>guidance on how to buy compliantly through the framework</li>
+        <li>details of products, services and suppliers available</li>
+        <li>an agreed pricing structure agreed terms and conditions</li>
+        <li>suppliers have been through a full competitive tender process to join the framework agreement</li>
+        <li>some framework agreements contain draft specifications</li>
+      </ul>
+
+      <p class="govuk-body">
+        Framework agreements have been:
+      </p>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>quality checked</li>
+        <li>checked to ensure they comply with the law</li>
+      </ul>
+
+      <h2 class="govuk-heading-m">How our framework agreements are selected:</h2>
+      <ul class="govuk-list govuk-list--bullet">
+        <li>Procurement specialists within DE routinely review and update the list of available frameworks</li>
+        <li>The framework agreements are assessed for compliance with procurement regulations, ease of use, suitability and value for money.</li>
+        <li>Feedback from schools is also considered when selecting framework agreements.</li>
+      </ul>
+
+      <h2 class="govuk-heading-m">Using the Find a Framework service</h2>
+
+      <p class="govuk-body">
+        Answer a few questions about what you're buying to see framework agreements that we recommend.
+      </p>
+
+      <p class="govuk-body">
+        From there, you can access the framework agreement provider's website to:
+      </p>
+
+      <ul class="govuk-list govuk-list--bullet">
+        <li>find out more about using the framework agreement</li>
+        <li>find out what to do next, for example write a specification or get quotes from suppliers in the framework The framework agreement provider can help you with your procurement while you use their framework.</li>
+        <li>You can also get free support and advice from a DE procurement specialist during your procurement, use the <a class="govuk-link" href="{{ requestSupportPageHref(page='Why you should use a framework') }}">Get help buying for schools service.</a></li>
+      </ul>
+
+      {{ govukButton({ text: 'Continue', href: locals.frameworkPath }) }}
+    </div>
+  </div>
+{% endblock %}

features/01-start-pages.feature

@@ -4,20 +4,6 @@ Feature: Start pages
   Scenario: Content on the benefits/start page
     Given user is on page /
     Then the service displays the following page content
-      | Heading | Benefits of using a framework |
+      | Heading | Why you should use a framework |
     And have links
-      | Continue | /selection |
-
-  Scenario: Content on the selection page
-    Given user is on page /selection
-    Then the service displays the following page content
-      | Heading | How frameworks are selected |
-    And have links
-      | Continue | /service-output |
-
-  Scenario: Content on the service output page
-    Given user is on page /service-output
-    Then the service displays the following page content
-      | Heading | After you’ve used the service |
-    And have links
-      | Continue | /find |
+      | Continue | /find |