From db236bfbe8b173ba20ddf540ac4c88395931ebe1 Mon Sep 17 00:00:00 2001
From: Frankie Roberto <frankie.roberto1@nhs.net>
Date: Tue, 25 Aug 2026 13:58:08 +0100
Subject: [PATCH 1/2] Add profile page

Add a mocked version of profile page, using the current live version of the app as a guide
---
 app/views/index.html   |  2 +
 app/views/layout.html  | 14 +++++++
 app/views/profile.html | 91 ++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 107 insertions(+)
 create mode 100644 app/views/profile.html

diff --git a/app/views/index.html b/app/views/index.html
index 6569d44..bc05c6c 100755
--- a/app/views/index.html
+++ b/app/views/index.html
@@ -10,6 +10,8 @@
     - add custom CSS and JavaScript
 -->
 
+{% set section = "Home" %}
+
 <!--
   Use this to set the page name which will appear at the
   start of the <title> tag, followed by the service name.
diff --git a/app/views/layout.html b/app/views/layout.html
index b6a3e0b..f990eef 100755
--- a/app/views/layout.html
+++ b/app/views/layout.html
@@ -32,6 +32,20 @@
     service: {
       text: "App",
       href: "/"
+    },
+    navigation: {
+      items: [
+        {
+          href: "/",
+          text: "Home",
+          current: (section == "Home")
+        },
+        {
+          href: "/profile",
+          text: "Profile",
+          current: (section == "Profile")
+        }
+      ]
     }
   }) }}
 {% endblock %}
diff --git a/app/views/profile.html b/app/views/profile.html
new file mode 100644
index 0000000..208aa8b
--- /dev/null
+++ b/app/views/profile.html
@@ -0,0 +1,91 @@
+{% extends "layout.html" %}
+
+{% set section = "Profile" %}
+{% set pageName = "Profile" %}
+
+{% block content %}
+
+  <h1 class="nhsuk-heading-xl">
+    {{ pageName }}
+  </h1>
+  
+
+  {% set profileDescriptionHtml %}
+    <p class="nhsuk-u-margin-top-2 nhsuk-u-margin-bottom-0"><strong>Date of birth:</strong> 15 March 1984</p>
+    <p><strong>NHS number:</strong> 123 456 7890</p>
+  {% endset %}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    classes: "nhsapp-cards--pale-blue",
+    isListItem: false,
+    cards: [
+      {
+        title: "Mary Swanson",
+        titleClasses: "nhsuk-u-font-size-36",
+        headingLevel: "2",
+        descriptionHtml: profileDescriptionHtml
+      },
+      {
+        title: "Manage health services for others",
+        href: "#"
+      }
+    ]
+  }) }}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: 'Personal details',
+    cards: [
+      {
+        title: 'Contact details',
+        href: '#'
+      },
+      {
+        title: 'Your GP surgery',
+        href: '#'
+      },
+      {
+        title: 'Health choices',
+        href: '#'
+      },
+      {
+        title: 'Care plans',
+        href: '#'
+      }
+    ]
+  }) }}
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: 'App settings',
+    cards: [
+      {
+        title: 'Contact and login details',
+        href: '#'
+      },
+      {
+        title: 'Cookies',
+        href: '#'
+      }
+    ]
+  }) }}  
+
+  {{ nhsappCardGroup({
+    stacked: true,
+    heading: 'About the NHS App',
+    cards: [
+      {
+        title: 'Privacy and legal information',
+        href: '#'
+      }
+    ]
+  }) }}
+
+  {{ button({
+    text: "Logout",
+    href: "#",
+    variant: 'secondary',
+    classes: 'nhsapp-button'
+  })}}
+{% endblock %}

From 7475f02dad1790554438b635f2abd778db91be44 Mon Sep 17 00:00:00 2001
From: Frankie Roberto <frankie.roberto1@nhs.net>
Date: Tue, 25 Aug 2026 13:59:53 +0100
Subject: [PATCH 2/2] Use double quoted strings

---
 app/views/profile.html | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/app/views/profile.html b/app/views/profile.html
index 208aa8b..2f6b305 100644
--- a/app/views/profile.html
+++ b/app/views/profile.html
@@ -35,49 +35,49 @@ <h1 class="nhsuk-heading-xl">
 
   {{ nhsappCardGroup({
     stacked: true,
-    heading: 'Personal details',
+    heading: "Personal details",
     cards: [
       {
-        title: 'Contact details',
-        href: '#'
+        title: "Contact details",
+        href: "#"
       },
       {
-        title: 'Your GP surgery',
-        href: '#'
+        title: "Your GP surgery",
+        href: "#"
       },
       {
-        title: 'Health choices',
-        href: '#'
+        title: "Health choices",
+        href: "#"
       },
       {
-        title: 'Care plans',
-        href: '#'
+        title: "Care plans",
+        href: "#"
       }
     ]
   }) }}
 
   {{ nhsappCardGroup({
     stacked: true,
-    heading: 'App settings',
+    heading: "App settings",
     cards: [
       {
-        title: 'Contact and login details',
-        href: '#'
+        title: "Contact and login details",
+        href: "#"
       },
       {
-        title: 'Cookies',
-        href: '#'
+        title: "Cookies",
+        href: "#"
       }
     ]
   }) }}  
 
   {{ nhsappCardGroup({
     stacked: true,
-    heading: 'About the NHS App',
+    heading: "About the NHS App",
     cards: [
       {
-        title: 'Privacy and legal information',
-        href: '#'
+        title: "Privacy and legal information",
+        href: "#"
       }
     ]
   }) }}
@@ -85,7 +85,7 @@ <h1 class="nhsuk-heading-xl">
   {{ button({
     text: "Logout",
     href: "#",
-    variant: 'secondary',
-    classes: 'nhsapp-button'
+    variant: "secondary",
+    classes: "nhsapp-button"
   })}}
 {% endblock %}