Components

Footer

The footer provides copyright, licensing and other information about your service and department.

HTML
React

<footer class="govuk-footer">
  <div class="govuk-width-container">
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>

<Footer govUK />

Props

Name	Type	Description
id	other	'id' attribute to place on the base HTML element
classBlock	other	Block name override in BEM style classes applied to all elements
classModifiers	other	BEM style modifiers to apply to the base HTML element
className	other	Extra classes to apply to the base HTML element
department	other	Department branding to use (e.g. home-office)
govUK	other	Whether to add the standard Gov.UK content
maxContentsWidth	other	Maximum width of the contents in px units (-1 for full width)
meta	other	Links to meta information
metaTitle	other	Title for meta links (visually hidden)
navigation	other	Secondary navigation menus
rebrand	other	If true, use the redesigned footer with the GOV.UK crown

When to use this component

Use the footer at the bottom of every page of your service.

How it works

You can add links to:

your department’s page on GOV.UK
other language options
terms and conditions
privacy policy

Stories

Standard

A standard Footer.

HTML
React

<footer class="govuk-footer">
  <div class="govuk-width-container"></div>
</footer>

<Footer />

GOV.UK footer

The default footer for public facing websites on GOV.UK.

HTML
React

<footer class="govuk-footer">
  <div class="govuk-width-container">
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>

<Footer govUK />

Re-branded GOV.UK footer

The default footer for public facing websites on GOV.UK, after 25th June 2025.

Add the rebrand prop, and ensure that a parent element, such as <html>, has the govuk-template--rebranded class.

HTML
React

<div class="govuk-template--rebranded">
  <footer class="govuk-footer">
    <div class="govuk-width-container">
      <svg
        xmlns="http://www.w3.org/2000/svg"
        viewBox="0 0 64 60"
        height="30"
        width="32"
        role="presentation"
        fill="currentcolor"
        focusable="false"
        class="govuk-footer__crown"
      >
        <g>
          <circle cx="20" cy="17.6" r="3.7"></circle>
          <circle
            cx="10.2"
            cy="23.5"
            r="3.7"
          ></circle>
          <circle cx="3.7" cy="33.2" r="3.7"></circle>
          <circle
            cx="31.7"
            cy="30.6"
            r="3.7"
          ></circle>
          <circle
            cx="43.3"
            cy="17.6"
            r="3.7"
          ></circle>
          <circle
            cx="53.2"
            cy="23.5"
            r="3.7"
          ></circle>
          <circle
            cx="59.7"
            cy="33.2"
            r="3.7"
          ></circle>
          <circle
            cx="31.7"
            cy="30.6"
            r="3.7"
          ></circle>
          <path
            d="M33.1,9.8c.2-.1.3-.3.5-.5l4.6,2.4v-6.8l-4.6,1.5c-.1-.2-.3-.3-.5-.5l1.9-5.9h-6.7l1.9,5.9c-.2.1-.3.3-.5.5l-4.6-1.5v6.8l4.6-2.4c.1.2.3.3.5.5l-2.6,8c-.9,2.8,1.2,5.7,4.1,5.7h0c3,0,5.1-2.9,4.1-5.7l-2.6-8ZM37,37.9s-3.4,3.8-4.1,6.1c2.2,0,4.2-.5,6.4-2.8l-.7,8.5c-2-2.8-4.4-4.1-5.7-3.8.1,3.1.5,6.7,5.8,7.2,3.7.3,6.7-1.5,7-3.8.4-2.6-2-4.3-3.7-1.6-1.4-4.5,2.4-6.1,4.9-3.2-1.9-4.5-1.8-7.7,2.4-10.9,3,4,2.6,7.3-1.2,11.1,2.4-1.3,6.2,0,4,4.6-1.2-2.8-3.7-2.2-4.2.2-.3,1.7.7,3.7,3,4.2,1.9.3,4.7-.9,7-5.9-1.3,0-2.4.7-3.9,1.7l2.4-8c.6,2.3,1.4,3.7,2.2,4.5.6-1.6.5-2.8,0-5.3l5,1.8c-2.6,3.6-5.2,8.7-7.3,17.5-7.4-1.1-15.7-1.7-24.5-1.7h0c-8.8,0-17.1.6-24.5,1.7-2.1-8.9-4.7-13.9-7.3-17.5l5-1.8c-.5,2.5-.6,3.7,0,5.3.8-.8,1.6-2.3,2.2-4.5l2.4,8c-1.5-1-2.6-1.7-3.9-1.7,2.3,5,5.2,6.2,7,5.9,2.3-.4,3.3-2.4,3-4.2-.5-2.4-3-3.1-4.2-.2-2.2-4.6,1.6-6,4-4.6-3.7-3.7-4.2-7.1-1.2-11.1,4.2,3.2,4.3,6.4,2.4,10.9,2.5-2.8,6.3-1.3,4.9,3.2-1.8-2.7-4.1-1-3.7,1.6.3,2.3,3.3,4.1,7,3.8,5.4-.5,5.7-4.2,5.8-7.2-1.3-.2-3.7,1-5.7,3.8l-.7-8.5c2.2,2.3,4.2,2.7,6.4,2.8-.7-2.3-4.1-6.1-4.1-6.1h10.6,0Z"
          ></path>
        </g>
      </svg>
      <div class="govuk-footer__meta">
        <div
          class="govuk-footer__meta-item govuk-footer__meta-item--grow"
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 483.2 195.7"
            height="17"
            width="41"
            aria-hidden="true"
            focusable="false"
            class="govuk-footer__licence-logo"
          >
            <path
              fill="currentColor"
              d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
            ></path>
          </svg>
          <span
            class="govuk-footer__license-description"
          >
            All content is available under the
            <a
              rel="license"
              class="govuk-footer__link"
              href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
            >
              Open Government Licence v3.0
            </a>
            , except where otherwise stated
          </span>
        </div>
        <div class="govuk-footer__meta-item">
          <a
            class="govuk-footer__link govuk-footer__copyright-logo"
            href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
          >
            © Crown copyright
          </a>
        </div>
      </div>
    </div>
  </footer>
