<div class="govuk-grid-row">
  <div class="govuk-grid-column-one-third">
    <div class="covid__nhs-notice__logo">
      <%= render "govuk_publishing_components/components/organisation_logo", {
        organisation: {
          name: "nhs",
          url: "https://www.nhs.uk/",
          image: {
            url: image_url("nhs-logo.svg"),
            alt_text: "NHS"
          }
        }
      } %>
    </div>
    <%= render "govuk_publishing_components/components/heading", {
      text: nhs_banner["header"],
      margin_bottom: 6,
      font_size: "m"
    } %>
  </div>

  <div class="govuk-grid-column-two-thirds">
    <% nhs_banner["sections"].each do |section| %>
      <%= render "govuk_publishing_components/components/heading", {
        text: section["heading"],
        heading_level: 2,
        font_size: "s",
        margin_bottom: 4,
      } if section["heading"].present? %>

      <%= render_govspeak(section["markdown"]) if section["markdown"].present? %>
    <% end %>
  </div>
</div>

<div class="govuk-grid-row">
  <div class="govuk-grid-column-one-third">
    <div class="covid__nhs-notice__logo">
      <%= render "govuk_publishing_components/components/organisation_logo", {
        organisation: {
          name: "nhs",
          url: "https://www.nhs.uk/",
          image: {
            url: image_url("nhs-logo.svg"),
            alt_text: "NHS"
          }
        }
      } %>
    </div>
    <%= render "govuk_publishing_components/components/heading", {
      text: nhs_banner["header"],
      margin_bottom: 6,
      font_size: "m"
    } %>
  </div>

  <div class="govuk-grid-column-two-thirds">
    <% nhs_banner["sections"].each do |section| %>
      <% if section["heading"].present? && section["url"].present? %>
        <p class="govuk-heading-s">
          <a class="govuk-link" href="<%= section["url"] %>"><%= section["heading"] %></a>
        </p>
      <% else %>
        <%= render "govuk_publishing_components/components/heading", {
          text: section["heading"],
          heading_level: 3,
          font_size: "s",
          margin_bottom: 4,
        } if section["heading"].present? %>
      <% end %>

      <%= render_govspeak(section["markdown"]) if section["markdown"].present? %>
    <% end %>
  </div>
</div>

Allow links in NHS section
Allow links in NHS section

This change allows the addition of links in the NHS section. These
links are not H3 elements, but are styled as though they are so as
not to interfere with the overall page design.

This improves the user experience by allowing simple, clean copy to
be created that has a single link to the desired action.

The use of links in headers is not typically done on GOV.UK and may
create some accessibility issues if done. To avoid this situation,
we style the links as though they are H3 elements.
