diff --git a/integration_tests/e2e/compliance.cy.ts b/integration_tests/e2e/compliance.cy.ts
index af2805db..54a02ca2 100644
--- a/integration_tests/e2e/compliance.cy.ts
+++ b/integration_tests/e2e/compliance.cy.ts
@@ -17,7 +17,7 @@ context('Compliance', () => {
     page.getRowData('breach1', 'startDate', 'Value').should('contain.text', '2 March 2020')
     page.getRowData('breach1', 'status', 'Value').should('contain.text', 'An active breach status')
 
-    page.getCardHeader('activity1').should('contain.text', '10 days RAR, 9 completed')
+    page.getCardHeader('activity1').should('contain.text', '9 of 10 RAR days completed')
     page.getRowData('activity1', 'appointments', 'Value').should('contain.text', '1 national standard appointments')
     page.getRowData('activity1', 'withoutOutcome', 'Value').should('contain.text', '3 without a recorded outcome')
 
diff --git a/integration_tests/e2e/overview.cy.ts b/integration_tests/e2e/overview.cy.ts
index 72d6a73e..72c80a22 100644
--- a/integration_tests/e2e/overview.cy.ts
+++ b/integration_tests/e2e/overview.cy.ts
@@ -28,6 +28,7 @@ context('Overview', () => {
       .should('contain.text', 'Committed/ Transferred to Crown: Life imprisonment (Adult)')
     page.getRowData('personalDetails', 'disabilities', 'Value').should('contain.text', 'Dyslexia, Arthritis')
     page.getRowData('personalDetails', 'adjustments', 'Value').should('contain.text', 'Hand Rails, Special Furniture')
+    page.getCardHeader('sentence2').should('contain.text', 'ORA Community Order')
     page
       .getRowData('sentence2', 'mainOffence', 'Value')
       .should(
@@ -35,12 +36,13 @@ context('Overview', () => {
         '(Having possession a picklock or other implement with intent to break into any premises - 18502)',
       )
     page.getRowData('sentence2', 'order', 'Value').should('contain.text', 'ORA Community Order')
-    page.getRowData('sentence2', 'requirements', 'Value').should('contain.text', '10 days RAR, 9 completed')
+    page.getRowData('sentence2', 'requirements', 'Value').should('contain.text', '9 of 10 RAR days completed')
+    page.getCardHeader('sentence3').should('contain.text', '12 month Community order')
     page
       .getRowData('sentence3', 'mainOffence', 'Value')
       .should('contain.text', 'Breach of Restraining Order (Protection from Harassment Act 1997) - 00831')
     page.getRowData('sentence3', 'order', 'Value').should('contain.text', '12 month Community order')
-    page.getRowData('sentence3', 'requirements', 'Value').should('contain.text', '16 days RAR, 14 completed')
+    page.getRowData('sentence3', 'requirements', 'Value').should('contain.text', '14 of 16 RAR days completed')
     page
       .getRowData('activityAndCompliance', 'previousOrders', 'Value')
       .should('contain.text', '1 previous orders (No breaches on previous orders)')
diff --git a/integration_tests/e2e/requirement-note.cy.ts b/integration_tests/e2e/requirement-note.cy.ts
new file mode 100644
index 00000000..d9e51eaf
--- /dev/null
+++ b/integration_tests/e2e/requirement-note.cy.ts
@@ -0,0 +1,38 @@
+import Page from '../pages/page'
+import SentencePage from '../pages/sentence'
+
+context('Sentence', () => {
+  it('Requirement note page is rendered', () => {
+    cy.visit('/case/X000001/sentence/requirement/1/note/0')
+    const page = Page.verifyOnPage(SentencePage)
+    page.headerCrn().should('contain.text', 'X000001')
+    page.headerName().should('contain.text', 'Caroline Wolff')
+    cy.get('[data-qa=pageHeading]').eq(0).should('contain.text', 'Sentence')
+
+    cy.get(`[class=app-summary-card__header]`).within(() =>
+      cy.get('h2').should('contain.text', '1 of 12 RAR days completed'),
+    )
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').should('have.length', 6))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').should('have.length', 6))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(0).should('contain.text', 'Length of RAR'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(0).should('contain.text', '12 days'))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(1).should('contain.text', 'Completed RAR'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(1).should('contain.text', '1 day'))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(2).should('contain.text', 'Start date'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(2).should('contain.text', '12 April 2024'))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(3).should('contain.text', 'Note added by'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(3).should('contain.text', 'Jon Jones'))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(4).should('contain.text', 'Date added'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(4).should('contain.text', '21 August 2024'))
+
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dt').eq(5).should('contain.text', 'Note'))
+    cy.get(`[class=app-summary-card__body]`).within(() => cy.get('dd').eq(5).should('contain.text', '123456'))
+  })
+})
diff --git a/integration_tests/e2e/sentence.cy.ts b/integration_tests/e2e/sentence.cy.ts
index 6f285ad6..164c7e29 100644
--- a/integration_tests/e2e/sentence.cy.ts
+++ b/integration_tests/e2e/sentence.cy.ts
@@ -7,7 +7,6 @@ context('Sentence', () => {
     const page = Page.verifyOnPage(SentencePage)
     page.headerCrn().should('contain.text', 'X000001')
     page.headerName().should('contain.text', 'Caroline Wolff')
-    cy.get('[data-qa=pageHeading]').eq(0).should('contain.text', 'Sentence')
 
     page.getTab('overview').should('contain.text', 'Overview')
     page.getTab('personalDetails').should('contain.text', 'Personal details')
@@ -193,4 +192,55 @@ context('Sentence', () => {
     cy.get('[data-qa="convictionCard"]').should('not.exist')
     cy.get('[data-qa="offenceCard"]').should('not.exist')
   })
+
+  it('Sentence page is rendered with requirements', () => {
+    cy.visit('/case/X000001/sentence?number=1')
+    const page = Page.verifyOnPage(SentencePage)
+
+    cy.get(`[data-qa="sentenceCard"]`).within(() => cy.get('dt').eq(5).should('contain.text', 'Requirements'))
+    cy.get(`[data-qa="requirementsValue"]`).within(() =>
+      cy.get('details').eq(0).should('contain.text', '1 of 12 RAR days completed'),
+    )
+    cy.get(`[data-qa="requirementsValue"]`).within(() =>
+      cy.get('details').eq(1).should('contain.text', 'Curfew (Electronic Monitored)'),
+    )
+    cy.get(`[data-qa="requirementsValue"]`).within(() =>
+      cy.get('details').eq(2).should('contain.text', 'Unpaid Work - Regular'),
+    )
+    cy.get(`[data-qa="requirementsValue"] `).within(() => cy.get('details').eq(1).click())
+    page.getRequirementLabel(2, 1).should('contain.text', 'Length')
+    page.getRequirementValue(2, 1).should('contain.text', '10 hours')
+    page.getRequirementLabel(2, 2).should('contain.text', 'Start date')
+    page.getRequirementValue(2, 2).should('contain.text', '12 January 2024')
+    page.getRequirementLabel(2, 3).should('contain.text', 'End date')
+    page.getRequirementValue(2, 3).should('contain.text', '9 January 2024')
+    page.getRequirementLabel(2, 4).should('contain.text', 'Result')
+    page.getRequirementValue(2, 4).should('contain.text', 'Expired (Normal)')
+    page.getRequirementLabel(2, 5).should('contain.text', 'Notes')
+    page.getRequirementValue(2, 5).should('contain.text', 'curfew notes')
+    page
+      .getRequirementValue(2, 5)
+      .find('p:nth-of-type(2)')
+      .should('contain.text', 'Comment added by Jon Jones on 21 August 2024')
+    page.getRequirementValue(2, 5).find('a').should('not.exist')
+
+    cy.get(`[data-qa="requirementsValue"] `).within(() => cy.get('details').eq(0).click())
+    page.getRequirementLabel(1, 1).should('contain.text', 'Length of RAR')
+    page.getRequirementValue(1, 1).should('contain.text', '12 days')
+    page.getRequirementLabel(1, 2).should('contain.text', 'Completed RAR')
+    page.getRequirementValue(1, 2).should('contain.text', '1 day')
+    page.getRequirementLabel(1, 3).should('contain.text', 'Start date')
+    page.getRequirementValue(1, 3).should('contain.text', '12 April 2024')
+    page.getRequirementLabel(1, 4).should('contain.text', 'Notes')
+    page.getRequirementValue(1, 4).should('contain.text', 'Requirement created automatically')
+    page.getRequirementValue(1, 4).should('not.contain.text', '123456')
+    page.getRequirementValue(1, 4).find('a').should('contain.text', 'View full note')
+    page
+      .getRequirementValue(1, 4)
+      .find('p:nth-of-type(2)')
+      .should('contain.text', 'Comment added by Jon Jones on 21 August 2024')
+    page.getRequirementValue(1, 4).find('a').click()
+    cy.get(`[data-qa="name"]`).should('contain.text', 'Caroline Wolff')
+    cy.get('.app-summary-card__header').should('contain.text', '1 of 12 RAR days completed')
+  })
 })
diff --git a/integration_tests/pages/page.ts b/integration_tests/pages/page.ts
index e225849a..5cb17e13 100644
--- a/integration_tests/pages/page.ts
+++ b/integration_tests/pages/page.ts
@@ -10,7 +10,7 @@ export default abstract class Page {
   }
 
   checkOnPage(): void {
-    cy.get('h1').contains(this.title)
+    cy.get('[data-qa=pageHeading]').contains(this.title)
   }
 
   signOut = (): PageElement => cy.get('[data-qa=signOut]')
diff --git a/integration_tests/pages/sentence.ts b/integration_tests/pages/sentence.ts
index 81f3b062..de3cd09c 100644
--- a/integration_tests/pages/sentence.ts
+++ b/integration_tests/pages/sentence.ts
@@ -8,4 +8,14 @@ export default class SentencePage extends Page {
   activeSideNavItem = (): PageElement => cy.get('.moj-side-navigation__item--active a')
 
   noActiveSentence = (): PageElement => cy.get('[data-qa="no-active-sentence"]')
+  
+  getRequirementLabel = (requirementIndex: number, index: number): PageElement =>
+    cy.get(
+      `[data-qa="requirementsValue"] details:nth-of-type(${requirementIndex}) .govuk-summary-list__row:nth-of-type(${index}) dt`,
+    )
+
+  getRequirementValue = (requirementIndex: number, index: number): PageElement =>
+    cy.get(
+      `[data-qa="requirementsValue"] details:nth-of-type(${requirementIndex}) .govuk-summary-list__row:nth-of-type(${index}) dd`,
+    )
 }
diff --git a/server/data/masApiClient.ts b/server/data/masApiClient.ts
index 23c87b82..f4af8840 100644
--- a/server/data/masApiClient.ts
+++ b/server/data/masApiClient.ts
@@ -21,6 +21,7 @@ import { ProfessionalContact } from './model/professionalContact'
 import { CaseAccess, UserAccess } from './model/caseAccess'
 import { LicenceConditionNoteDetails } from './model/licenceConditionNoteDetails'
 import { AppointmentRequestBody } from '../@types'
+import { RequirementNoteDetails } from './model/requirementNoteDetails'
 
 export default class MasApiClient extends RestClient {
   constructor(token: string) {
@@ -64,6 +65,17 @@ export default class MasApiClient extends RestClient {
     })
   }
 
+  async getSentenceRequirementNote(
+    crn: string,
+    requirementId: string,
+    noteId: string,
+  ): Promise<RequirementNoteDetails | null> {
+    return this.get({
+      path: `/sentence/${crn}/requirement/${requirementId}/note/${noteId}`,
+      handle404: false,
+    })
+  }
+
   async getContacts(crn: string): Promise<ProfessionalContact | null> {
     return this.get({ path: `/sentence/${crn}/contacts`, handle404: false })
   }
diff --git a/server/data/model/requirementNoteDetails.ts b/server/data/model/requirementNoteDetails.ts
new file mode 100644
index 00000000..1585e8af
--- /dev/null
+++ b/server/data/model/requirementNoteDetails.ts
@@ -0,0 +1,32 @@
+import { PersonSummary } from './common'
+
+export interface RequirementNoteDetails {
+  personSummary: PersonSummary
+  requirement: Requirement
+}
+
+export interface Requirement {
+  code: string
+  expectedStartDate?: string
+  actualStartDate: string
+  expectedEndDate?: string
+  actualEndDate?: string
+  terminationReason?: string
+  description: string
+  length: number
+  lengthUnitValue: string
+  requirementNote: RequirementNote
+  rar?: {
+    completed: number
+    scheduled: number
+    totalDays: number
+  }
+}
+
+export interface RequirementNote {
+  id: string
+  createdBy: string
+  createdByDate: string
+  note: string
+  hasNotesBeenTruncated: boolean
+}
diff --git a/server/data/model/sentenceDetails.ts b/server/data/model/sentenceDetails.ts
index 1e8fd820..e227ab7e 100644
--- a/server/data/model/sentenceDetails.ts
+++ b/server/data/model/sentenceDetails.ts
@@ -53,8 +53,16 @@ export interface Order {
   startDate: string
 }
 
+export interface RequirementNote {
+  id: number
+  createdBy: string
+  createdByDate: string
+  note: string
+  hasNoteBeenTruncated: boolean
+}
+
 export interface Requirement {
-  id?: number
+  id: number
   code: string
   expectedStartDate: string
   actualStartDate: string
@@ -64,6 +72,7 @@ export interface Requirement {
   description: string
   codeDescription: string
   length: string
+  requirementNotes: RequirementNote[]
   notes: string
   rar: Rar
 }
diff --git a/server/routes/sentence.ts b/server/routes/sentence.ts
index 553d1065..4d47cf0c 100644
--- a/server/routes/sentence.ts
+++ b/server/routes/sentence.ts
@@ -174,4 +174,31 @@ export default function sentenceRoutes(router: Router, { hmppsAuthClient }: Serv
       crn,
     })
   })
+
+  get('/case/:crn/sentence/requirement/:requirementId/note/:noteId', async (req, res, _next) => {
+    const { crn, requirementId, noteId } = req.params
+    const token = await hmppsAuthClient.getSystemClientToken(res.locals.user.username)
+
+    await auditService.sendAuditMessage({
+      action: 'VIEW_MAS_SENTENCE_REQUIREMENT_NOTE',
+      who: res.locals.user.username,
+      subjectId: crn,
+      subjectType: 'CRN',
+      correlationId: v4(),
+      service: 'hmpps-manage-a-supervision-ui',
+    })
+
+    const masClient = new MasApiClient(token)
+    const tierClient = new TierApiClient(token)
+
+    const [requirementNoteDetails, tierCalculation] = await Promise.all([
+      masClient.getSentenceRequirementNote(crn, requirementId, noteId),
+      tierClient.getCalculationDetails(crn),
+    ])
+    res.render('pages/requirement-note', {
+      requirementNoteDetails,
+      tierCalculation,
+      crn,
+    })
+  })
 }
diff --git a/server/views/pages/address-book-professional.njk b/server/views/pages/address-book-professional.njk
index 1e829dd7..cab7c6f9 100755
--- a/server/views/pages/address-book-professional.njk
+++ b/server/views/pages/address-book-professional.njk
@@ -27,7 +27,7 @@
 {% endblock %}
 
 {% block content %}
-    <h1 class="govuk-heading-xl">{{ title }}</h1>
+    <h1 class="govuk-heading-xl" data-qa="pageHeading">{{ title }}</h1>
 
     <div class="govuk-grid-row">
       <div class="govuk-grid-column-two-thirds">
diff --git a/server/views/pages/appointments/appointment.njk b/server/views/pages/appointments/appointment.njk
index 48f6e28f..00e01d1a 100644
--- a/server/views/pages/appointments/appointment.njk
+++ b/server/views/pages/appointments/appointment.njk
@@ -33,7 +33,7 @@
 {% block content %}
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6">
+    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6" data-qa="pageHeading">
       <span class="govuk-caption-xl" data-qa="appointmentType">
       {% include './_appointment-prefix.njk' %}</span>
       <span data-qa="appointmentTitle">{{ title }}</span>
diff --git a/server/views/pages/caseload/caseload.njk b/server/views/pages/caseload/caseload.njk
index 56bc3432..ef5d6738 100644
--- a/server/views/pages/caseload/caseload.njk
+++ b/server/views/pages/caseload/caseload.njk
@@ -10,7 +10,7 @@
 {% endif %}
  <div class="govuk-grid-row">
     <div class="govuk-grid-column-full">
-      <h1 class="govuk-heading-xl">
+      <h1 class="govuk-heading-xl" data-qa="pageHeading">
         {{ title }}
       </h1>
         {% include "./caseload-nav.njk" %}
diff --git a/server/views/pages/compliance/_compliance-current-order.njk b/server/views/pages/compliance/_compliance-current-order.njk
index 44fb0e79..b1641b67 100644
--- a/server/views/pages/compliance/_compliance-current-order.njk
+++ b/server/views/pages/compliance/_compliance-current-order.njk
@@ -17,7 +17,7 @@
     {% if sentence.rar and sentence.rarCategory %}
         {% set queryParams = '?requirement=' + sentence.rarCategory | toSlug %}
         {% set requirements %}
-            {{ sentence.rar.totalDays }} days RAR, {{ sentence.rar.completed }} completed
+            {{ sentence.rar.completed }} of {{ sentence.rar.totalDays }} RAR days completed
         {% endset %}
     {% else %}
         {% set requirements = false %}
diff --git a/server/views/pages/handoff/delius.njk b/server/views/pages/handoff/delius.njk
index 5d0f0fe1..f01b63a6 100644
--- a/server/views/pages/handoff/delius.njk
+++ b/server/views/pages/handoff/delius.njk
@@ -24,7 +24,7 @@
 
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">{{title}}</h1>
+    <h1 class="govuk-heading-xl" data-qa="pageHeading">{{title}}</h1>
 
     <p>You’ll need to use National Delius to:</p>
     <ul class="govuk-list govuk-list--bullet">
diff --git a/server/views/pages/handoff/oasys.njk b/server/views/pages/handoff/oasys.njk
index e9322941..52cd4561 100644
--- a/server/views/pages/handoff/oasys.njk
+++ b/server/views/pages/handoff/oasys.njk
@@ -24,7 +24,7 @@
 
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">{{title}}</h1>
+    <h1 class="govuk-heading-xl" data-qa="pageHeading">{{title}}</h1>
 
     <p>You’ll need to use OASys to:</p>
     <ul class="govuk-list govuk-list--bullet">
diff --git a/server/views/pages/index.njk b/server/views/pages/index.njk
index e9ca10af..52161dc0 100644
--- a/server/views/pages/index.njk
+++ b/server/views/pages/index.njk
@@ -4,7 +4,7 @@
 {% set mainClasses = "app-container govuk-body" %}
 
 {% block content %}
-    <h1 class="govuk-heading-l">Manage a Supervision</h1>
+    <h1 class="govuk-heading-l" data-qa="pageHeading">Manage a Supervision</h1>
     <div class="govuk-grid-column-two-thirds">
         <p>Not all cases are suitable for the Manage supervisions pilot. This service is only suitable for cases that have:</p>
         <ul class="govuk-list govuk-list--bullet">
diff --git a/server/views/pages/overview.njk b/server/views/pages/overview.njk
index cff24256..a2c0659c 100644
--- a/server/views/pages/overview.njk
+++ b/server/views/pages/overview.njk
@@ -286,7 +286,7 @@
             {% endset %}
             {% set requirements %}
                 {% if sentence.rar %}
-                    {{ sentence.rar.totalDays }} days RAR, {{ sentence.rar.completed }} completed
+                {{ sentence.rar.completed }} of {{ sentence.rar.totalDays }} RAR days completed
                 {% endif %}
             {% endset %}
             {% set mainOffence %}
@@ -322,7 +322,7 @@
         {% endset %}
 
         {{ appSummaryCard({
-            titleText: 'Sentence (' + sentence.eventNumber + ')',
+            titleText: sentence.order.description,
             classes: 'govuk-!-margin-bottom-6 app-summary-card--large-title',
             attributes: {'data-qa': 'sentence' + sentence.eventNumber + 'Card'},
             html: sentenceHtml,
diff --git a/server/views/pages/personal-details/addresses.njk b/server/views/pages/personal-details/addresses.njk
index 61b716d6..904eaaf0 100644
--- a/server/views/pages/personal-details/addresses.njk
+++ b/server/views/pages/personal-details/addresses.njk
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-<h1 class="govuk-heading-xl">{{ title }}</h1>
+<h1 class="govuk-heading-xl" data-qa="pageHeading">{{ title }}</h1>
 
 
 <!-- {{ govukWarningText({
diff --git a/server/views/pages/personal-details/adjustments.njk b/server/views/pages/personal-details/adjustments.njk
index 267b220c..e534d7f5 100644
--- a/server/views/pages/personal-details/adjustments.njk
+++ b/server/views/pages/personal-details/adjustments.njk
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-<h1 class="govuk-heading-xl">{{title}}</h1>
+<h1 class="govuk-heading-xl" data-qa="pageHeading">{{title}}</h1>
 
 {% for adjustment in adjustments.provisions %}
   {% set adjustmentsHtml %}
diff --git a/server/views/pages/personal-details/circumstances.njk b/server/views/pages/personal-details/circumstances.njk
index acecf97d..06544929 100644
--- a/server/views/pages/personal-details/circumstances.njk
+++ b/server/views/pages/personal-details/circumstances.njk
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-<h1 class="govuk-heading-xl">{{title}}</h1>
+<h1 class="govuk-heading-xl" data-qa="pageHeading">{{title}}</h1>
 
 {% for circumstance in circumstances.circumstances %}
   {% set circumstanceHtml %}
diff --git a/server/views/pages/personal-details/contact.njk b/server/views/pages/personal-details/contact.njk
index b0a6d8a8..b782edc9 100644
--- a/server/views/pages/personal-details/contact.njk
+++ b/server/views/pages/personal-details/contact.njk
@@ -27,7 +27,7 @@
 {% block content %}
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl">
+    <h1 class="govuk-heading-xl" data-qa="pageHeading">
       <span data-qa="contactRelationshipTypeHeaderValue" class="govuk-caption-xl">{{ personalContact.relationshipType }}</span>
       <span data-qa="contactNameHeaderValue">{{ title }}</span>
     </h1>
diff --git a/server/views/pages/requirement-note.njk b/server/views/pages/requirement-note.njk
new file mode 100644
index 00000000..a38ba00f
--- /dev/null
+++ b/server/views/pages/requirement-note.njk
@@ -0,0 +1,91 @@
+{% extends "../partials/case.njk" %}
+{% set pageTitle = applicationName + " - Sentence Details" %}
+{% set currentNavSection = 'sentence' %}
+{% set currentSectionName = 'Sentence' %}
+{% set headerPersonName = requirementNoteDetails.personSummary.name.forename + ' ' + requirementNoteDetails.personSummary.name.surname %}
+{% set headerCRN = crn %}
+{% set headerDob = requirementNoteDetails.personSummary.dateOfBirth  %}
+{% set headerGender = requirementNoteDetails.personSummary.gender  %}
+
+{% block beforeContent %}
+    {{ govukBreadcrumbs({
+      items: [
+        {
+          text: "My cases",
+          href: "/case"
+        },
+        {
+          text: headerPersonName,
+          href: "/case/" + crn
+        },
+        {
+          text: currentSectionName,
+          href: "/case/" + crn + "/sentence"
+        }
+      ]
+    }) }}
+{% endblock %}
+
+{% block pageContent %}
+    {% set requirementNote %}
+        {{ govukSummaryList({
+        rows: [
+          {
+            key: { text: 'Length of RAR' },
+            value: { text:  requirementNoteDetails.requirement.rar.totalDays + " days" }
+          }  if requirementNoteDetails.requirement.rar.totalDays and requirementNoteDetails.requirement.code == 'F',
+          {
+            key: { text: 'Length' },
+            value: { text:  requirementNoteDetails.requirement.length + " " + requirementNoteDetails.requirement.lengthUnitValue | lower }
+          } if requirementNoteDetails.requirement.length and requirementNoteDetails.requirement.code !== 'F',
+          {
+            key: { text: 'Completed RAR'},
+            value: { text:  requirementNoteDetails.requirement.rar.completed + " day" if requirementNoteDetails.requirement.rar.completed == 1 else requirementNoteDetails.requirement.rar.completed + " days" }
+          }  if requirementNoteDetails.requirement.rar.completed and requirementNoteDetails.requirement.code == 'F',
+           {
+            key: { text: 'Expected start date' },
+            value: { text: requirementNoteDetails.requirement.expectedStartDate | dateWithYear }
+          } if requirementNoteDetails.requirement.expectedStartDate and not requirementNoteDetails.requirement.actualStartDate,
+          {
+            key: { text: 'Start date' },
+            value: { text: requirementNoteDetails.requirement.actualStartDate | dateWithYear }
+          } if requirementNoteDetails.requirement.actualStartDate,
+          {
+            key: { text: 'Expected end date' },
+            value: { text: requirementNoteDetails.requirement.expectedEndDate | dateWithYear }
+         } if requirementNoteDetails.requirement.expectedEndDate and not requirementNoteDetails.requirement.actualEndDate,
+          {
+            key: { text: 'End date' },
+            value: { text: requirementNoteDetails.requirement.actualEndDate | dateWithYear }
+          } if requirementNoteDetails.requirement.actualEndDate,
+           {
+            key: { text: 'Result' },
+            value: { text:  requirementNoteDetails.requirement.terminationReason }
+          } if requirementNoteDetails.requirement.terminationReason,
+          {
+            key: { text: 'Note added by'},
+            value: { text: requirementNoteDetails.requirement.requirementNote.createdBy }
+          } if requirementNoteDetails.requirement.requirementNote.createdBy,
+          {
+            key: { text: 'Date added'},
+            value: { text:  requirementNoteDetails.requirement.requirementNote.createdByDate | dateWithYear  }
+          } if requirementNoteDetails.requirement.requirementNote.createdByDate,
+          {
+            key: { text: 'Note'},
+            value: { html: '<p class="govuk-body line-break">' + requirementNoteDetails.requirement.requirementNote.note + '<\p>' }
+          } if requirementNoteDetails.requirement.requirementNote.note
+        ]
+      }) }}
+    {% endset %}
+
+    {% if requirementNoteDetails.requirement %}
+    {% set description = requirementNoteDetails.requirement.rar.completed + " of " + requirementNoteDetails.requirement.rar.totalDays + " RAR days completed" if requirementNoteDetails.requirement.code == 'F' else requirementNoteDetails.requirement.description %}
+        {{ appSummaryCard({
+          titleText: description,
+          attributes: {'data-qa': 'requirementNoteCard'},
+          classes: 'govuk-!-margin-bottom-6 app-summary-card--large-title',
+          html: requirementNote
+        }) }}
+    {% endif %}
+{% endblock %}
+
diff --git a/server/views/pages/risk/flag.njk b/server/views/pages/risk/flag.njk
index 448ea771..9bade4f6 100644
--- a/server/views/pages/risk/flag.njk
+++ b/server/views/pages/risk/flag.njk
@@ -34,7 +34,7 @@
 {% block content %}
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6">
+    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6" data-qa="pageHeading">
       <span class="govuk-caption-xl">{{ 'Removed risk flag' if removed else 'Risk flag' }}</span>
       {{ title }}
     </h1>
diff --git a/server/views/pages/risk/removed-risk-flags.njk b/server/views/pages/risk/removed-risk-flags.njk
index da68cfdb..fc8a64c0 100644
--- a/server/views/pages/risk/removed-risk-flags.njk
+++ b/server/views/pages/risk/removed-risk-flags.njk
@@ -27,7 +27,7 @@
 {% block content %}
 <div class="govuk-grid-row">
   <div class="govuk-grid-column-two-thirds">
-    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6">
+    <h1 class="govuk-heading-xl govuk-!-margin-bottom-6" data-qa="pageHeading">
       {{ title }}
     </h1>
   </div>
diff --git a/server/views/pages/sentence.njk b/server/views/pages/sentence.njk
index 5a439719..6821cf5d 100644
--- a/server/views/pages/sentence.njk
+++ b/server/views/pages/sentence.njk
@@ -192,16 +192,38 @@
             {% set hasRequirements = sentence.requirements and sentence.requirements.length > 0 %}
               {% set requirements %}
                   {% for requirement in sentence.requirements %}
+                  {% set reqSummary = requirement.rar.completed + " of " + requirement.rar.totalDays + " RAR days completed" if requirement.code == 'F' else requirement.description %}
+                   {% set reqNotes = '' %}
+                      {% for reqNote in requirement.requirementNotes %}
+                          {% set note %}
+                              {% if reqNote.hasNoteBeenTruncated === true  %}
+                                  <p class="govuk-body line-break">{{ reqNote.note }}...<a href="/case/{{ crn }}/sentence/requirement/{{ requirement.id }}/note/{{ reqNote.id }}">View full note</a>
+                                  </p>
+                              {% else %}
+                                  <p class="govuk-body line-break">{{ reqNote.note }} </p>
+                              {% endif %}
+                              {% if reqNote.createdBy %}
+                                  <p class="govuk-body-s secondary-text govuk-!-padding-bottom-2">Comment added by {{ reqNote.createdBy }} on {{ reqNote.createdByDate | dateWithYear }}</p>
+                              {% else %}
+                                  <p class="govuk-body-s secondary-text govuk-!-padding-bottom-2">Comment added by not entered</p>
+                              {% endif %}
+                          {% endset %}
+                          {% set reqNotes = reqNotes.concat(note) %}
+                      {% endfor %}
                       {% set requirementHtml %}
                           {{ govukSummaryList({
                               rows: [
                                   {
                                       key: { text: 'Length' },
-                                      value: { text: requirement.length + ' ' + requirement.lengthUnitValue}
-                                  } if requirement.length,
+                                      value: { text: requirement.length + ' ' + requirement.lengthUnitValue | lower }
+                                  } if requirement.length and requirement.code != 'F',
+                                  {
+                                      key: { text: 'Length of RAR' },
+                                      value: { text: requirement.rar.totalDays + ' day' if requirement.rar.totalDays == 1 else  requirement.length + ' days' }
+                                  } if requirement.length and requirement.code == 'F',
                                   {
-                                      key: { text: 'Progress' },
-                                      value: { text: requirement.rar.completed + ' days'}
+                                      key: { text: 'Completed RAR' },
+                                      value: { text: requirement.rar.completed + ' day' if requirement.rar.completed == 1 else requirement.rar.completed + ' days' }
                                   } if requirement.code == 'F',
                                   {
                                       key: { text: "Expected start date" },
@@ -220,19 +242,19 @@
                                       value: { text: requirement.actualEndDate | dateWithYear }
                                   } if requirement.actualEndDate,
                                   {
-                                      key: { text: "Termination reason" },
+                                      key: { text: "Result" },
                                       value: { text: requirement.terminationReason }
                                   } if requirement.terminationReason,
                                   {
                                       key: { text: 'Notes' },
-                                      value: { text: requirement.notes}
+                                      value: { html: reqNotes }
                                   }
                               ]
                           }) }}
                       {% endset %}
                       {{ govukDetails({
                           classes: 'govuk-!-margin-bottom-1',
-                          summaryText: requirement.description,
+                          summaryText: reqSummary,
                           html: requirementHtml
                       }) }}
                   {% endfor %}
diff --git a/server/views/pages/sentence/offences.njk b/server/views/pages/sentence/offences.njk
index b9d253b5..f29b7407 100644
--- a/server/views/pages/sentence/offences.njk
+++ b/server/views/pages/sentence/offences.njk
@@ -25,7 +25,7 @@
 {% endblock %}
 
 {% block content %}
-    <h1 class="govuk-heading-xl">{{ title }}</h1>
+    <h1 class="govuk-heading-xl" data-qa="pageHeading">{{ title }}</h1>
 
     {% set offence = offences.mainOffence %}
     {% set mainOffence = true %}
diff --git a/server/views/partials/case.njk b/server/views/partials/case.njk
index 2959825a..3a1863de 100644
--- a/server/views/partials/case.njk
+++ b/server/views/partials/case.njk
@@ -63,10 +63,10 @@
 {% include "../partials/case-nav.njk" %}
 {% if currentSectionName %}
     {% if lastUpdatedDate %}
-        <h1 class="govuk-heading-l govuk-!-margin-bottom-3" data-qa="pageHeading">{{ currentSectionName }}</h1>
+        <h2 class="govuk-heading-l govuk-!-margin-bottom-3" data-qa="pageHeading">{{ currentSectionName }}</h2>
         <div class="govuk-inset-text govuk-!-margin-top-0">{{ lastUpdatedDate }}</div>
     {% else %}
-        <h1 class="govuk-heading-l govuk-!-margin-bottom-7" data-qa="pageHeading">{{ currentSectionName }}</h1>
+        <h2 class="govuk-heading-l govuk-!-margin-bottom-7" data-qa="pageHeading">{{ currentSectionName }}</h2>
     {% endif %}
 {% endif %}
 
diff --git a/wiremock/mappings/X000001-requirement-note-0.json b/wiremock/mappings/X000001-requirement-note-0.json
new file mode 100644
index 00000000..28ac225c
--- /dev/null
+++ b/wiremock/mappings/X000001-requirement-note-0.json
@@ -0,0 +1,44 @@
+{
+  "mappings": [
+    {
+      "request": {
+        "urlPattern": "/mas/sentence/X000001/requirement/1/note/0",
+        "method": "GET"
+      },
+      "response": {
+        "status": 200,
+        "jsonBody": {
+          "personSummary": {
+            "name": {
+              "forename": "Caroline",
+              "surname": "Wolff"
+            },
+            "crn": "X000001",
+            "dateOfBirth": "1979-08-18"
+          },
+          "requirement": {
+            "code": "F",
+            "actualStartDate": "2024-04-12",
+            "description": "1 of 12 RAR days",
+            "length": 12,
+            "lengthUnitValue": "Days",
+            "requirementNote": {
+              "id": 0,
+              "createdBy": "Jon Jones",
+              "createdByDate": "2024-08-21",
+              "note": "Requirement created automatically from the Create and Vary a licence system of\nAllow person(s) as designated by your supervising officer to install an electronic monitoring tag on you and access to install any associated equipment in your property, and for the purpose of ensuring that equipment is functioning correctly. You must not damage or tamper with these devices and ensure that the tag is charged, and report to your supervising officer and the EM provider immediately if the tag or the associated equipment are not working correctly. This will be for the purpose of monitoring your alcohol abstinence licence condition(s) unless otherwise authorised by your supervising officer. Licence Condition created automatically from the Create and Vary a licence system of\nAllow person(s) as designated by your supervising officer to install an electronic monitoring tag on you and access to install any associated equipment in your property, and for the purpose of ensuring that equipment is functioning correctly. You must not damage or tamper with these devices and ensure that the tag is charged, and report to your supervising officer and the EM provider immediately if the tag or the associated equipment are not working correctly. This will be for the purpose of monitoring your alcohol abstinence licence condition(s) unless otherwise authorised by your supervising officer.Licence Condition created automatically from the Create and Vary a licence system of\nAllow person(s) as desi123456\n"
+            },
+            "rar": {
+              "completed": 1,
+              "scheduled": 11,
+              "totalDays": 12
+            }
+          }
+        },
+        "headers": {
+          "Content-Type": "application/json"
+        }
+      }
+    }
+  ]
+}
diff --git a/wiremock/mappings/X000001-sentence.json b/wiremock/mappings/X000001-sentence.json
index cba89fe0..e1fcd4ea 100644
--- a/wiremock/mappings/X000001-sentence.json
+++ b/wiremock/mappings/X000001-sentence.json
@@ -235,11 +235,21 @@
             },
             "requirements": [
               {
+                "id": 1,
                 "code": "F",
                 "actualStartDate": "2024-04-12",
-                "description": "12 days RAR, 1 completed",
+                "description": "1 of 12 RAR days",
                 "length": 12,
-                "notes": "my notes",
+                "lengthUnitValue": "Days",
+                "requirementNotes": [
+                  {
+                    "id": 0,
+                    "createdBy": "Jon Jones",
+                    "createdByDate": "2024-08-21",
+                    "note": "Requirement created automatically from the Create and Vary a licence system of\nAllow person(s) as designated by your supervising officer to install an electronic monitoring tag on you and access to install any associated equipment in your property, and for the purpose of ensuring that equipment is functioning correctly. You must not damage or tamper with these devices and ensure that the tag is charged, and report to your supervising officer and the EM provider immediately if the tag or the associated equipment are not working correctly. This will be for the purpose of monitoring your alcohol abstinence licence condition(s) unless otherwise authorised by your supervising officer. Licence Condition created automatically from the Create and Vary a licence system of\nAllow person(s) as designated by your supervising officer to install an electronic monitoring tag on you and access to install any associated equipment in your property, and for the purpose of ensuring that equipment is functioning correctly. You must not damage or tamper with these devices and ensure that the tag is charged, and report to your supervising officer and the EM provider immediately if the tag or the associated equipment are not working correctly. This will be for the purpose of monitoring your alcohol abstinence licence condition(s) unless otherwise authorised by your supervising officer.Licence Condition created automatically from the Create and Vary a licence system of\nAllow person(s) as desi\n",
+                    "hasNoteBeenTruncated": true
+                  }
+                ],
                 "rar": {
                   "completed": 1,
                   "scheduled": 11,
@@ -247,6 +257,7 @@
                 }
               },
               {
+                "id": 2,
                 "code": "RM49",
                 "expectedStartDate": "2024-01-07",
                 "actualStartDate": "2024-01-12",
@@ -256,15 +267,32 @@
                 "description": "Curfew (Electronic Monitored)",
                 "length": "10",
                 "lengthUnitValue": "Hours",
-                "notes": "curfew notes"
+                "requirementNotes": [
+                  {
+                    "id": 0,
+                    "createdBy": "Jon Jones",
+                    "createdByDate": "2024-08-21",
+                    "note": "curfew notes",
+                    "hasNoteBeenTruncated": false
+                  }
+                ]
               },
               {
+                "id": 3,
                 "code": "W",
                 "actualStartDate": "2015-05-22",
                 "description": "Unpaid Work - Regular",
                 "length": 100,
                 "lengthUnitValue": "Hours",
-                "notes": "unpaid work notes"
+                "requirementNotes": [
+                  {
+                    "id": 0,
+                    "createdBy": "Jon Jones",
+                    "createdByDate": "2024-08-21",
+                    "note": "unpaid work notes",
+                    "hasNoteBeenTruncated": false
+                  }
+                ]
               }
             ],
             "courtDocuments": [],