Update @defra/docusaurus-theme-govuk and fix docs homepage

docs/assets/css/docusaurus.css

@@ -0,0 +1,51 @@
+.app-section {
+  padding: 40px 0;
+  background-color: #ffffff;
+}
+
+.app-section--features {
+  background-color: #f4f8fb;
+  border-bottom: 1px solid #8eb8dc;
+}
+
+.app-prose-scope .app-section--features p:not(.app-no-prose *) {
+  margin-bottom: 0;
+}
+
+.app-section--features .govuk-grid-column-one-third:not(:first-child) {
+  margin-top: 30px;
+}
+
+@media (min-width: 48.125em) {
+  .app-section--features .govuk-grid-column-one-third:not(:first-child) {
+    margin-top: 0;
+  }
+}
+
+.govuk-template--rebranded .govuk-header__link--homepage:not(:focus),
+.govuk-template--rebranded .govuk-header,
+.govuk-template--rebranded .govuk-service-navigation.govuk-service-navigation--inverse,
+.govuk-template--rebranded .app-masthead {
+  background-color: #008531 !important;
+}
+
+.govuk-template--rebranded .app-homepage .govuk-service-navigation--inverse .govuk-width-container {
+  border-color: #66B683 !important;
+}
+
+.govuk-template__body.app-homepage .govuk-template__body-inner {
+  background-color: #f4f8fb;
+}
+
+@media (min-width: 48.125em) {
+  .govuk-template--rebranded .app-masthead .govuk-grid-row {
+    display: flex;
+  }
+
+  .govuk-template--rebranded .app-masthead .govuk-grid-column-one-third-from-desktop {
+    background-image: url('../../../static/assets/images/form-input-screenshot.png');
+    background-repeat: no-repeat;
+    background-position: center bottom;
+    background-size: 220px;
+  }
+}

docs/index.mdx

@@ -0,0 +1,33 @@
+import Link from '@docusaurus/Link';
+
+<div className="app-section app-section--features">
+  <div className="govuk-width-container">
+    <div className="govuk-grid-row">
+      <div className="govuk-grid-column-one-third">
+        <h2>Configuration driven</h2>
+        <p>Define form journeys through JSON — pages, fields, validation, and conditional logic — without writing custom route handlers or view logic.</p>
+      </div>
+      <div className="govuk-grid-column-one-third">
+        <h2>Inclusive and accessible</h2>
+        <p>Built on GOV.UK Frontend, ensuring forms meet WCAG standards and work with assistive technologies out of the box for all users of public services.</p>
+      </div>
+      <div className="govuk-grid-column-one-third">
+        <h2>Open source and flexible</h2>
+        <p>Extensible architecture with hooks for custom services, components, and page views. Integrates with any Hapi.js application.</p>
+      </div>
+    </div>
+  </div>
+</div>
+<div className="app-section">
+  <div className="govuk-width-container">
+    <div className="govuk-grid-row">
+      <div className="govuk-grid-column-two-thirds">
+        <h2>Installation</h2>
+        <p><Link to="/getting-started" className="govuk-link">See our getting started developer guide</Link>.</p>
+        <h2>Demo</h2>
+        <p>If you are within the Defra network, <a href="https://forms-engine-plugin-example-ui.dev.cdp-int.defra.cloud/example-form" className="govuk-link">see a live demo</a>.</p>
+        <p>If you aren't within the Defra network, <a href="https://github.com/DEFRA/forms-engine-plugin-example-ui" className="govuk-link">see our example UI and run it locally</a>.</p>
+      </div>
+    </div>
+  </div>
+</div>

docusaurus.config.cjs

@@ -37,6 +37,14 @@ const config = {
   ],
 
   plugins: [
+    function customCssPlugin() {
+      return {
+        name: 'custom-css',
+        getClientModules() {
+          return [require.resolve('./docs/assets/css/docusaurus.css')]
+        }
+      }
+    },
     [
       '@docusaurus/plugin-content-docs',
       {
@@ -144,7 +152,7 @@ const config = {
       homepage: {
         getStartedHref: '/getting-started',
         description:
-          'Schema-driven and extensible, built on Hapi.js foundations. Handles routing, validation, state management, and GOV.UK Frontend rendering — so teams can focus on form design, not plumbing.'
+          'Configuration-driven and extensible, built on Hapi.js. Handles routing, validation, state management, and GOV.UK Frontend rendering — so teams can focus on form design, not plumbing.'
       }
     }
   }