From b42920387e0494a2c396c6be68f53741f7133f3b Mon Sep 17 00:00:00 2001
From: beeps <hi+github@berly.kim>
Date: Thu, 29 Aug 2024 16:57:35 +0100
Subject: [PATCH] =?UTF-8?q?Add=20=E2=80=98complex=20header=E2=80=99=20exam?=
 =?UTF-8?q?ple=20to=20review=20app?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/examples/complex-header/index.njk   | 66 +++++++++++++++++++
 1 file changed, 66 insertions(+)
 create mode 100644 packages/govuk-frontend-review/src/views/examples/complex-header/index.njk

diff --git a/packages/govuk-frontend-review/src/views/examples/complex-header/index.njk b/packages/govuk-frontend-review/src/views/examples/complex-header/index.njk
new file mode 100644
index 0000000000..143ae3ab6d
--- /dev/null
+++ b/packages/govuk-frontend-review/src/views/examples/complex-header/index.njk
@@ -0,0 +1,66 @@
+{% from "govuk/components/breadcrumbs/macro.njk" import govukBreadcrumbs %}
+{% from "govuk/components/header/macro.njk" import govukHeader %}
+{% from "govuk/components/service-navigation/macro.njk" import govukServiceNavigation %}
+{% from "govuk/components/phase-banner/macro.njk" import govukPhaseBanner %}
+{% from "govuk/components/footer/macro.njk" import govukFooter %}
+
+{% extends "layouts/examples.njk" %}
+
+{% block pageTitle %}Complex header - GOV.UK{% endblock %}
+
+{% block header %}
+  {{ govukHeader({
+    classes: "govuk-header--full-width-border"
+  }) }}
+  {{ govukServiceNavigation({
+    serviceName: "Find company information",
+    serviceUrl: "#0",
+    navigation: [
+      {
+        href: '#1',
+        text: 'Search the register'
+      },
+      {
+        href: '#2',
+        text: 'Your details'
+      },
+      {
+        href: '#3',
+        text: 'Your filings'
+      },
+      {
+        href: '#4',
+        text: 'Companies you follow',
+        current: true
+      }
+    ]
+  }) }}
+{% endblock %}
+
+{% block beforeContent %}
+  <!-- block:beforeContent -->
+  {{ govukPhaseBanner({
+    tag: {
+      text: "Alpha"
+    },
+    html: 'This is a new service. Help us improve it and <a class="govuk-link" href="#">give your feedback by email</a>.'
+  }) }}
+  {{ govukBreadcrumbs({
+    items: [
+      {
+        text: "Home",
+        href: "#0"
+      }
+    ]
+  }) }}
+  <!-- endblock:beforeContent -->
+{% endblock %}
+
+{% block content %}
+  <h1 class="govuk-heading-xl">Companies you follow</h1>
+  <p class="govuk-body">You are not following any companies.</p>
+{% endblock %}
+
+{% block footer %}
+  {{ govukFooter({}) }}
+{% endblock %}