From a963d46d55277b3771604dc5d878da05d620125a Mon Sep 17 00:00:00 2001
From: Vicky Teinaki <vicky.teinaki@gmail.com>
Date: Mon, 25 Nov 2024 21:18:26 +0000
Subject: [PATCH] Added support page and link and tweaked the about page (#149)

New support page
![support page with details of slack
channels](https://github.com/user-attachments/assets/efd0ef4b-5434-4b77-8b03-3b08e602145a)

About page changed
| Before | After |
| -- | --  |
| ![Before about
page](https://github.com/user-attachments/assets/aac638b1-b998-42c9-b341-5e5cecc8d958)
| ![after about page with contribution section
changed](https://github.com/user-attachments/assets/1d283517-665f-4a11-a9ca-7e004d9ef4cd)
|


Footer
| Example | Image |
| -- | --  |
| Before | <img width="1009" alt="footer link - with About and support
NHS prototype kit on GitHub Cookies "
src="https://github.com/user-attachments/assets/d1c10518-2be2-4418-a22e-35c3a6647ed9"
/> |
| After | <img width="1026" alt="footer link with About Support NHS
prototype kit on GitHub Cookies "
src="https://github.com/user-attachments/assets/06e6c626-614c-4941-a9e6-f45c92b5e2c7"
/> |

---------

Co-authored-by: Frankie Roberto <frankie@frankieroberto.com>
---
 app/views/about.html   | 10 ++--------
 app/views/layout.html  |  6 +++++-
 app/views/support.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 49 insertions(+), 9 deletions(-)
 create mode 100644 app/views/support.html

diff --git a/app/views/about.html b/app/views/about.html
index 7fb3615e..2c831014 100755
--- a/app/views/about.html
+++ b/app/views/about.html
@@ -22,15 +22,9 @@ <h1>About</h1>
 
       <h2>Support</h2>
 
-      <p>The NHS prototype kit is maintained by NHS England. If you've got a question or need support you can:</p>
+      <p>View our <a href="/support">support</a> section.</p>
 
-      <ul>
-        <li><a href="mailto:england.service-manual@nhs.net?subject=NHS prototype kit - About">email us</a></li>
-        <li><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW" rel="nofollow">get in touch on the NHS digital service manual #prototype-kit Slack channel</a></li>
-        <li><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues">view known issues on GitHub</a></li>
-      </ul>
-
-      <h2>Contributing</h2>
+      <h2 id="contributing">Contributing</h2>
 
       <p>The prototype kit is always evolving as we learn more. Help us to improve and grow it by:</p>
 
diff --git a/app/views/layout.html b/app/views/layout.html
index cbfda8bf..0d76edef 100755
--- a/app/views/layout.html
+++ b/app/views/layout.html
@@ -21,9 +21,13 @@
   {{ footer({
     links: [
       {
-        label: "About and support",
+        label: "About",
         URL: "/about"
       },
+      {
+        label: "Support",
+        URL: "/support"
+      },
       {
         label: "Updates",
         URL: "/whats-new/updates"
diff --git a/app/views/support.html b/app/views/support.html
new file mode 100644
index 00000000..9ed0c3cc
--- /dev/null
+++ b/app/views/support.html
@@ -0,0 +1,42 @@
+{% extends 'layout.html' %}
+
+{% block pageTitle %}
+  Support - NHS prototype kit
+{% endblock %}
+
+{% block beforeContent %}
+  {{ breadcrumb({
+    href: "/",
+    text: "Home"
+  }) }}
+{% endblock %}
+
+{% block content %}
+  <div class="nhsuk-grid-row">
+
+    <div class="nhsuk-grid-column-two-thirds">
+
+      <h1 class="nhsuk-heading-xl" id="support">Support</h1>
+      <p class="nhsuk-lede-text">The NHS prototype kit is maintained by the <a href="https://service-manual.nhs.uk/service-manual-team">service manual team at NHS England</a> with help from community contributors.</p>
+
+      <h2 class="nhsuk-heading-m">Get support or ask a question</h2>
+
+      <h3 class="nhsuk-heading-s">Email</h3>
+      <p><a href="mailto:england.service-manual@nhs.net?subject=NHS%20prototype%20kit%20-%20About">england.service-manual@nhs.net</a></p>
+
+      <h3 class="nhsuk-heading-s">Slack</h3>
+
+      <ul class="nhsuk-list">
+        <li><a href="https://nhsdigitalcorporate.enterprise.slack.com/archives/C042J3MTJG2">NHS England #prototype-kit channel</a></li>
+        <li><a href="https://nhs-service-manual.slack.com/messages/CFYL2GDGW">NHS digital service manual #prototype-kit channel</a></li>
+      </ul>
+
+      <h3 class="nhsuk-heading-s">GitHub</h3>
+
+      <p><a href="https://github.com/nhsuk/nhsuk-prototype-kit/issues/new/choose">Report a bug or issue</a> - you will need a free GitHub account</p>
+
+
+    </div>
+
+  </div>
+{% endblock %}