needing Portfolio Roll over help

Site URL: https://ray-cone-ap64.squarespace.com/config/pages

I have used a portfolio as my home page. I like that portfolio 3 has roll over font that changes the image with each different "portfolio word" i love how it links to the page but.... I dont know how to explain so please bear with me

I have four links on my home page -portfolio- each leading to a specific page

In the services tab (top of page links) I have designed each page the way I want them to look ...these have same page names that I want to keep on the home page

How do i point the portfolio links on the home page to the "other" pages with the corresponding names ?????

either that how do i rebuild an identical home page that is not portfolio and still have roll over text that changes images and links to the pages i want? 

this has been driving me nuts for some time

Hi. This is possible. I solved similar case for lot of members.

Do you use Personal or Business Plan? each plan will have a different solution

Hi Tuanphan, thank you for responding. I am on a business plan

9 hours ago, ShortAngryViking said:

Hi Tuanphan, thank you for responding. I am on a business plan

Add this to last line in Settings > Advanced > Code Injection > Footer

<script>
$(document).ready(function() {
  // automotive
	$('ul.portfolio-hover-items-list>li:nth-child(1) a').attr('href','https://beaverhero.com');
  // commercial
  $('ul.portfolio-hover-items-list>li:nth-child(2) a').attr('href','https://beaverhero.com');
  // headshots
  $('ul.portfolio-hover-items-list>li:nth-child(3) a').attr('href','https://beaverhero.com');
  // afford your space
  $('ul.portfolio-hover-items-list>li:nth-child(4) a').attr('href','https://beaverhero.com');
});
</script>

Replace with your page urls

Thank You Tuanphan 

Completely  transformed the site and made light work of a desperate situation. Much Much Respect ! 

Thank You