</div>

<div className="govuk-template--rebranded">
  <Footer govUK rebrand />
</div>

<footer class="govuk-footer">
  <div class="govuk-width-container">
    <div class="govuk-footer__navigation">
      <div
        class="govuk-footer__section govuk-grid-column-two-thirds"
      >
        <h2
          class="govuk-footer__heading govuk-heading-m"
        >
          Two column list
        </h2>
        <ul
          class="govuk-footer__list govuk-footer__list--columns-2"
        >
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#1"
            >
              Navigation item 1
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#2"
            >
              Navigation item 2
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#3"
            >
              Navigation item 3
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#4"
            >
              Navigation item 4
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#5"
            >
              Navigation item 5
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#6"
            >
              Navigation item 6
            </a>
          </li>
        </ul>
      </div>
      <div
        class="govuk-footer__section govuk-grid-column-one-third"
      >
        <h2
          class="govuk-footer__heading govuk-heading-m"
        >
          Single column list
        </h2>
        <ul class="govuk-footer__list">
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#1"
            >
              Navigation item 1
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#2"
            >
              Navigation item 2
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#3"
            >
              Navigation item 3
            </a>
          </li>
        </ul>
      </div>
    </div>
    <hr class="govuk-footer__section-break" />
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>

<Footer
  govUK
  navigation={[
    {
      title: "Two column list",
      width: "two-thirds",
      columns: 2,
      items: [
        {
          href: "#1",
          text: "Navigation item 1",
        },
        {
          href: "#2",
          text: "Navigation item 2",
        },
        {
          href: "#3",
          text: "Navigation item 3",
        },
        {
          href: "#4",
          text: "Navigation item 4",
        },
        {
          href: "#5",
          text: "Navigation item 5",
        },
        {
          href: "#6",
          text: "Navigation item 6",
        },
      ],
    },
    {
      title: "Single column list",
      width: "one-third",
      items: [
        {
          href: "#1",
          text: "Navigation item 1",
        },
        {
          href: "#2",
          text: "Navigation item 2",
        },
        {
          href: "#3",
          text: "Navigation item 3",
        },
      ],
    },
  ]}
/>

Footer with links to meta information

You can also include links to meta information about a site, like cookies and contact details in the footer, like this:

HTML
React

<footer class="govuk-footer">
  <div class="govuk-width-container">
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <h2 class="govuk-visually-hidden">
          Support links
        </h2>
        <ul class="govuk-footer__inline-list">
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#1"
            >
              Item 1
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#2"
            >
              Item 2
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#3"
            >
              Item 3
            </a>
          </li>
        </ul>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>

<Footer
  govUK
  meta={[
    {
      href: "#1",
      text: "Item 1",
    },
    {
      href: "#2",
      text: "Item 2",
    },
    {
      href: "#3",
      text: "Item 3",
    },
  ]}
/>

Footer with secondary navigation and links to meta information

HTML
React

