diff --git a/.nycrc b/.nycrc
index 9d1de5c109..2dccfb78f0 100644
--- a/.nycrc
+++ b/.nycrc
@@ -1,6 +1,6 @@
 {
   "all": true,
-  "branches": 95,
+  "branches": 90,
   "lines": 95,
   "check-coverage": true,
   "compact": false,
diff --git a/Gemfile b/Gemfile
index 267a4af108..2745929e8b 100644
--- a/Gemfile
+++ b/Gemfile
@@ -1,7 +1,7 @@
 source "https://rubygems.org"
 ruby "~> 3.2.0"
 
-gem "rails", "7.2.1"
+gem "rails", "7.2.1.1"
 
 gem "addressable"
 gem "bootsnap", require: false
diff --git a/Gemfile.lock b/Gemfile.lock
index 6e44a046d8..f48ce5677b 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -1,29 +1,29 @@
 GEM
   remote: https://rubygems.org/
   specs:
-    actioncable (7.2.1)
-      actionpack (= 7.2.1)
-      activesupport (= 7.2.1)
+    actioncable (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       nio4r (~> 2.0)
       websocket-driver (>= 0.6.1)
       zeitwerk (~> 2.6)
-    actionmailbox (7.2.1)
-      actionpack (= 7.2.1)
-      activejob (= 7.2.1)
-      activerecord (= 7.2.1)
-      activestorage (= 7.2.1)
-      activesupport (= 7.2.1)
+    actionmailbox (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      activejob (= 7.2.1.1)
+      activerecord (= 7.2.1.1)
+      activestorage (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       mail (>= 2.8.0)
-    actionmailer (7.2.1)
-      actionpack (= 7.2.1)
-      actionview (= 7.2.1)
-      activejob (= 7.2.1)
-      activesupport (= 7.2.1)
+    actionmailer (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      actionview (= 7.2.1.1)
+      activejob (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       mail (>= 2.8.0)
       rails-dom-testing (~> 2.2)
-    actionpack (7.2.1)
-      actionview (= 7.2.1)
-      activesupport (= 7.2.1)
+    actionpack (7.2.1.1)
+      actionview (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       nokogiri (>= 1.8.5)
       racc
       rack (>= 2.2.4, < 3.2)
@@ -32,35 +32,35 @@ GEM
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
       useragent (~> 0.16)
-    actiontext (7.2.1)
-      actionpack (= 7.2.1)
-      activerecord (= 7.2.1)
-      activestorage (= 7.2.1)
-      activesupport (= 7.2.1)
+    actiontext (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      activerecord (= 7.2.1.1)
+      activestorage (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       globalid (>= 0.6.0)
       nokogiri (>= 1.8.5)
-    actionview (7.2.1)
-      activesupport (= 7.2.1)
+    actionview (7.2.1.1)
+      activesupport (= 7.2.1.1)
       builder (~> 3.1)
       erubi (~> 1.11)
       rails-dom-testing (~> 2.2)
       rails-html-sanitizer (~> 1.6)
-    activejob (7.2.1)
-      activesupport (= 7.2.1)
+    activejob (7.2.1.1)
+      activesupport (= 7.2.1.1)
       globalid (>= 0.3.6)
-    activemodel (7.2.1)
-      activesupport (= 7.2.1)
-    activerecord (7.2.1)
-      activemodel (= 7.2.1)
-      activesupport (= 7.2.1)
+    activemodel (7.2.1.1)
+      activesupport (= 7.2.1.1)
+    activerecord (7.2.1.1)
+      activemodel (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       timeout (>= 0.4.0)
-    activestorage (7.2.1)
-      actionpack (= 7.2.1)
-      activejob (= 7.2.1)
-      activerecord (= 7.2.1)
-      activesupport (= 7.2.1)
+    activestorage (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      activejob (= 7.2.1.1)
+      activerecord (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       marcel (~> 1.0)
-    activesupport (7.2.1)
+    activesupport (7.2.1.1)
       base64
       bigdecimal
       concurrent-ruby (~> 1.0, >= 1.3.1)
@@ -98,6 +98,7 @@ GEM
       rack-test (>= 0.6.3)
       regexp_parser (>= 1.5, < 3.0)
       xpath (~> 3.2)
+    chartkick (5.1.1)
     climate_control (1.2.0)
     coderay (1.1.3)
     concurrent-ruby (1.3.4)
@@ -130,7 +131,7 @@ GEM
       i18n (>= 1.8.11, < 2)
     ffi (1.16.3)
     find_a_port (1.0.1)
-    gds-api-adapters (96.0.3)
+    gds-api-adapters (97.0.0)
       addressable
       link_header
       null_logger
@@ -160,7 +161,8 @@ GEM
     govuk_personalisation (1.0.0)
       plek (>= 1.9.0)
       rails (>= 6, < 8)
-    govuk_publishing_components (44.1.0)
+    govuk_publishing_components (44.4.1)
+      chartkick
       govuk_app_config
       govuk_personalisation (>= 0.7.0)
       kramdown
@@ -231,16 +233,17 @@ GEM
     marcel (1.0.4)
     matrix (0.4.2)
     method_source (1.0.0)
-    mime-types (3.5.2)
+    mime-types (3.6.0)
+      logger
       mime-types-data (~> 3.2015)
-    mime-types-data (3.2024.0903)
+    mime-types-data (3.2024.1001)
     mini_mime (1.1.5)
     mini_portile2 (2.8.7)
     minitest (5.25.1)
     msgpack (1.7.2)
     multi_xml (0.7.1)
       bigdecimal (~> 3.1)
-    net-imap (0.4.16)
+    net-imap (0.5.0)
       date
       net-protocol
     net-pop (0.1.2)
@@ -505,7 +508,7 @@ GEM
     puma (6.4.3)
       nio4r (~> 2.0)
     racc (1.8.1)
-    rack (3.1.7)
+    rack (3.1.8)
     rack-proxy (0.7.7)
       rack
     rack-session (2.0.0)
@@ -515,20 +518,20 @@ GEM
     rackup (2.1.0)
       rack (>= 3)
       webrick (~> 1.8)
-    rails (7.2.1)
-      actioncable (= 7.2.1)
-      actionmailbox (= 7.2.1)
-      actionmailer (= 7.2.1)
-      actionpack (= 7.2.1)
-      actiontext (= 7.2.1)
-      actionview (= 7.2.1)
-      activejob (= 7.2.1)
-      activemodel (= 7.2.1)
-      activerecord (= 7.2.1)
-      activestorage (= 7.2.1)
-      activesupport (= 7.2.1)
+    rails (7.2.1.1)
+      actioncable (= 7.2.1.1)
+      actionmailbox (= 7.2.1.1)
+      actionmailer (= 7.2.1.1)
+      actionpack (= 7.2.1.1)
+      actiontext (= 7.2.1.1)
+      actionview (= 7.2.1.1)
+      activejob (= 7.2.1.1)
+      activemodel (= 7.2.1.1)
+      activerecord (= 7.2.1.1)
+      activestorage (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       bundler (>= 1.15.0)
-      railties (= 7.2.1)
+      railties (= 7.2.1.1)
     rails-controller-testing (1.0.5)
       actionpack (>= 5.0.1.rc1)
       actionview (>= 5.0.1.rc1)
@@ -548,9 +551,9 @@ GEM
       csv (~> 3.2)
       i18n-tasks
       rails-i18n
-    railties (7.2.1)
-      actionpack (= 7.2.1)
-      activesupport (= 7.2.1)
+    railties (7.2.1.1)
+      actionpack (= 7.2.1.1)
+      activesupport (= 7.2.1.1)
       irb (~> 1.13)
       rackup (>= 1.0.0)
       rake (>= 12.2)
@@ -696,7 +699,7 @@ GEM
     websocket-extensions (0.1.5)
     xpath (3.2.0)
       nokogiri (~> 1.8)
-    zeitwerk (2.6.18)
+    zeitwerk (2.7.0)
 
 PLATFORMS
   ruby
@@ -726,7 +729,7 @@ DEPENDENCIES
   pact_broker-client
   plek
   pry-byebug
-  rails (= 7.2.1)
+  rails (= 7.2.1.1)
   rails-controller-testing
   rails-i18n
   rails_translation_manager
diff --git a/app/assets/images/landing_page/placeholder/chart.png b/app/assets/images/landing_page/placeholder/chart.png
new file mode 100644
index 0000000000..e476466fb9
Binary files /dev/null and b/app/assets/images/landing_page/placeholder/chart.png differ
diff --git a/app/assets/javascripts/modules/app-b-main-navigation.js b/app/assets/javascripts/modules/app-b-main-navigation.js
new file mode 100644
index 0000000000..647620d87d
--- /dev/null
+++ b/app/assets/javascripts/modules/app-b-main-navigation.js
@@ -0,0 +1,26 @@
+window.GOVUK = window.GOVUK || {}
+window.GOVUK.Modules = window.GOVUK.Modules || {};
+
+(function (Modules) {
+  'use strict'
+
+  function AppBMainNavigation (module) {
+    this.module = module
+    this.module.button = this.module.querySelector('button')
+    this.module.nav = this.module.querySelector('#app-b-main-nav__nav')
+    this.module.nav.classList.add('app-b-main-nav__nav--hidden')
+    this.module.button.classList.remove('js-app-b-main-nav__button')
+  }
+
+  AppBMainNavigation.prototype.init = function () {
+    this.module.button.addEventListener('click', this.toggleMenu.bind(this))
+  }
+
+  AppBMainNavigation.prototype.toggleMenu = function (e) {
+    var ariaExpanded = this.module.button.getAttribute('aria-expanded') === 'true'
+    this.module.nav.classList.toggle('app-b-main-nav__nav--hidden')
+    this.module.button.setAttribute('aria-expanded', `${!ariaExpanded}`)
+  }
+
+  Modules.AppBMainNavigation = AppBMainNavigation
+})(window.GOVUK.Modules)
diff --git a/app/assets/stylesheets/components/_subscribe.scss b/app/assets/stylesheets/components/_subscribe.scss
index c5c5ca84bf..480003a75f 100644
--- a/app/assets/stylesheets/components/_subscribe.scss
+++ b/app/assets/stylesheets/components/_subscribe.scss
@@ -7,12 +7,11 @@
 }
 
 .app-c-subscribe__link {
-  @include govuk-font($size: 19, $weight: bold);
-
   display: block;
   background: url("calendars/icon-calendar.png") no-repeat scroll 0 0;
   min-height: 2.5em;
   padding: 0 0 0 3em;
+  @include govuk-font($size: 19, $weight: bold);
 
   @include govuk-device-pixel-ratio {
     background-image: url("calendars/icon-calendar-2x.png");
diff --git a/app/assets/stylesheets/views/_cookie-settings.scss b/app/assets/stylesheets/views/_cookie-settings.scss
index dd8e28eeec..76dc1d600b 100644
--- a/app/assets/stylesheets/views/_cookie-settings.scss
+++ b/app/assets/stylesheets/views/_cookie-settings.scss
@@ -15,9 +15,9 @@
 }
 
 .cookie-settings__confirmation {
-  @include govuk-font(19);
   display: none;
   margin-top: govuk-spacing(3);
+  @include govuk-font(19);
 }
 
 .cookie-settings__gov-services {
diff --git a/app/assets/stylesheets/views/_homepage.scss b/app/assets/stylesheets/views/_homepage.scss
index a4912a046d..7c2da996a2 100644
--- a/app/assets/stylesheets/views/_homepage.scss
+++ b/app/assets/stylesheets/views/_homepage.scss
@@ -15,8 +15,8 @@
 }
 
 .homepage__ready-call-to-action {
-  @include govuk-font(19, $weight: bold);
   margin-bottom: 0;
+  @include govuk-font(19, $weight: bold);
 }
 
 .home-services {
@@ -24,29 +24,29 @@
 }
 
 .home-services__heading {
-  @include govuk-font(19, $weight: bold);
   margin: 0 0 govuk-spacing(1);
+  @include govuk-font(19, $weight: bold);
 }
 
 .home-services__para {
-  @include govuk-font(16);
   margin: 0 0 govuk-spacing(3);
   min-height: 40px;
+  @include govuk-font(16);
 }
 
 .home-info {
-  @include govuk-font(24);
   margin: govuk-spacing(2) 0 govuk-spacing(4);
+  @include govuk-font(24);
 }
 
 .home-more__title {
-  @include govuk-font(36, $weight: bold);
   margin: 0 0 govuk-spacing(4);
+  @include govuk-font(36, $weight: bold);
 }
 
 .home-more__subtitle {
-  @include govuk-font(24, $weight: bold);
   margin: 0 0 govuk-spacing(2);
+  @include govuk-font(24, $weight: bold);
 }
 
 .home-more__list {
@@ -184,6 +184,7 @@
 
 .homepage.global-bar-present .homepage-header {
   @include govuk-responsive-padding(7, "top");
+
   @media (min-width: 1281px) { // stylelint-disable-line media-feature-range-notation
     padding-top: govuk-spacing(8);
   }
diff --git a/app/assets/stylesheets/views/_landing_page.scss b/app/assets/stylesheets/views/_landing_page.scss
new file mode 100644
index 0000000000..3da2446f28
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page.scss
@@ -0,0 +1,24 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.landing-page-header {
+  // I've used the hex value for the background colour as it doesn't exist in the colour palette
+  background-color: #231F20;
+}
+
+.landing-page-header__blue-bar {
+  background-color: govuk-colour("blue");
+  height: govuk-spacing(2);
+}
+
+.landing-page-header__org {
+  padding-top: govuk-spacing(2);
+  padding-bottom: govuk-spacing(6);
+
+  // I've added this styling here rather than in the gem because it's application specific
+  // and it would introduce further work to make this variation work in the gem without
+  // affecting the other variants.
+  // TODO add this as a variant in the components gem.
+  .gem-c-organisation-logo__link:link:not(:hover) {
+    text-decoration: none;
+  }
+}
diff --git a/app/assets/stylesheets/views/_landing_page/card.scss b/app/assets/stylesheets/views/_landing_page/card.scss
new file mode 100644
index 0000000000..244e02c52d
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page/card.scss
@@ -0,0 +1,41 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.app-b-card {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  margin-bottom: govuk-spacing(6);
+  background-color: govuk-colour("dark-blue");
+  color: govuk-colour("white");
+}
+
+.app-b-card__textbox {
+  padding: govuk-spacing(6) govuk-spacing(7);
+  background-color: govuk-colour("dark-blue");
+  color: govuk-colour("white");
+}
+
+.app-b-card__figure {
+  border-style: solid;
+  border-width: 0 1px 1px;
+  border-color: govuk-colour("mid-grey");
+  margin: auto 0 0;
+  background-color: govuk-colour("white");
+}
+
+.app-b-card__image {
+  display: block;
+  width: 100%;
+  margin: 0;
+}
+
+@include govuk-media-query($media-type: print) {
+  .app-b-card {
+    background: none;
+    padding: 0;
+
+    * {
+      color: $govuk-print-text-colour !important; // stylelint-disable-line declaration-no-important
+    }
+  }
+}
diff --git a/app/assets/stylesheets/views/_landing_page/grid.scss b/app/assets/stylesheets/views/_landing_page/grid.scss
new file mode 100644
index 0000000000..9954c00957
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page/grid.scss
@@ -0,0 +1,9 @@
+@import "govuk_publishing_components/individual_component_support";
+
+@include govuk-media-query($from: desktop) {
+  .grid-container {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: govuk-spacing(6);
+  }
+}
\ No newline at end of file
diff --git a/app/assets/stylesheets/views/_landing_page/hero.scss b/app/assets/stylesheets/views/_landing_page/hero.scss
index 5c269877fc..a8c613131c 100644
--- a/app/assets/stylesheets/views/_landing_page/hero.scss
+++ b/app/assets/stylesheets/views/_landing_page/hero.scss
@@ -1,20 +1,26 @@
 @import "govuk_publishing_components/individual_component_support";
 
+$mobile-height: 427px;
+$tablet-height: 512px;
+$desktop-height: 610px;
+
 .app-b-hero {
   margin-bottom: govuk-spacing(6);
+  position: relative;
 }
 
 .app-b-hero__imagewrapper {
   display: flex;
   justify-content: center;
   overflow: hidden;
-  height: 610px;
+  min-height: $desktop-height;
 
   @include govuk-media-query($until: desktop) {
-    height: 512px;
+    min-height: $tablet-height;
   }
+
   @include govuk-media-query($until: tablet) {
-    height: 427px;
+    min-height: $mobile-height;
   }
 }
 
@@ -34,3 +40,47 @@
     margin-top: -(govuk-spacing(6));
   }
 }
+
+.app-b-hero--mid-page {
+  overflow: hidden;
+  min-height: $desktop-height;
+
+  @include govuk-media-query($until: desktop) {
+    display: flex;
+    flex-direction: column-reverse;
+    min-height: $tablet-height;
+  }
+
+  @include govuk-media-query($until: tablet) {
+    min-height: $mobile-height;
+  }
+
+  .app-b-hero__image {
+    position: absolute;
+    left: 50%;
+    transform: translate(-50%);
+  }
+
+  .app-b-hero__textbox-wrapper {
+    @include govuk-media-query($from: desktop) {
+      box-sizing: border-box;
+      align-items: center;
+      display: flex;
+      min-height: $desktop-height;
+      margin-top: -$desktop-height;
+      padding: govuk-spacing(6) 0;
+    }
+  }
+
+  .app-b-hero__textbox {
+    margin-top: 0;
+
+    @include govuk-media-query($until: desktop) {
+      margin-bottom: -(govuk-spacing(8));
+    }
+
+    @include govuk-media-query($until: tablet) {
+      margin-bottom: -(govuk-spacing(6));
+    }
+  }
+}
diff --git a/app/assets/stylesheets/views/_landing_page/main-navigation.scss b/app/assets/stylesheets/views/_landing_page/main-navigation.scss
new file mode 100644
index 0000000000..82209bf7cf
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page/main-navigation.scss
@@ -0,0 +1,162 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.app-b-main-nav {
+  padding-bottom: govuk-spacing(1);
+
+  @include govuk-media-query($from: "desktop") {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+  }
+}
+
+.app-b-main-nav__nav--hidden {
+  @include govuk-media-query($until: "desktop") {
+    display: none;
+  }
+}
+
+.app-b-main-nav__ul {
+  padding-left: 0;
+  padding-right: 0;
+  margin: 0;
+
+  .app-b-main-nav__listitem:last-of-type {
+    margin-right: 0;
+  }
+
+  @include govuk-media-query($until: "desktop") {
+    padding-top: 0;
+  }
+}
+
+.app-b-main-nav__button {
+  display: none;
+  background: none;
+  border: none;
+  padding: 0;
+  position: relative;
+  margin-top: govuk-spacing(3);
+  cursor: pointer;
+  color: govuk-colour("blue");
+  @include govuk-font(19, $weight: bold);
+
+  @include govuk-media-query($until: "desktop") {
+    display: block;
+
+    &.js-app-b-main-nav__button {
+      display: none;
+    }
+  }
+}
+
+.app-b-main-nav__icon::after {
+  position: absolute;
+  font-size: 15px;
+  top: 4px;
+  width: 20px;
+}
+
+.app-b-main-nav__button[aria-expanded="true"] .app-b-main-nav__icon::after {
+  content: "▲"
+}
+
+.app-b-main-nav__button[aria-expanded="false"] .app-b-main-nav__icon::after {
+  content: "▼"
+}
+
+.app-b-main-nav__heading-p {
+  display: inline-block;
+  margin-bottom: 0;
+  margin-right: govuk-spacing(9);
+}
+
+.app-b-main-nav__heading-link {
+  &:link,
+  &:visited {
+    color: govuk-colour("black");
+  }
+  @include govuk-media-query($until: "desktop") {
+    margin-bottom: 0;
+  }
+}
+
+.app-b-main-nav__childlist {
+  display: none;
+  @include govuk-media-query($until: "desktop") {
+    display: block;
+  }
+}
+
+.app-b-main-nav__listitem {
+  position: relative;
+  list-style: none;
+  display: inline-block;
+  margin-right: govuk-spacing(7);
+  margin-top: govuk-spacing(3);
+  margin-bottom: govuk-spacing(3);
+  @include govuk-font(19, $weight: normal);
+
+  @include govuk-media-query($until: "desktop") {
+    display: block;
+    margin-top: govuk-spacing(3);
+  }
+}
+
+.app-b-main-nav__link {
+  @include govuk-media-query($from: "desktop") {
+    padding-top: govuk-spacing(3);
+    padding-bottom: govuk-spacing(3);
+  }
+}
+
+.app-b-main-nav__link:hover {
+  text-decoration: none;
+}
+
+.app-b-main-nav__link--active,
+.app-b-main-nav__link:hover,
+.app-b-main-nav__link:focus  {
+  .app-b-main-nav__mobile-border {
+    position: absolute;
+    height: 100%;
+    width: 15px;
+
+    @include govuk-media-query($until: "desktop") {
+      border-left: 6px solid govuk-colour("blue");
+      left: -30px;
+    }
+
+    @include govuk-media-query($until: "tablet") {
+      left: -15px;
+    }
+  }
+}
+
+.app-b-main-nav__childlist .app-b-main-nav__link--active,
+.app-b-main-nav__childlist .app-b-main-nav__link:hover,
+.app-b-main-nav__childlist .app-b-main-nav__link:focus  {
+  .app-b-main-nav__mobile-border {
+    @include govuk-media-query($until: "desktop") {
+      left: -70px;
+    }
+    @include govuk-media-query($until: "tablet") {
+      left: -55px;
+    }
+  }
+}
+
+
+.app-b-main-nav__link--active,
+.app-b-main-nav__link:hover {
+  @include govuk-media-query($from: "desktop") {
+    border-bottom: 6px solid govuk-colour("blue");
+  }
+}
+
+.app-b-main-nav__link--active:hover,
+.app-b-main-nav__link:hover {
+  @include govuk-media-query($from: "desktop") {
+    border-color: govuk-colour("dark-blue");
+  }
+}
diff --git a/app/assets/stylesheets/views/_landing_page/quote.scss b/app/assets/stylesheets/views/_landing_page/quote.scss
new file mode 100644
index 0000000000..887be9e8c5
--- /dev/null
+++ b/app/assets/stylesheets/views/_landing_page/quote.scss
@@ -0,0 +1,27 @@
+@import "govuk_publishing_components/individual_component_support";
+
+.app-b-quote {
+  color: govuk-colour("white");
+}
+
+.app-b-quote__svg {
+  margin-bottom: govuk-spacing(4);
+}
+
+.app-b-quote__blockquote {
+  margin: 0;
+}
+
+.app-b-quote__text {
+  margin: 0 0 govuk-spacing(8);
+  @include govuk-font(19, $weight: "regular", $tabular: false, $line-height: false);
+
+  @include govuk-media-query($from: tablet) {
+    margin-bottom: 127px;
+  }
+}
+
+.app-b-quote__cite {
+  font-style: normal;
+  @include govuk-font(19, $weight: "regular", $tabular: false, $line-height: false);
+}
diff --git a/app/helpers/application_helper.rb b/app/helpers/application_helper.rb
index 028003b108..822a0f36c2 100644
--- a/app/helpers/application_helper.rb
+++ b/app/helpers/application_helper.rb
@@ -28,4 +28,14 @@ def wrapper_class(publication = nil)
   def current_path_without_query_string
     request.original_fullpath.split("?", 2).first
   end
+
+  def remove_breadcrumbs(content_item)
+    remove_breadcrumbs = false
+
+    if content_item.respond_to?(:is_a_landing_page?) && content_item.is_a_landing_page?
+      remove_breadcrumbs = true
+    end
+
+    remove_breadcrumbs
+  end
 end
diff --git a/app/helpers/block_helper.rb b/app/helpers/block_helper.rb
index 766a2786fb..7890debc6e 100644
--- a/app/helpers/block_helper.rb
+++ b/app/helpers/block_helper.rb
@@ -1,4 +1,11 @@
 module BlockHelper
+  def render_block(block)
+    render("landing_page/blocks/#{block.type}", block:)
+  rescue ActionView::MissingTemplate
+    Rails.logger.warn("Missing template for block #{block.type}")
+    ""
+  end
+
   def tab_items_to_component_format(tab_items)
     tab_items.map do |ti|
       {
diff --git a/app/helpers/contents_list_helper.rb b/app/helpers/contents_list_helper.rb
new file mode 100644
index 0000000000..06162f5e6b
--- /dev/null
+++ b/app/helpers/contents_list_helper.rb
@@ -0,0 +1,15 @@
+module ContentsListHelper
+  def contents_list(current_path, links)
+    links.map do |link|
+      content = {
+        href: link["href"],
+        text: link["text"],
+      }
+
+      content[:active] = true if current_path == link["href"]
+      content[:items] = contents_list(current_path, link["items"]) if link["items"].present?
+
+      content
+    end
+  end
+end
diff --git a/app/helpers/location_form_helper.rb b/app/helpers/location_form_helper.rb
index 2ff13776c8..ee8cef3304 100644
--- a/app/helpers/location_form_helper.rb
+++ b/app/helpers/location_form_helper.rb
@@ -1,7 +1,7 @@
 module LocationFormHelper
   def button_text(publication_format = nil)
     case publication_format
-    when "local_transaction"
+    when "local_transaction", "licence"
       I18n.t("formats.local_transaction.find_council")
     else
       I18n.t("find")
diff --git a/app/models/block/blocks_container.rb b/app/models/block/blocks_container.rb
new file mode 100644
index 0000000000..0e17ca86c3
--- /dev/null
+++ b/app/models/block/blocks_container.rb
@@ -0,0 +1,5 @@
+module Block
+  class BlocksContainer < Block::LayoutBase
+    alias_method :children, :blocks
+  end
+end
diff --git a/app/models/block/card.rb b/app/models/block/card.rb
new file mode 100644
index 0000000000..820a753ec3
--- /dev/null
+++ b/app/models/block/card.rb
@@ -0,0 +1,15 @@
+module Block
+  CardImage = Data.define(:alt, :source)
+
+  class Card < Block::Base
+    attr_reader :image, :card_content
+
+    def initialize(block_hash)
+      super(block_hash)
+
+      alt, source = data.fetch("image").values_at("alt", "source")
+      @image = CardImage.new(alt:, source:)
+      @card_content = BlockFactory.build_all(data.dig("card_content", "blocks"))
+    end
+  end
+end
diff --git a/app/models/block/grid_container.rb b/app/models/block/grid_container.rb
new file mode 100644
index 0000000000..043cb4ba9b
--- /dev/null
+++ b/app/models/block/grid_container.rb
@@ -0,0 +1,5 @@
+module Block
+  class GridContainer < Block::LayoutBase
+    alias_method :children, :blocks
+  end
+end
diff --git a/app/models/block/share_links.rb b/app/models/block/share_links.rb
new file mode 100644
index 0000000000..082babea8a
--- /dev/null
+++ b/app/models/block/share_links.rb
@@ -0,0 +1,11 @@
+module Block
+  class ShareLinks < Block::Base
+    attr_reader :links
+
+    def initialize(block_hash)
+      super(block_hash)
+
+      @links = data.fetch("links").map { |l| { href: l["href"], text: l["text"], icon: l["icon"] } }
+    end
+  end
+end
diff --git a/app/models/block/side_navigation.rb b/app/models/block/side_navigation.rb
new file mode 100644
index 0000000000..ba510c9e4f
--- /dev/null
+++ b/app/models/block/side_navigation.rb
@@ -0,0 +1,10 @@
+module Block
+  class SideNavigation < Block::Base
+    LINKS_FILE_PATH = "lib/data/landing_page_content_items/links/side_navigation.yaml".freeze
+
+    def links
+      file_path = Rails.root.join(LINKS_FILE_PATH)
+      YAML.load(File.read(file_path))
+    end
+  end
+end
diff --git a/app/models/content_item.rb b/app/models/content_item.rb
index e510e4fff6..aa0fd9aaec 100644
--- a/app/models/content_item.rb
+++ b/app/models/content_item.rb
@@ -1,5 +1,6 @@
 class ContentItem
-  attr_reader :content_store_response, :content_store_hash, :body, :image, :description, :document_type, :title, :base_path, :locale
+  attr_reader :content_store_response, :content_store_hash, :body, :image, :description,
+              :document_type, :schema, :title, :base_path, :locale
 
   # SCAFFOLDING: remove the override_content_store_hash parameter when full landing page
   # content items including block details are available from content-store
@@ -11,6 +12,7 @@ def initialize(content_store_response, override_content_store_hash: nil)
     @image = content_store_hash.dig("details", "image")
     @description = content_store_hash["description"]
     @document_type = content_store_hash["document_type"]
+    @schema = content_store_hash["schema"]
     @title = content_store_hash["title"]
     @base_path = content_store_hash["base_path"]
     @locale = content_store_hash["locale"]
@@ -18,4 +20,18 @@ def initialize(content_store_response, override_content_store_hash: nil)
 
   alias_method :to_h, :content_store_hash
   delegate :cache_control, to: :content_store_response
+
+  REGEX_IS_A = /is_an?_(.*)\?/
+
+  def respond_to_missing?(method_name, _include_private = false)
+    method_name.to_s =~ REGEX_IS_A ? true : super
+  end
+
+  def method_missing(method_name, *_args, &_block)
+    if method_name.to_s =~ REGEX_IS_A
+      schema == ::Regexp.last_match(1)
+    else
+      super
+    end
+  end
 end
diff --git a/app/views/landing_page/blocks/_action_link.html.erb b/app/views/landing_page/blocks/_action_link.html.erb
index 9722728eef..7d0fec7aae 100644
--- a/app/views/landing_page/blocks/_action_link.html.erb
+++ b/app/views/landing_page/blocks/_action_link.html.erb
@@ -1,11 +1,5 @@
-<%
-  # Note: using inverse rather than light_text to be consistent
-  # with other components such as govspeak
-  light_text = inverse || false
-%>
-
 <%= render "govuk_publishing_components/components/action_link", {
-  light_text:,
+  inverse: block.data["inverse"],
   text: block.data["text"],
   href: block.data["href"]
 } %>
diff --git a/app/views/landing_page/blocks/_blocks_container.html.erb b/app/views/landing_page/blocks/_blocks_container.html.erb
new file mode 100644
index 0000000000..3c5ea65df3
--- /dev/null
+++ b/app/views/landing_page/blocks/_blocks_container.html.erb
@@ -0,0 +1,5 @@
+<div class="blocks-container">
+  <% block.children.each do |child| %>
+    <%= render_block(child)  %>
+  <% end %>
+</div>
diff --git a/app/views/landing_page/blocks/_card.html.erb b/app/views/landing_page/blocks/_card.html.erb
new file mode 100644
index 0000000000..c6a3a9ede1
--- /dev/null
+++ b/app/views/landing_page/blocks/_card.html.erb
@@ -0,0 +1,16 @@
+<%
+  add_view_stylesheet("landing_page/card")
+
+  link_classes = %w(app-b-card__link govuk-link gem-print-link)
+%>
+
+<div class="app-b-card">
+  <div class="app-b-card__textbox">
+    <% block.card_content.each do |subblock| %>
+      <%= render_block(subblock)  %>
+    <% end %>
+  </div>
+  <figure class="app-b-card__figure">
+    <%= image_tag(block.image.source, alt: block.image.alt, class: "app-b-card__image") %>
+  </figure>
+</div>
diff --git a/app/views/landing_page/blocks/_featured.html.erb b/app/views/landing_page/blocks/_featured.html.erb
index 0c134dcce8..2226e31c0d 100644
--- a/app/views/landing_page/blocks/_featured.html.erb
+++ b/app/views/landing_page/blocks/_featured.html.erb
@@ -4,7 +4,7 @@
 <div class="featured">
   <div class="featured__child featured__child--content">
     <% block.featured_content.each do |subblock| %>
-      <%= render "landing_page/blocks/#{subblock.type}", block: subblock, inverse: true %>
+      <%= render_block(subblock) %>
     <% end %>
   </div>
   <div class="featured__child featured__child--image">
diff --git a/app/views/landing_page/blocks/_govspeak.html.erb b/app/views/landing_page/blocks/_govspeak.html.erb
index 35a3f44e52..ac1d87fdb9 100644
--- a/app/views/landing_page/blocks/_govspeak.html.erb
+++ b/app/views/landing_page/blocks/_govspeak.html.erb
@@ -1,5 +1,3 @@
-<% inverse ||= false %>
-
-<%= render "govuk_publishing_components/components/govspeak", { inverse: } do %>
+<%= render "govuk_publishing_components/components/govspeak", { inverse: block.data["inverse"] } do %>
   <%= block.data["content"].html_safe %>
 <% end %>
diff --git a/app/views/landing_page/blocks/_grid_container.html.erb b/app/views/landing_page/blocks/_grid_container.html.erb
new file mode 100644
index 0000000000..bf5c3af761
--- /dev/null
+++ b/app/views/landing_page/blocks/_grid_container.html.erb
@@ -0,0 +1,9 @@
+<%
+  add_view_stylesheet("landing_page/grid")
+%>
+
+<div class="grid-container">
+  <% block.children.each do |child| %>
+    <%= render_block(child) %>
+  <% end %>
+</div>
diff --git a/app/views/landing_page/blocks/_hero.html.erb b/app/views/landing_page/blocks/_hero.html.erb
index bf098cfbb9..e5ca1642d6 100644
--- a/app/views/landing_page/blocks/_hero.html.erb
+++ b/app/views/landing_page/blocks/_hero.html.erb
@@ -1,8 +1,15 @@
+
 <%
   add_view_stylesheet("landing_page/hero")
+
+  hero_classes = %w[app-b-hero]
+  hero_classes << "app-b-hero--mid-page" if block.data["theme"] == "middle_left"
+
+  grid_class = "govuk-grid-column-two-thirds-from-desktop"
+  grid_class = "govuk-grid-column-one-third-from-desktop"  if block.data["theme"] == "middle_left"
 %>
 
-<div class="app-b-hero">
+<%= content_tag("div", class: hero_classes) do %>
   <%= picture_tag(class: "app-b-hero__imagewrapper") do %>
     <%= tag.source srcset: "#{image_path(block.image.sources.desktop)}, #{image_path(block.image.sources.desktop_2x)} 2x", media: "(min-width: 769px)" %>
     <%= tag.source srcset: "#{image_path(block.image.sources.tablet)}, #{image_path(block.image.sources.tablet_2x)} 2x", media: "(min-width: 641px) and (max-width: 768px)" %>
@@ -10,16 +17,15 @@
     <%= image_tag(block.image.sources.desktop, alt: block.image.alt, class: "app-b-hero__image") %>
   <% end %>
 
-  <div class="govuk-width-container">
+  <div class="govuk-width-container app-b-hero__textbox-wrapper">
     <div class="govuk-grid-row">
-      <div class="govuk-grid-column-two-thirds">
-        <div class="app-b-hero__textbox">
+      <%= content_tag("div", class: grid_class) do %>
+        <%= content_tag("div", class: "app-b-hero__textbox") do %>
           <% block.hero_content.each do |subblock| %>
-            <%= render "landing_page/blocks/#{subblock.type}", block: subblock, inverse: true %>
+            <%= render_block(subblock) %>
           <% end %>
-        </div>
-      </div>
+        <% end %>
+      <% end %>
     </div>
   </div>
-
-</div>
+<% end %>
diff --git a/app/views/landing_page/blocks/_main_navigation.html.erb b/app/views/landing_page/blocks/_main_navigation.html.erb
new file mode 100644
index 0000000000..47838f1f09
--- /dev/null
+++ b/app/views/landing_page/blocks/_main_navigation.html.erb
@@ -0,0 +1,45 @@
+<%
+  add_view_stylesheet("landing_page/main-navigation")
+%>
+
+<div class="app-b-main-nav" data-module="app-b-main-navigation">
+  <p class="app-b-main-nav__heading-p govuk-heading-s"><%= link_to block.data["title"], block.data["title_link"], class: "govuk-link govuk-link--no-underline app-b-main-nav__heading-link" %></p>
+  <button class="app-b-main-nav__button js-app-b-main-nav__button govuk-link govuk-link--no-underline" aria-expanded="false" aria-controls="app-b-main-nav__nav" type="button">Menu<span class="app-b-main-nav__icon" aria-hidden="true"></span></button>
+
+  <nav id="app-b-main-nav__nav">
+    <ul class="app-b-main-nav__ul">
+      <% contents_list(request.path, block.data["links"]).each do |link| %>
+        <%
+          li_classes = "app-b-main-nav__listitem"
+          li_aria = { current: true } if link[:active]
+        %>
+        <%= tag.li(class: li_classes, aria: li_aria) do %>
+          <%
+            link_classes = "app-b-main-nav__link govuk-link govuk-link--no-underline"
+            link_classes << " app-b-main-nav__link--active" if link[:active]
+          %>
+          <%= tag.a(href: link[:href], class: link_classes) do %>
+            <span class="app-b-main-nav__mobile-border"></span>
+            <%= link[:text] %>
+          <% end %>
+          <% if link[:items] %>
+            <ul class="app-b-main-nav__childlist">
+              <% link[:items].each do |child_link| %>
+                <%
+                  child_link_classes = "app-b-main-nav__link govuk-link govuk-link--no-underline"
+                  child_link_classes << " app-b-main-nav__link--active" if child_link[:active]
+                %>
+                <li class="app-b-main-nav__listitem">
+                  <%= tag.a(href: child_link[:href], class: child_link_classes) do %>
+                    <span class="app-b-main-nav__mobile-border"></span>
+                    <%= child_link[:text] %>
+                  <% end %>
+                </li>
+              <% end %>
+            </ul>
+          <% end %>
+        <% end %>
+      <% end %>
+    </ul>
+  </nav>
+</div>
diff --git a/app/views/landing_page/blocks/_quote.html.erb b/app/views/landing_page/blocks/_quote.html.erb
new file mode 100644
index 0000000000..9e8f57f87b
--- /dev/null
+++ b/app/views/landing_page/blocks/_quote.html.erb
@@ -0,0 +1,15 @@
+<%
+  add_view_stylesheet("landing_page/quote")
+%>
+
+<div class="app-b-quote">
+  <svg focusable="false" class="app-b-quote__svg" width="31" height="21" viewBox="0 0 31 21" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
+    <path d="M23.8008 20.6531C22.6992 20.6531 21.7031 20.4421 20.8125 20.0203C19.9453 19.5984 19.1953 19.0242 18.5625 18.2976C17.9531 17.571 17.4727 16.7273 17.1211 15.7664C16.793 14.782 16.6289 13.7273 16.6289 12.6023C16.6289 11.3367 16.8164 10.0359 17.1914 8.69995C17.5898 7.34058 18.2461 6.08667 19.1602 4.93823C20.0977 3.76636 21.3164 2.75854 22.8164 1.91479C24.3398 1.07104 26.2266 0.520264 28.4766 0.262451L29.707 3.95386L28.7227 4.23511C27.5039 4.58667 26.4961 4.98511 25.6992 5.43042C24.9258 5.87573 24.3047 6.34448 23.8359 6.83667C23.3672 7.32886 23.0156 7.82104 22.7812 8.31323C22.5703 8.78198 22.4297 9.22729 22.3594 9.64917C22.6172 9.41479 22.9453 9.25073 23.3438 9.15698C23.7422 9.03979 24.1641 8.9812 24.6094 8.9812C25.3594 8.9812 26.0625 9.11011 26.7188 9.36792C27.3984 9.60229 27.9844 9.95386 28.4766 10.4226C28.9922 10.8914 29.4023 11.4773 29.707 12.1804C30.0117 12.8835 30.1641 13.6921 30.1641 14.6062C30.1641 15.45 29.9883 16.2468 29.6367 16.9968C29.3086 17.7234 28.8516 18.3562 28.2656 18.8953C27.6797 19.4343 27 19.8679 26.2266 20.196C25.4531 20.5007 24.6445 20.6531 23.8008 20.6531ZM7.17188 20.6531C6.07031 20.6531 5.07422 20.4421 4.18359 20.0203C3.31641 19.5984 2.56641 19.0242 1.93359 18.2976C1.32422 17.571 0.84375 16.7273 0.492188 15.7664C0.164062 14.782 0 13.7273 0 12.6023C0 11.3367 0.1875 10.0359 0.5625 8.69995C0.960938 7.34058 1.61719 6.08667 2.53125 4.93823C3.46875 3.76636 4.6875 2.75854 6.1875 1.91479C7.71094 1.07104 9.59766 0.520264 11.8477 0.262451L13.0781 3.95386L12.0938 4.23511C10.875 4.58667 9.86719 4.98511 9.07031 5.43042C8.29688 5.87573 7.67578 6.34448 7.20703 6.83667C6.73828 7.32886 6.38672 7.82104 6.15234 8.31323C5.94141 8.78198 5.80078 9.22729 5.73047 9.64917C5.98828 9.41479 6.31641 9.25073 6.71484 9.15698C7.11328 9.03979 7.53516 8.9812 7.98047 8.9812C8.73047 8.9812 9.43359 9.11011 10.0898 9.36792C10.7695 9.60229 11.3555 9.95386 11.8477 10.4226C12.3633 10.8914 12.7734 11.4773 13.0781 12.1804C13.3828 12.8835 13.5352 13.6921 13.5352 14.6062C13.5352 15.45 13.3594 16.2468 13.0078 16.9968C12.6797 17.7234 12.2227 18.3562 11.6367 18.8953C11.0508 19.4343 10.3711 19.8679 9.59766 20.196C8.82422 20.5007 8.01562 20.6531 7.17188 20.6531Z" fill="white"/>
+  </svg>
+
+  <blockquote class="app-b-quote__blockquote">
+    <p class="app-b-quote__text"><%= block.data["text"] %></p>
+
+    <cite class="app-b-quote__cite"><%= block.data["cite"] %></cite>
+  </blockquote>
+</div>
diff --git a/app/views/landing_page/blocks/_share_links.html.erb b/app/views/landing_page/blocks/_share_links.html.erb
new file mode 100644
index 0000000000..c9a65ca3a1
--- /dev/null
+++ b/app/views/landing_page/blocks/_share_links.html.erb
@@ -0,0 +1,12 @@
+<% if block.links.any? %>
+  <%= render "govuk_publishing_components/components/heading", {
+    text: "Share links heading",
+    padding: true
+  } %>
+
+  <%= render "govuk_publishing_components/components/share_links", {
+    square_icons: true,
+    columns: true,
+    links: block.links
+  } %>
+<% end %>
diff --git a/app/views/landing_page/blocks/_side_navigation.html.erb b/app/views/landing_page/blocks/_side_navigation.html.erb
new file mode 100644
index 0000000000..bf06b74d55
--- /dev/null
+++ b/app/views/landing_page/blocks/_side_navigation.html.erb
@@ -0,0 +1,5 @@
+<%= render "govuk_publishing_components/components/contents_list", {
+	alternative_line_style: block.data["alternative_line_style"],
+	title: block.data["title"],
+	contents: contents_list(request.path, block.links)
+} %>
\ No newline at end of file
diff --git a/app/views/landing_page/blocks/_two_column_layout.html.erb b/app/views/landing_page/blocks/_two_column_layout.html.erb
index cc8acf6c76..c0282f7b03 100644
--- a/app/views/landing_page/blocks/_two_column_layout.html.erb
+++ b/app/views/landing_page/blocks/_two_column_layout.html.erb
@@ -1,10 +1,10 @@
 <div class="govuk-grid-row">
   <div class="<%= column_class_for_assymetric_columns(block.total_columns, block.left_column_size) %>">
-    <%= render "landing_page/blocks/#{block.left.type}", block: block.left %>
+    <%= render_block(block.left) %>
   </div>
   <% if block.right.present? %>
     <div class="<%= column_class_for_assymetric_columns(block.total_columns, block.right_column_size) %>">
-      <%= render "landing_page/blocks/#{block.right.type}", block: block.right %>
+      <%= render_block(block.right) %>
     </div>
   <% end %>
 </div>
diff --git a/app/views/landing_page/show.html.erb b/app/views/landing_page/show.html.erb
index e7236375e5..f92d41987c 100644
--- a/app/views/landing_page/show.html.erb
+++ b/app/views/landing_page/show.html.erb
@@ -1,8 +1,32 @@
+<%
+  add_view_stylesheet("landing_page")
+%>
 
-<div class="landing-page">
+<div class="landing-page-header">
+  <div class="govuk-width-container">
+    <div class="landing-page-header__blue-bar">
+    </div>
+    
+    <%= render 'govuk_publishing_components/components/contextual_breadcrumbs', content_item: Hash.new, inverse: true %>
+
+    <div class="landing-page-header__org">
+      <%= render "govuk_publishing_components/components/organisation_logo", {
+        organisation: {
+          name: sanitize("Prime Minister's Office<br>10 Downing Street"),
+          url: "/government/organisations/prime-ministers-office-10-downing-street",
+          brand: "prime-ministers-office-10-downing-street",
+          crest: "eo",
+        },
+        inverse: true,
+      } %>
+    </div>
+  </div>
+</div>
+
+<div class="landing-page" id="content">
   <% @content_item.blocks.each do |block| %>
     <%= tag.div class: ["govuk-block__#{block.type}", ("govuk-width-container" unless block.full_width?)] do
-      render "landing_page/blocks/#{block.type}", block:
+      render_block(block)
     end %>
   <% end %>
   <% if @content_item.blocks.empty? %>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index a1fa282d02..bb0c3e2599 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -7,7 +7,7 @@
     <% if publication && publication.in_beta %>
       <%= render 'govuk_publishing_components/components/phase_banner', phase: "beta" %>
     <% end %>
-    <% unless current_page?(root_path) || !(publication || @calendar) %>
+    <% unless current_page?(root_path) || !(publication || @calendar) || remove_breadcrumbs(content_item) %>
       <%= render 'govuk_publishing_components/components/contextual_breadcrumbs', content_item: content_item_hash %>
     <% end %>
     <% if local_assigns %>
diff --git a/config/initializers/dartsass.rb b/config/initializers/dartsass.rb
index 319313ee33..5367664e14 100644
--- a/config/initializers/dartsass.rb
+++ b/config/initializers/dartsass.rb
@@ -13,8 +13,13 @@
   "views/_place-list.scss" => "views/_place-list.css",
   "views/_popular_links.scss" => "views/_popular_links.css",
   "views/_travel-advice.scss" => "views/_travel-advice.css",
+  "views/_landing_page.scss" => "views/_landing_page.css",
+  "views/_landing_page/card.scss" => "views/_landing_page/card.css",
   "views/_landing_page/hero.scss" => "views/_landing_page/hero.css",
   "views/_landing_page/featured.scss" => "views/_landing_page/featured.css",
+  "views/_landing_page/grid.scss" => "views/_landing_page/grid.css",
+  "views/_landing_page/main-navigation.scss" => "views/_landing_page/main-navigation.css",
+  "views/_landing_page/quote.scss" => "views/_landing_page/quote.css",
 }.freeze
 
 all_stylesheets = APP_STYLESHEETS.merge(GovukPublishingComponents::Config.all_stylesheets)
diff --git a/lib/data/landing_page_content_items/homepage.yaml b/lib/data/landing_page_content_items/homepage.yaml
new file mode 100644
index 0000000000..25a2496961
--- /dev/null
+++ b/lib/data/landing_page_content_items/homepage.yaml
@@ -0,0 +1,107 @@
+blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
+- type: hero
+  image:
+    alt: "Placeholder alt text"
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  hero_content:
+    blocks:
+      - type: govspeak
+        inverse: true
+        content: |
+          <h2>Rorem ipsum dolor sit</h2>
+          <p>Yorem ipsum dolor sit amet, consectetur 
+          adipiscing elit. Nunc vulputate libero et velit 
+          interdum, ac aliquet odio mattis class.</p>
+      - type: action_link
+        inverse: true
+        text: "Learn more about our goals"
+        href: "todo"
+- type: featured
+  image:
+    alt: example alt text
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  featured_content:
+    blocks:
+      - type: govspeak
+        inverse: true
+        content: |
+          <h2><a href="http://gov.uk">Lorem ipsum dolor sit</a></h2>
+          <p>Lorem ipsum dolor sit amet. In voluptas dolorum vel veniam nisi et voluptate dolores id voluptatem distinctio. Et quia accusantium At ducimus quis aut voluptates iusto aut esse suscipit.</p>
+- type: govspeak
+  content: |
+    <h2>Porem ipsum dolor</h2>
+    <p><a href="https://youtu.be/C770bSvGr_E?feature=shared" class="govuk-link">https://youtu.be/C770bSvGr_E?feature=shared</a></p>
+- type: govspeak
+  content: |
+    <h2>Dorem ipsum dolor sit</h2>
+- type: grid_container
+  blocks:
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Korem ipsum dolor sit</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Korem ipsum dolor sit</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Korem ipsum dolor sit</a></h2>
+- type: share_links
+  links:
+    - href: "/twitter-share-link"
+      text: "Twitter"
+      icon: "twitter"
+    - href: "/instagram-share-link"
+      text: "Instagram"
+      icon: "instagram"
+    - href: "/flickr-share-link"
+      text: "Flickr"
+      icon: "flickr"
+    - href: "/facebook-share-link"
+      text: "Facebook"
+      icon: "facebook"
+    - href: "/youtube-share-link"
+      text: "YouTube"
+      icon: "youtube"
diff --git a/lib/data/landing_page_content_items/landing_page.yaml b/lib/data/landing_page_content_items/landing_page.yaml
index ad62ccdb38..b53effbfa5 100644
--- a/lib/data/landing_page_content_items/landing_page.yaml
+++ b/lib/data/landing_page_content_items/landing_page.yaml
@@ -1,4 +1,17 @@
 blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
 - type: hero
   image:
     alt: "Placeholder alt text"
@@ -12,11 +25,13 @@ blocks:
   hero_content:
     blocks:
       - type: govspeak
+        inverse: true
         content: |
           <h2>This is a heading</h2>
           <p>Lorem ipsum...</p>
       - type: action_link
-        text: "See the missions"
+        inverse: true
+        text: "See the tasks"
         href: "todo"
 - type: featured
   image:
@@ -31,6 +46,7 @@ blocks:
   featured_content:
     blocks:
       - type: govspeak
+        inverse: true
         content: |
           <h2>Title of the content</h2>
           <p>Lorem ipsum dolor sit amet. In voluptas dolorum vel veniam nisi et voluptate dolores id voluptatem distinctio. Et quia accusantium At ducimus quis aut voluptates iusto aut esse suscipit.</p>
@@ -69,6 +85,22 @@ blocks:
     content: <p>Right content!</p>
 - type: govspeak
   content: <h2>Statistics</h2>
+- type: hero
+  theme: middle_left
+  image:
+    alt: "Placeholder alt text"
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  hero_content:
+    blocks:
+      - type: quote
+        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis class"
+        cite: "Lorem ipsum dolor sit, 28 September 2024"
 - type: columns_layout
   blocks:
   - type: big_number
@@ -80,4 +112,75 @@ blocks:
   - type: big_number
     number: £43
     label: Cost of a cup of coffee in Covent Garden
-
+- type: grid_container
+  blocks:
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Title 1 govspeak title goes here</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Title 2 govspeak title goes here</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Title 3 govspeak title</a></h2>
+- type: two_column_layout
+  theme: one_third_two_thirds
+  blocks:
+  - type: side_navigation
+    title: Alternate title
+    alternative_line_style: true
+  - type: blocks_container
+    blocks:
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Title 1 govspeak title goes here</a></h2>
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Title 2 govspeak title goes here</a></h2>
+- type: share_links
+  links:
+    - href: "/twitter-share-link"
+      text: "Twitter"
+      icon: "twitter"
+    - href: "/instagram-share-link"
+      text: "Instagram"
+      icon: "instagram"
+    - href: "/flickr-share-link"
+      text: "Flickr"
+      icon: "flickr"
+    - href: "/facebook-share-link"
+      text: "Facebook"
+      icon: "facebook"
+    - href: "/youtube-share-link"
+      text: "YouTube"
+      icon: "youtube"
diff --git a/lib/data/landing_page_content_items/links/side_navigation.yaml b/lib/data/landing_page_content_items/links/side_navigation.yaml
new file mode 100644
index 0000000000..2dc3915f72
--- /dev/null
+++ b/lib/data/landing_page_content_items/links/side_navigation.yaml
@@ -0,0 +1,4 @@
+- text: Landing Page
+  href: "/landing-page"
+- text: Sub Page 1
+  href: "/landing-page/sub-page-1"
diff --git a/lib/data/landing_page_content_items/sub_page_1.yaml b/lib/data/landing_page_content_items/sub_page_1.yaml
index 221e5ca96b..90bf76e23a 100644
--- a/lib/data/landing_page_content_items/sub_page_1.yaml
+++ b/lib/data/landing_page_content_items/sub_page_1.yaml
@@ -1,4 +1,17 @@
 blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
 - type: govspeak
   content: |
     <h2>Sub Page 1</h2>
diff --git a/lib/data/landing_page_content_items/task.yaml b/lib/data/landing_page_content_items/task.yaml
new file mode 100644
index 0000000000..8bdc99a5cb
--- /dev/null
+++ b/lib/data/landing_page_content_items/task.yaml
@@ -0,0 +1,123 @@
+blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
+- type: hero
+  image:
+    alt: "Placeholder alt text"
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  hero_content:
+    blocks:
+      - type: govspeak
+        inverse: true
+        content: |
+          <h2>Rorem ipsum dolor sit</h2>
+          <p>Yorem ipsum dolor sit amet, consectetur 
+          adipiscing elit. Nunc vulputate libero et velit 
+          interdum, ac aliquet odio mattis class.</p>
+      - type: action_link
+        inverse: true
+        text: "Learn more about our goals"
+        href: "todo"
+- type: two_column_layout
+  theme: one_third_two_thirds
+  blocks:
+  - type: side_navigation
+  - type: blocks_container
+    blocks:
+    - type: govspeak
+      content: |
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+    - type: statistics
+      title: "Chart to visually represent data"
+      x_axis_label: "X Axis"
+      y_axis_label: "Y Axis"
+      csv_file: "data_one.csv"
+      data_source_link_text: "Data source"
+      data_source_link: https://www.ons.gov.uk/economy/grossdomesticproductgdp/timeseries/ihyq/qna
+    - type: govspeak
+      content: |
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+- type: hero
+  mid_page: true
+  image:
+    alt: "Placeholder alt text"
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  hero_content:
+    blocks:
+      - type: quote
+        text: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vulputate libero et velit interdum, ac aliquet odio mattis class"
+        cite: "Lorem ipsum dolor sit, 28 September 2024"
+- type: two_column_layout
+  theme: one_third_two_thirds
+  blocks:
+  - type: govspeak
+    content: <br>
+  - type: blocks_container
+    blocks:
+    - type: govspeak
+      content: |
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+        <h2>Porem ipsum dolor</h2>
+        <p><a href="https://youtu.be/C770bSvGr_E?feature=shared" class="govuk-link">https://youtu.be/C770bSvGr_E?feature=shared</a></p>
+        <p>Korem ipsum dolor sit amet, consectetur adipiscing elit. Etiam eu turpis
+        molestie, dictum esta, mattis tellus. Sed dignissim, metus nec fringilla
+        accumsan, risus sem sollicitudin lacus, ut interdum tellus elit sed risus.
+        Maecenas eget.</p>
+#### Curated links go here ###
+- type: share_links
+  links:
+    - href: "/twitter-share-link"
+      text: "Twitter"
+      icon: "twitter"
+    - href: "/instagram-share-link"
+      text: "Instagram"
+      icon: "instagram"
+    - href: "/flickr-share-link"
+      text: "Flickr"
+      icon: "flickr"
+    - href: "/facebook-share-link"
+      text: "Facebook"
+      icon: "facebook"
+    - href: "/youtube-share-link"
+      text: "YouTube"
+      icon: "youtube"
diff --git a/lib/data/landing_page_content_items/tasks.yaml b/lib/data/landing_page_content_items/tasks.yaml
new file mode 100644
index 0000000000..d4cfb29756
--- /dev/null
+++ b/lib/data/landing_page_content_items/tasks.yaml
@@ -0,0 +1,105 @@
+blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
+- type: hero
+  image:
+    alt: "Placeholder alt text"
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  hero_content:
+    blocks:
+      - type: govspeak
+        inverse: true
+        content: |
+          <h2>Rorem ipsum dolor sit</h2>
+          <p>Yorem ipsum dolor sit amet, consectetur 
+          adipiscing elit. Nunc vulputate libero et velit 
+          interdum, ac aliquet odio mattis class.</p>
+      - type: action_link
+        inverse: true
+        text: "Learn more about our goals"
+        href: "todo"
+- type: two_column_layout
+  theme: one_third_two_thirds
+  blocks:
+  - type: side_navigation
+  - type: blocks_container
+    blocks:
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Rorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h2> 
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Rorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h2> 
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Rorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h2> 
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Rorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h2>  
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Rorem ipsum dolor sit amet, consectetur adipiscing elit.</a></h2>
+- type: share_links
+  links:
+    - href: "/twitter-share-link"
+      text: "Twitter"
+      icon: "twitter"
+    - href: "/instagram-share-link"
+      text: "Instagram"
+      icon: "instagram"
+    - href: "/flickr-share-link"
+      text: "Flickr"
+      icon: "flickr"
+    - href: "/facebook-share-link"
+      text: "Facebook"
+      icon: "facebook"
+    - href: "/youtube-share-link"
+      text: "YouTube"
+      icon: "youtube"
diff --git a/package.json b/package.json
index 90423558b1..14a8bb5865 100644
--- a/package.json
+++ b/package.json
@@ -42,10 +42,10 @@
   },
   "devDependencies": {
     "jasmine-browser-runner": "^2.5.0",
-    "jasmine-core": "^5.3.0",
+    "jasmine-core": "^5.4.0",
     "nyc": "^17.1.0",
     "standardx": "^7.0.0",
-    "stylelint": "^16.9.0",
+    "stylelint": "^16.10.0",
     "stylelint-config-gds": "^2.0.0"
   },
   "packageManager": "yarn@3.5.0"
diff --git a/spec/fixtures/landing_page.yaml b/spec/fixtures/landing_page.yaml
index fb248829e5..b34accb74b 100644
--- a/spec/fixtures/landing_page.yaml
+++ b/spec/fixtures/landing_page.yaml
@@ -1,23 +1,55 @@
 blocks:
+- type: main_navigation
+  links:
+  - text: Ipsums for Lorem
+    href: /ipsum
+  - text: Our Lorem
+    href: /landing-page/sub-page-1
+    children:
+      - text: Child 1
+        href: /a
+      - text: Child 2
+        href: /b
+  title: Service name
+  title_link: /landing-page
 - type: hero
   image:
-    alt: "todo alt text"
+    alt: "Placeholder alt text"
     sources:
-      desktop_2x: "landing_page/placeholder/desktop_2x.png"
       desktop: "landing_page/placeholder/desktop.png"
-      tablet_2x: "landing_page/placeholder/tablet_2x.png"
-      tablet: "landing_page/placeholder/tablet.png"
-      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
       mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
   hero_content:
     blocks:
       - type: govspeak
+        inverse: true
         content: |
           <h2>This is a heading</h2>
           <p>Lorem ipsum...</p>
       - type: action_link
+        inverse: true
         text: "See the missions"
         href: "todo"
+- type: featured
+  image:
+    alt: example alt text
+    sources:
+      desktop: "landing_page/placeholder/desktop.png"
+      desktop_2x: "landing_page/placeholder/desktop_2x.png"
+      mobile: "landing_page/placeholder/mobile.png"
+      mobile_2x: "landing_page/placeholder/mobile_2x.png"
+      tablet: "landing_page/placeholder/tablet.png"
+      tablet_2x: "landing_page/placeholder/tablet_2x.png"
+  featured_content:
+    blocks:
+      - type: govspeak
+        inverse: true
+        content: |
+          <h2>Title of the content</h2>
+          <p>Lorem ipsum dolor sit amet. In voluptas dolorum vel veniam nisi et voluptate dolores id voluptatem distinctio. Et quia accusantium At ducimus quis aut voluptates iusto aut esse suscipit.</p>
 - type: govspeak
   content: |
     <h2>Here's a heading</h2>
@@ -43,7 +75,7 @@ blocks:
   theme: two_thirds_one_third
   blocks:
   - type: govspeak
-    content: <p>Left content!</p>
+    content: <a href="https://www.youtube.com/watch?v=dQw4w9WgXcQ" class="govuk-link">https://www.youtube.com/watch?v=dQw4w9WgXcQ</a>
   - type: govspeak
     content: <p>Right content!</p>
 - type: govspeak
@@ -59,4 +91,58 @@ blocks:
   - type: big_number
     number: £43
     label: Cost of a cup of coffee in Covent Garden
-
+- type: grid_container
+  blocks:
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Title 1 govspeak title goes here</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true 
+          content: <h2><a href="http://gov.uk">Title 2 govspeak title goes here</a></h2>
+  - type: card
+    image:
+      alt: "Placeholder alt text"
+      source: "landing_page/placeholder/chart.png"
+    card_content:
+      blocks:
+        - type: govspeak
+          inverse: true
+          content: <h2><a href="http://gov.uk">Title 3 govspeak title</a></h2>
+- type: two_column_layout
+  theme: one_third_two_thirds
+  blocks:
+  - type: side_navigation
+    title: Alternate title
+    alternative_line_style: true
+  - type: blocks_container
+    blocks:
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Title 1 govspeak title goes here</a></h2>
+    - type: card
+      image:
+        alt: "Placeholder alt text"
+        source: "landing_page/placeholder/chart.png"
+      card_content:
+        blocks:
+          - type: govspeak
+            inverse: true
+            content: <h2><a href="http://gov.uk">Title 2 govspeak title goes here</a></h2>
diff --git a/spec/fixtures/landing_page/links/side_navigation.yaml b/spec/fixtures/landing_page/links/side_navigation.yaml
new file mode 100644
index 0000000000..6195bec55d
--- /dev/null
+++ b/spec/fixtures/landing_page/links/side_navigation.yaml
@@ -0,0 +1,4 @@
+- text: Landing Page
+  href: "/landing-page"
+- text: Sub Page 1
+  href: "/sub-page-1"
diff --git a/spec/helpers/application_helper_spec.rb b/spec/helpers/application_helper_spec.rb
index 35fcf6ccfd..7ff77f398f 100644
--- a/spec/helpers/application_helper_spec.rb
+++ b/spec/helpers/application_helper_spec.rb
@@ -48,4 +48,30 @@ def dummy_publication
       expect(current_path_without_query_string).to eq("/foo/bar")
     end
   end
+
+  describe "#remove_breadcrumbs" do
+    describe "when is_landing_page? is true" do
+      let(:content_item) { ContentItem.new({ "schema" => "landing_page" }) }
+
+      it "removes breadcrumbs" do
+        expect(remove_breadcrumbs(content_item)).to eq(true)
+      end
+    end
+
+    describe "when is_landing_page? is false" do
+      let(:content_item) { ContentItem.new({ "schema" => "a_different_page" }) }
+
+      it "does not remove breadcrumbs" do
+        expect(remove_breadcrumbs(content_item)).to eq(false)
+      end
+    end
+
+    describe "when is_landing_page? is undefined" do
+      let(:content_item) { ContentItem.new({}) }
+
+      it "does not remove breadcrumbs" do
+        expect(remove_breadcrumbs(content_item)).to eq(false)
+      end
+    end
+  end
 end
diff --git a/spec/helpers/block_helper_spec.rb b/spec/helpers/block_helper_spec.rb
index 4345b62c95..1efa2dec54 100644
--- a/spec/helpers/block_helper_spec.rb
+++ b/spec/helpers/block_helper_spec.rb
@@ -60,4 +60,11 @@
       end
     end
   end
+
+  describe "#render_block" do
+    it "returns an empty string when a partial template doesn't exist" do
+      block = double(type: "not_a_block")
+      expect(render_block(block)).to be_empty
+    end
+  end
 end
diff --git a/spec/helpers/contents_list_helper_spec.rb b/spec/helpers/contents_list_helper_spec.rb
new file mode 100644
index 0000000000..88c1339bc9
--- /dev/null
+++ b/spec/helpers/contents_list_helper_spec.rb
@@ -0,0 +1,131 @@
+RSpec.describe ContentsListHelper do
+  include ContentsListHelper
+
+  describe "#contents_list" do
+    let(:current_path) { "/active-page" }
+
+    it "returns a list of links" do
+      links = [{
+        "href" => "/landing-page",
+        "text" => "Landing page",
+      }]
+
+      expected = [{
+        href: "/landing-page",
+        text: "Landing page",
+      }]
+
+      expect(contents_list(current_path, links)).to eq(expected)
+    end
+
+    it "sets a link to active if it matches the current path" do
+      links = [{
+        "href" => "/active-page",
+        "text" => "Active page",
+      }]
+
+      expected = [{
+        href: "/active-page",
+        text: "Active page",
+        active: true,
+      }]
+
+      expect(contents_list(current_path, links)).to eq(expected)
+    end
+
+    context "when there are nested links" do
+      it "returns a list of nested links" do
+        links = [
+          {
+            "href" => "/landing-page",
+            "text" => "Landing page",
+          },
+          {
+            "href" => "/our-lorem",
+            "text" => "Our Lorem",
+            "items" => [
+              {
+                "href" => "/a",
+                "text" => "Child 1",
+              },
+              {
+                "href" => "/b",
+                "text" => "Child 2",
+              },
+            ],
+          },
+        ]
+
+        expected = [
+          {
+            href: "/landing-page",
+            text: "Landing page",
+          },
+          {
+            href: "/our-lorem",
+            text: "Our Lorem",
+            items: [
+              {
+                href: "/a",
+                text: "Child 1",
+              },
+              {
+                href: "/b",
+                text: "Child 2",
+              },
+            ],
+          },
+        ]
+
+        expect(contents_list(current_path, links)).to eq(expected)
+      end
+
+      it "sets nested link to active if it matches the current path" do
+        links = [
+          {
+            "href" => "/landing-page",
+            "text" => "Landing page",
+          },
+          {
+            "href" => "/our-lorem",
+            "text" => "Our Lorem",
+            "items" => [
+              {
+                "href" => "/a",
+                "text" => "Child 1",
+              },
+              {
+                "href" => "/active-page",
+                "text" => "Active page",
+              },
+            ],
+          },
+        ]
+
+        expected = [
+          {
+            href: "/landing-page",
+            text: "Landing page",
+          },
+          {
+            href: "/our-lorem",
+            text: "Our Lorem",
+            items: [
+              {
+                href: "/a",
+                text: "Child 1",
+              },
+              {
+                href: "/active-page",
+                text: "Active page",
+                active: true,
+              },
+            ],
+          },
+        ]
+
+        expect(contents_list(current_path, links)).to eq(expected)
+      end
+    end
+  end
+end
diff --git a/spec/javascripts/unit/modules/app-b-main-navigation.spec.js b/spec/javascripts/unit/modules/app-b-main-navigation.spec.js
new file mode 100644
index 0000000000..a49ee443aa
--- /dev/null
+++ b/spec/javascripts/unit/modules/app-b-main-navigation.spec.js
@@ -0,0 +1,75 @@
+describe('Main Navigation Block module', function () {
+  'use strict'
+
+  var el, module
+
+  beforeEach(function () {
+    var DOM =
+      `
+        <div data-module="app-b-main-navigation">
+          <h2 class="app-b-main-nav__heading govuk-heading-s">
+            <span class="govuk-visually-hidden">You are currently on </span>[Place Current Menu Selection Here]
+          </h2>
+          <button class="app-b-main-nav__button js-app-b-main-nav__button govuk-link" aria-expanded="false" aria-controls="app-b-main-nav__nav" type="button">
+            Menu </button>
+          <nav id="app-b-main-nav__nav">
+            <ul class="app-b-main-nav__ul ">
+              <li class="app-b-main-nav__listitem app-b-main-nav__listitem--active" data-aria-current="true"> Lorem for Ipsum </li>
+              <li class="app-b-main-nav__listitem">
+                <a href="/ipsum-2" class="govuk-link govuk-link--no-underline">Ipsums for Lorem</a>
+              </li>
+              <li class="app-b-main-nav__listitem">
+                <a href="/our-lorem" class="govuk-link govuk-link--no-underline">Our Lorem</a>
+                <ul class="app-b-main-nav__childlist">
+                  <li class="app-b-main-nav__listitem">
+                    <a href="/a" class="govuk-link govuk-link--no-underline">Child 1</a>
+                  </li>
+                </ul>
+              </li>
+            </ul>
+          </nav>
+        </div>
+      `
+    el = document.createElement('div')
+    el.innerHTML = DOM
+    document.body.appendChild(el)
+    module = new GOVUK.Modules.AppBMainNavigation(el)
+    module.init()
+  })
+
+  afterEach(function () {
+    document.body.removeChild(el)
+  })
+
+  it('adds a class to hide the nav when JS is enabled', function () {
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).not.toBe(null)
+  })
+
+  it('removes a class that was hiding the Menu button for non-JS users', function () {
+    expect(document.querySelector('.js-app-b-main-nav__button')).toBe(null)
+  })
+
+  it('toggles aria expanded on the button when it is clicked', function () {
+    var button = el.querySelector('button')
+    expect(button.getAttribute('aria-expanded')).toBe('false')
+    window.GOVUK.triggerEvent(button, 'click')
+    expect(button.getAttribute('aria-expanded')).toBe('true')
+  })
+
+  it('toggles the show/hide class when the button is clicked', function () {
+    var button = el.querySelector('button')
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).not.toBe(null)
+    window.GOVUK.triggerEvent(button, 'click')
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).toBe(null)
+    window.GOVUK.triggerEvent(button, 'click')
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).not.toBe(null)
+  })
+
+  it('toggles the show/hide class when the toggleMenu function is called', function () {
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).not.toBe(null)
+    module.toggleMenu()
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).toBe(null)
+    module.toggleMenu()
+    expect(document.querySelector('.app-b-main-nav__nav--hidden')).not.toBe(null)
+  })
+})
diff --git a/spec/models/block/card_spec.rb b/spec/models/block/card_spec.rb
new file mode 100644
index 0000000000..27a6cd8470
--- /dev/null
+++ b/spec/models/block/card_spec.rb
@@ -0,0 +1,32 @@
+RSpec.describe Block::Card do
+  let(:blocks_hash) do
+    { "type" => "card",
+      "image" => {
+        "alt" => "some alt text",
+        "source" => "landing_page/placeholder/chart.png",
+      },
+      "card_content" => {
+        "blocks" => [
+          { "type" => "govspeak", "content" => "<h2>Title</h2>" },
+          { "type" => "govspeak", "content" => "<p>Some content!</p>" },
+        ],
+      } }
+  end
+
+  describe "#image" do
+    it "returns the properties of the image" do
+      result = described_class.new(blocks_hash).image
+      expect(result.alt).to eq "some alt text"
+      expect(result.source).to eq "landing_page/placeholder/chart.png"
+    end
+  end
+
+  describe "#card_content" do
+    it "returns an array of instantiated blocks" do
+      result = described_class.new(blocks_hash).card_content
+      expect(result.size).to eq 2
+      expect(result.first.data).to eq("type" => "govspeak", "content" => "<h2>Title</h2>")
+      expect(result.second.data).to eq("type" => "govspeak", "content" => "<p>Some content!</p>")
+    end
+  end
+end
diff --git a/spec/models/block/side_navigation_spec.rb b/spec/models/block/side_navigation_spec.rb
new file mode 100644
index 0000000000..9a0ef10c91
--- /dev/null
+++ b/spec/models/block/side_navigation_spec.rb
@@ -0,0 +1,18 @@
+RSpec.describe Block::SideNavigation do
+  let(:block_hash) do
+    { "type" => "side_navigation" }
+  end
+
+  before do
+    stub_const("Block::SideNavigation::LINKS_FILE_PATH", "spec/fixtures/landing_page/links/side_navigation.yaml")
+  end
+
+  describe "#links" do
+    it "returns all of the side navigation links" do
+      links = described_class.new(block_hash).links
+      expect(links.count).to eq(2)
+      expect(links.first["text"]).to eq("Landing Page")
+      expect(links.first["href"]).to eq("/landing-page")
+    end
+  end
+end
diff --git a/spec/models/content_item_spec.rb b/spec/models/content_item_spec.rb
new file mode 100644
index 0000000000..c4d185ff1a
--- /dev/null
+++ b/spec/models/content_item_spec.rb
@@ -0,0 +1,27 @@
+RSpec.describe ContentItem do
+  describe "#is_a_xxxx?" do
+    let(:subject) { described_class.new({ "schema" => "landing_page" }) }
+
+    it "returns true when called with the schema of the object" do
+      expect(subject.is_a_landing_page?).to be true
+    end
+
+    it "returns false when called with a mismatching schema" do
+      expect(subject.is_a_place?).to be false
+    end
+
+    it "also handles is_an_xxxx?" do
+      expect(subject.is_an_organisation?).to be false
+    end
+
+    it "still passes other missing methods to parent" do
+      expect { subject.was_a_landing_page? }.to raise_error(NoMethodError)
+    end
+
+    it "responds to the various methods" do
+      expect(subject.respond_to?(:is_a_landing_page?)).to be true
+      expect(subject.respond_to?(:is_an_organisation?)).to be true
+      expect(subject.respond_to?(:was_a_landing_page?)).to be false
+    end
+  end
+end
diff --git a/spec/system/landing_page_spec.rb b/spec/system/landing_page_spec.rb
index 81154073b7..833e57b92f 100644
--- a/spec/system/landing_page_spec.rb
+++ b/spec/system/landing_page_spec.rb
@@ -41,5 +41,32 @@
       assert_selector ".govuk-block__hero picture"
       assert_selector ".govuk-block__hero .app-b-hero__textbox"
     end
+
+    it "renders a card" do
+      visit base_path
+
+      assert_selector ".landing-page .app-b-card"
+      assert_selector ".app-b-card .app-b-card__textbox"
+      assert_selector ".app-b-card .app-b-card__figure"
+      assert_selector ".app-b-card__figure .app-b-card__image"
+    end
+
+    it "renders a grid container" do
+      visit base_path
+
+      assert_selector ".landing-page .grid-container"
+    end
+
+    it "renders a blocks container" do
+      visit base_path
+
+      assert_selector ".landing-page .blocks-container"
+    end
+
+    it "renders main navigation" do
+      visit base_path
+
+      assert_selector ".app-b-main-nav .app-b-main-nav__heading-p"
+    end
   end
 end
diff --git a/spec/system/licence_transaction_spec.rb b/spec/system/licence_transaction_spec.rb
index 5dc1c8ecfe..50587125c8 100644
--- a/spec/system/licence_transaction_spec.rb
+++ b/spec/system/licence_transaction_spec.rb
@@ -122,7 +122,7 @@
           )
           visit "/find-licences/licence-to-kill"
           fill_in("postcode", with: "SW1A 1AA")
-          click_on("Find")
+          click_on("Find your local council")
         end
 
         it "redirects to the appropriate authority slug" do
@@ -283,7 +283,7 @@
           )
           visit "/find-licences/licence-to-kill"
           fill_in("postcode", with: "HP20 2QF")
-          click_on("Find")
+          click_on("Find your local council")
         end
 
         it "redirects to the appropriate authority slug" do
@@ -349,7 +349,7 @@
             )
             visit "/find-licences/licence-to-kill"
             fill_in("postcode", with: "DT11 0SF")
-            click_on("Find")
+            click_on("Find your local council")
           end
 
           it "redirects to the appropriate authority slug" do
@@ -421,7 +421,7 @@
           )
           visit "/find-licences/licence-to-kill"
           fill_in("postcode", with: "SW1A 1AA")
-          click_on("Find")
+          click_on("Find your local council")
         end
 
         it "shows details for the first licensing authority only" do
@@ -442,7 +442,7 @@
         stub_locations_api_does_not_have_a_bad_postcode("Not valid")
         visit "/find-licences/licence-to-kill"
         fill_in("postcode", with: "Not valid")
-        click_on("Find")
+        click_on("Find your local council")
       end
 
       it "prefixes 'Error' in the title element" do
@@ -477,7 +477,7 @@
         stub_locations_api_has_no_location("AB1 2AB")
         visit "/find-licences/licence-to-kill"
         fill_in("postcode", with: "AB1 2AB")
-        click_on("Find")
+        click_on("Find your local council")
       end
 
       it "prefixes 'Error' in the title element" do
@@ -503,7 +503,7 @@
         stub_local_links_manager_does_not_have_a_custodian_code(123)
         visit "/find-licences/licence-to-kill"
         fill_in("postcode", with: "XM4 5HQ")
-        click_on("Find")
+        click_on("Find your local council")
       end
 
       it "prefixes 'Error' in the title element" do
@@ -568,7 +568,7 @@
         stub_local_links_manager_has_a_local_authority("staffordshire", local_custodian_code: 1234, snac: "41")
         visit "/find-licences/licence-to-kill"
         fill_in("postcode", with: "ST10 4DB")
-        click_on("Find")
+        click_on("Find your local council")
       end
 
       it "includes the first licencing authority name only in the title element" do
@@ -586,7 +586,7 @@
         stub_licence_does_not_exist("1071-5-1/41UH")
         visit "/find-licences/licence-to-kill"
         fill_in("postcode", with: "ST10 4DB")
-        click_on("Find")
+        click_on("Find your local council")
       end
 
       it "includes contact your council text in the title element" do
@@ -615,7 +615,7 @@
           stub_local_links_manager_has_a_local_authority("Ceechester", local_custodian_code: 3)
           visit "/find-licences/licence-to-kill"
           fill_in("postcode", with: "CH25 9BJ")
-          click_on("Find")
+          click_on("Find your local council")
         end
 
         it "includes the select address text in the title element" do
@@ -660,7 +660,7 @@
           stub_local_links_manager_has_a_local_authority("Geechester", local_custodian_code: 7)
           visit "/find-licences/licence-to-kill"
           fill_in("postcode", with: "CH25 9BJ")
-          click_on("Find")
+          click_on("Find your local council")
         end
 
         it "includes the select address text in the title element" do
diff --git a/yarn.lock b/yarn.lock
index 74cc432e96..bfb1b27d38 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1000,20 +1000,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"css-functions-list@npm:^3.2.2":
-  version: 3.2.2
-  resolution: "css-functions-list@npm:3.2.2"
-  checksum: b8a564118b93b87b63236a57132a3ef581416896a70c1d0df73360a9ec43dc582f7c2a586b578feb8476179518e557c6657570a8b6185b16300c7232a84d43e3
+"css-functions-list@npm:^3.2.3":
+  version: 3.2.3
+  resolution: "css-functions-list@npm:3.2.3"
+  checksum: 25f12fb0ef1384b1cf45a6e7e0afd596a19bee90b90316d9e50f7820888f4a8f265be7a6a96b10a5c81e403bd7a5ff8010fa936144f84959d9d91c9350cda0d4
   languageName: node
   linkType: hard
 
-"css-tree@npm:^2.3.1":
-  version: 2.3.1
-  resolution: "css-tree@npm:2.3.1"
+"css-tree@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "css-tree@npm:3.0.0"
   dependencies:
-    mdn-data: 2.0.30
+    mdn-data: 2.10.0
     source-map-js: ^1.0.1
-  checksum: 493cc24b5c22b05ee5314b8a0d72d8a5869491c1458017ae5ed75aeb6c3596637dbe1b11dac2548974624adec9f7a1f3a6cf40593dc1f9185eb0e8279543fbc0
+  checksum: 9bb5c31c24d00e1acc4beaed6c817efa4fa4f7d53437dae77022c31a11a482b545651913a80c258132f69f1ec43220d8503381fea5cb112eea57611f8601da85
   languageName: node
   linkType: hard
 
@@ -1047,7 +1047,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"debug@npm:^4.1.0, debug@npm:^4.3.1, debug@npm:^4.3.6":
+"debug@npm:^4.1.0, debug@npm:^4.3.1":
   version: 4.3.6
   resolution: "debug@npm:4.3.6"
   dependencies:
@@ -1059,6 +1059,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"debug@npm:^4.3.7":
+  version: 4.3.7
+  resolution: "debug@npm:4.3.7"
+  dependencies:
+    ms: ^2.1.3
+  peerDependenciesMeta:
+    supports-color:
+      optional: true
+  checksum: 822d74e209cd910ef0802d261b150314bbcf36c582ccdbb3e70f0894823c17e49a50d3e66d96b633524263975ca16b6a833f3e3b7e030c157169a5fabac63160
+  languageName: node
+  linkType: hard
+
 "decamelize@npm:^1.2.0":
   version: 1.2.0
   resolution: "decamelize@npm:1.2.0"
@@ -1718,12 +1730,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"file-entry-cache@npm:^9.0.0":
-  version: 9.0.0
-  resolution: "file-entry-cache@npm:9.0.0"
+"file-entry-cache@npm:^9.1.0":
+  version: 9.1.0
+  resolution: "file-entry-cache@npm:9.1.0"
   dependencies:
     flat-cache: ^5.0.0
-  checksum: 850ab258497cfad2aff166319068101202d6969415227a425b9de9acdb152dc33506c7208906289a6dcb2a7f9390601f4b80ccf6353510c58710b75d5a02df6e
+  checksum: 9f2345505677fa83767c55aa3667c52b62c409bd6f2b5408999d635f1d8cc6ecab868f0a5fdfb2fadf64a0d2e92374c02ddd0c9eaea9651cfbcead56fd640099
   languageName: node
   linkType: hard
 
@@ -1890,10 +1902,10 @@ __metadata:
   resolution: "frontend@workspace:."
   dependencies:
     jasmine-browser-runner: ^2.5.0
-    jasmine-core: ^5.3.0
+    jasmine-core: ^5.4.0
     nyc: ^17.1.0
     standardx: ^7.0.0
-    stylelint: ^16.9.0
+    stylelint: ^16.10.0
     stylelint-config-gds: ^2.0.0
   languageName: unknown
   linkType: soft
@@ -2232,10 +2244,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ignore@npm:^5.3.2":
-  version: 5.3.2
-  resolution: "ignore@npm:5.3.2"
-  checksum: 2acfd32a573260ea522ea0bfeff880af426d68f6831f973129e2ba7363f422923cf53aab62f8369cbf4667c7b25b6f8a3761b34ecdb284ea18e87a5262a865be
+"ignore@npm:^6.0.2":
+  version: 6.0.2
+  resolution: "ignore@npm:6.0.2"
+  checksum: b5dfb811428a067d79c128144814d3d20f01ef21e19c2b2e5bc270895995ce352da9b0e1c46a33de7daaf214bf0cf59d3353c78cdf9e365aaea677db729c721e
   languageName: node
   linkType: hard
 
@@ -2571,10 +2583,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jasmine-core@npm:^5.3.0":
-  version: 5.3.0
-  resolution: "jasmine-core@npm:5.3.0"
-  checksum: 5dbb8c026b683d01872b793902b684ff9f8f097c94062666e13f466fa5a7b4a409670973868e5b9f5bbd47bf2e69bfbe037cc4c31f7cea0b78d45eb2a0b997fd
+"jasmine-core@npm:^5.4.0":
+  version: 5.4.0
+  resolution: "jasmine-core@npm:5.4.0"
+  checksum: 513bcae7b3659e46ea43f9187dd8a6b2a99db79af630e82e7918870b945ec1ba8aa4c53280be88ef2a516abe15181d53f19ede8b490196d4d81313359034840a
   languageName: node
   linkType: hard
 
@@ -2893,10 +2905,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"mdn-data@npm:2.0.30":
-  version: 2.0.30
-  resolution: "mdn-data@npm:2.0.30"
-  checksum: d6ac5ac7439a1607df44b22738ecf83f48e66a0874e4482d6424a61c52da5cde5750f1d1229b6f5fa1b80a492be89465390da685b11f97d62b8adcc6e88189aa
+"mdn-data@npm:2.10.0":
+  version: 2.10.0
+  resolution: "mdn-data@npm:2.10.0"
+  checksum: cd0f32c2db0ecdac02867793efac7386e03a13f1f9c089356f34f5f99076eab394ad901543a84bf3c351ed3e96efd92d12c432a057b8a17da35a89c78c0a358d
   languageName: node
   linkType: hard
 
@@ -3036,7 +3048,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ms@npm:2.1.3":
+"ms@npm:2.1.3, ms@npm:^2.1.3":
   version: 2.1.3
   resolution: "ms@npm:2.1.3"
   checksum: aa92de608021b242401676e35cfa5aa42dd70cbdc082b916da7fb925c542173e36bce97ea3e804923fe92c0ad991434e4a38327e15a1b5b5f945d66df615ae6d
@@ -3455,6 +3467,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"picocolors@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "picocolors@npm:1.1.0"
+  checksum: a64d653d3a188119ff45781dfcdaeedd7625583f45280aea33fcb032c7a0d3959f2368f9b192ad5e8aade75b74dbd954ffe3106c158509a45e4c18ab379a2acd
+  languageName: node
+  linkType: hard
+
 "picomatch@npm:^2.3.1":
   version: 2.3.1
   resolution: "picomatch@npm:2.3.1"
@@ -3525,12 +3544,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss-safe-parser@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "postcss-safe-parser@npm:7.0.0"
+"postcss-safe-parser@npm:^7.0.1":
+  version: 7.0.1
+  resolution: "postcss-safe-parser@npm:7.0.1"
   peerDependencies:
     postcss: ^8.4.31
-  checksum: dba4d782393e6f07339c24bdb8b41166e483d5e7b8f34174c35c64065aef36aadef94b53e0501d7a630d42f51bbd824671e8fb1c2b417333b08b71c9b0066c76
+  checksum: 285f30877f3ef5d43586432394ef4fcab904cd5bcfff5c26f586eb630fbee490abf2ac6d81e64fa212fb64d03630d12c2f3c5196f5637bec5ba3d043562ddf30
   languageName: node
   linkType: hard
 
@@ -3570,14 +3589,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"postcss@npm:^8.4.41":
-  version: 8.4.41
-  resolution: "postcss@npm:8.4.41"
+"postcss@npm:^8.4.47":
+  version: 8.4.47
+  resolution: "postcss@npm:8.4.47"
   dependencies:
     nanoid: ^3.3.7
-    picocolors: ^1.0.1
-    source-map-js: ^1.2.0
-  checksum: f865894929eb0f7fc2263811cc853c13b1c75103028b3f4f26df777e27b201f1abe21cb4aa4c2e901c80a04f6fb325ee22979688fe55a70e2ea82b0a517d3b6f
+    picocolors: ^1.1.0
+    source-map-js: ^1.2.1
+  checksum: f78440a9d8f97431dd2ab1ab8e1de64f12f3eff38a3d8d4a33919b96c381046a314658d2de213a5fa5eb296b656de76a3ec269fdea27f16d5ab465b916a0f52c
   languageName: node
   linkType: hard
 
@@ -4063,10 +4082,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map-js@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "source-map-js@npm:1.2.0"
-  checksum: 791a43306d9223792e84293b00458bf102a8946e7188f3db0e4e22d8d530b5f80a4ce468eb5ec0bf585443ad55ebbd630bf379c98db0b1f317fd902500217f97
+"source-map-js@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "source-map-js@npm:1.2.1"
+  checksum: 4eb0cd997cdf228bc253bcaff9340afeb706176e64868ecd20efbe6efea931465f43955612346d6b7318789e5265bdc419bc7669c1cebe3db0eb255f57efa76b
   languageName: node
   linkType: hard
 
@@ -4285,15 +4304,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"strip-ansi@npm:^7.1.0":
-  version: 7.1.0
-  resolution: "strip-ansi@npm:7.1.0"
-  dependencies:
-    ansi-regex: ^6.0.1
-  checksum: 859c73fcf27869c22a4e4d8c6acfe690064659e84bef9458aa6d13719d09ca88dcfd40cbf31fd0be63518ea1a643fe070b4827d353e09533a5b0b9fd4553d64d
-  languageName: node
-  linkType: hard
-
 "strip-bom@npm:^3.0.0":
   version: 3.0.0
   resolution: "strip-bom@npm:3.0.0"
@@ -4395,9 +4405,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stylelint@npm:^16.9.0":
-  version: 16.9.0
-  resolution: "stylelint@npm:16.9.0"
+"stylelint@npm:^16.10.0":
+  version: 16.10.0
+  resolution: "stylelint@npm:16.10.0"
   dependencies:
     "@csstools/css-parser-algorithms": ^3.0.1
     "@csstools/css-tokenizer": ^3.0.1
@@ -4407,17 +4417,17 @@ __metadata:
     balanced-match: ^2.0.0
     colord: ^2.9.3
     cosmiconfig: ^9.0.0
-    css-functions-list: ^3.2.2
-    css-tree: ^2.3.1
-    debug: ^4.3.6
+    css-functions-list: ^3.2.3
+    css-tree: ^3.0.0
+    debug: ^4.3.7
     fast-glob: ^3.3.2
     fastest-levenshtein: ^1.0.16
-    file-entry-cache: ^9.0.0
+    file-entry-cache: ^9.1.0
     global-modules: ^2.0.0
     globby: ^11.1.0
     globjoin: ^0.1.4
     html-tags: ^3.3.1
-    ignore: ^5.3.2
+    ignore: ^6.0.2
     imurmurhash: ^0.1.4
     is-plain-object: ^5.0.0
     known-css-properties: ^0.34.0
@@ -4426,21 +4436,20 @@ __metadata:
     micromatch: ^4.0.8
     normalize-path: ^3.0.0
     picocolors: ^1.0.1
-    postcss: ^8.4.41
+    postcss: ^8.4.47
     postcss-resolve-nested-selector: ^0.1.6
-    postcss-safe-parser: ^7.0.0
+    postcss-safe-parser: ^7.0.1
     postcss-selector-parser: ^6.1.2
     postcss-value-parser: ^4.2.0
     resolve-from: ^5.0.0
     string-width: ^4.2.3
-    strip-ansi: ^7.1.0
     supports-hyperlinks: ^3.1.0
     svg-tags: ^1.0.0
     table: ^6.8.2
     write-file-atomic: ^5.0.1
   bin:
     stylelint: bin/stylelint.mjs
-  checksum: c595eb76d75c9b44e710154c9df41476c96c606f2b232a52f527ffe935f0fd982302f233132107da14fd4c7de78b3d81fce7f9263f50704b8a8c176fc2b2a26e
+  checksum: a40702b60f541db05cc331f556cc27c08dfb5e29845327524f782c4d79f5d6bd1c93e28ddb1afbe6e40c5ce0ee8f118f6ec2580dae3985344e783c27126872e7
   languageName: node
   linkType: hard