<% content_for :title, person.title %>

<%= render partial: "header", locals: { person: person } %>

<div class="govuk-grid-row">
  <div class="govuk-grid-column-one-third">
    <%= render "govuk_publishing_components/components/image_card", {
      href: "#",
      image_src: person.image_url,
      image_alt: person.image_alt_text,
      description: "Contents",
      extra_links: [
        {
          text: "Biography",
          href: "#biography"
        },
        person.has_previous_roles? ? {
          text: "Previous roles",
          href: "#previous-roles"
        } : nil,
      ].compact
    } %>
  </div>

  <%= render partial: "biography", locals: { person: person } %>

  <%= render partial: "previous_roles", locals: { person: person } %>
</div>

<% content_for :title, person.title %>

<%= render partial: "header", locals: { person: person } %>

<div class="govuk-grid-row">
  <div class="govuk-grid-column-one-third">
    <%= render "govuk_publishing_components/components/image_card", {
      href: "#",
      image_src: person.image_url,
      image_alt: person.image_alt_text,
    } %>

    <%= render "govuk_publishing_components/components/contents_list", {
      contents: [
        {
          text: "Biography",
          href: "#biography"
        },
        person.has_previous_roles? ? {
          text: "Previous roles",
          href: "#previous-roles"
        } : nil,
      ].compact
    } %>
  </div>

  <%= render partial: "biography", locals: { person: person } %>

  <%= render partial: "previous_roles", locals: { person: person } %>
</div>

Use contents_list component for page contents
Use contents_list component for page contents

This is a better component to use than the image card links.