<footer class="govuk-footer">
  <div class="govuk-width-container">
    <div class="govuk-footer__navigation">
      <div
        class="govuk-footer__section govuk-grid-column-two-thirds"
      >
        <h2
          class="govuk-footer__heading govuk-heading-m"
        >
          Services and information
        </h2>
        <ul
          class="govuk-footer__list govuk-footer__list--columns-2"
        >
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Benefits
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Births, deaths, marriages and care
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Business and self-employed
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Childcare and parenting
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Citizenship and living in the UK
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Crime, justice and the law
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Disabled people
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Driving and transport
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Education and learning
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Employing people
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Environment and countryside
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Housing and local services
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Money and tax
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Passports, travel and living abroad
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Visas and immigration
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Working, jobs and pensions
            </a>
          </li>
        </ul>
      </div>
      <div
        class="govuk-footer__section govuk-grid-column-one-third"
      >
        <h2
          class="govuk-footer__heading govuk-heading-m"
        >
          Departments and policy
        </h2>
        <ul class="govuk-footer__list">
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              How government works
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Departments
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Worldwide
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Policies
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Publications
            </a>
          </li>
          <li class="govuk-footer__list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Announcements
            </a>
          </li>
        </ul>
      </div>
    </div>
    <hr class="govuk-footer__section-break" />
    <div class="govuk-footer__meta">
      <div
        class="govuk-footer__meta-item govuk-footer__meta-item--grow"
      >
        <h2 class="govuk-visually-hidden">
          Support links
        </h2>
        <ul class="govuk-footer__inline-list">
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Help
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Cookies
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Contact
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Terms and conditions
            </a>
          </li>
          <li class="govuk-footer__inline-list-item">
            <a
              class="govuk-footer__link govuk-footer__link--active"
              href="#"
            >
              Rhestr o Wasanaethau Cymraeg
            </a>
          </li>
        </ul>
        <div class="govuk-footer__meta-custom">
          Built by the
          <a
            class="govuk-link govuk-link--active"
            href="#"
          >
            Government Digital Service
          </a>
        </div>
        <svg
          xmlns="http://www.w3.org/2000/svg"
          viewBox="0 0 483.2 195.7"
          height="17"
          width="41"
          aria-hidden="true"
          focusable="false"
          class="govuk-footer__licence-logo"
        >
          <path
            fill="currentColor"
            d="M421.5 142.8V.1l-50.7 32.3v161.1h112.4v-50.7zm-122.3-9.6A47.12 47.12 0 0 1 221 97.8c0-26 21.1-47.1 47.1-47.1 16.7 0 31.4 8.7 39.7 21.8l42.7-27.2A97.63 97.63 0 0 0 268.1 0c-36.5 0-68.3 20.1-85.1 49.7A98 98 0 0 0 97.8 0C43.9 0 0 43.9 0 97.8s43.9 97.8 97.8 97.8c36.5 0 68.3-20.1 85.1-49.7a97.76 97.76 0 0 0 149.6 25.4l19.4 22.2h3v-87.8h-80l24.3 27.5zM97.8 145c-26 0-47.1-21.1-47.1-47.1s21.1-47.1 47.1-47.1 47.2 21 47.2 47S123.8 145 97.8 145"
          ></path>
        </svg>
        <span
          class="govuk-footer__license-description"
        >
          All content is available under the
          <a
            rel="license"
            class="govuk-footer__link"
            href="https://www.nationalarchives.gov.uk/doc/open-government-licence/version/3/"
          >
            Open Government Licence v3.0
          </a>
          , except where otherwise stated
        </span>
      </div>
      <div class="govuk-footer__meta-item">
        <a
          class="govuk-footer__link govuk-footer__copyright-logo"
          href="https://www.nationalarchives.gov.uk/information-management/re-using-public-sector-information/uk-government-licensing-framework/crown-copyright/"
        >
          © Crown copyright
        </a>
      </div>
    </div>
  </div>
</footer>

<Footer
  govUK
  navigation={[
    {
      title: "Services and information",
      width: "two-thirds",
      columns: 2,
      items: [
        {
          href: "#",
          text: "Benefits",
        },
        {
          href: "#",
          text: "Births, deaths, marriages and care",
        },
        {
          href: "#",
          text: "Business and self-employed",
        },
        {
          href: "#",
          text: "Childcare and parenting",
        },
        {
          href: "#",
          text: "Citizenship and living in the UK",
        },
        {
          href: "#",
          text: "Crime, justice and the law",
        },
        {
          href: "#",
          text: "Disabled people",
        },
        {
          href: "#",
          text: "Driving and transport",
        },
        {
          href: "#",
          text: "Education and learning",
        },
        {
          href: "#",
          text: "Employing people",
        },
        {
          href: "#",
          text: "Environment and countryside",
        },
        {
          href: "#",
          text: "Housing and local services",
        },
        {
          href: "#",
          text: "Money and tax",
        },
        {
          href: "#",
          text: "Passports, travel and living abroad",
        },
        {
          href: "#",
          text: "Visas and immigration",
        },
        {
          href: "#",
          text: "Working, jobs and pensions",
        },
      ],
    },
    {
      title: "Departments and policy",
      width: "one-third",
      items: [
        {
          href: "#",
          text: "How government works",
        },
        {
          href: "#",
          text: "Departments",
        },
        {
          href: "#",
          text: "Worldwide",
        },
        {
          href: "#",
          text: "Policies",
        },
        {
          href: "#",
          text: "Publications",
        },
        {
          href: "#",
          text: "Announcements",
        },
      ],
    },
  ]}
  meta={[
    {
      href: "#",
      text: "Help",
    },
    {
      href: "#",
      text: "Cookies",
    },
    {
      href: "#",
      text: "Contact",
    },
    {
      href: "#",
      text: "Terms and conditions",
    },
    {
      href: "#",
      text: "Rhestr o Wasanaethau Cymraeg",
    },
  ]}
>
  Built by the{" "}
  <A href="#">Government Digital Service</A>
</Footer>