Displaying portfolio grid on another page

I created a portfolio to display the board members of a nonprofit I'm working with in a grid of headshots, with their bios in the portfolio post when a user clicks into each member (swansongs.org/board).  We want to embed a portfolio grid section on another page of our website (https://www.swansongs.org/about/#whoweare). Is there any way to do this?

I realize we could use a blog summary block to achieve this, if we set up our board as a blog instead of a portfolio. However, we don't like the layout of the blog pages for this application, and the way blogs sort by date is too complicated to administer (we want our board members to appear A-Z, except for the officers up top, so the custom drag-and-drop sorting offered by portfolios is better for us).  

Any suggestions would be tremendously appreciated! Thank you!

2 hours ago, sarahaveryg said:

Is there any way to do this?

You would be able to use this plugin to sync the portfolio with a list section on another page:

https://www.will-myers.com/products/p/collection-to-list-section-sync

1 hour ago, Ziggy said:

You would be able to use this plugin to sync the portfolio with a list section on another page:

https://www.will-myers.com/products/p/collection-to-list-section-sync

I don't see that portfolios are included in the documentation of this plugin -- just blog and product collections. Additionally, I want to be sure that web visitors can still click on the portfolio featured image to be directed to each board members' individual bio page. Are you aware of any alternatives specifically to display portfolio collections on other pages?  Thank you!

I used to do this for a member, use @Will-Myers Plugin. You can follow these below steps.

(But it may also need to be tweaked a bit with the code for your case, not sure, you can follow these steps, if it's still a problem, I'll check then)

(1) First, install Section Loader Supreme Plugin

If you don't want to buy plugin, you can add me as a contributor, I will install with my license, if the code works, you can buy new license then.

https://www.will-myers.com/products/p/section-loader-supreme

The plugin will give you some code to add to the Code Injection Header and footer, like this.

(2) Use this code to About Page Header Code Injection

The code will add Portfolio from /board page above Footer Section on /about page

<div data-wm-plugin="load" data-target="/board"></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
document.addEventListener('wmSectionLoader:loaded', ({detail}) => {
  if (detail.target !== '/board') return;
  $('div.wm-load-container').insertAfter('[data-section-id="624496977d6f196cce0a1683"]');
  const path = location.pathname;
    $(`a[href="${path}"]`).css('display', 'none')
})
</script>
<style>
.wm-load-container+section {
    padding-top: 0px !important;
}
div.wm-load-container {
  display: block !important;
}
  div#gridThumbs {
    opacity: 1 !important;
    transform: unset !important;
}
</style>