این کار رو خیلی راحت با css میتونید انجام بدید:
به سکشن فوترتون یه کلاس به نام footer بدید ، بعد کد زیر رو بزدارید تو قسمت css کل سایت:

main, .footer{
   min-height: 100vh;

}
main{
   
   margin-bottom: 50vh; /* same value as footer height and position*/
  
}
.footer{
   position: fixed;
   z-index: -1;
   width: 100%;
   top: 50vh;
   height: 50vh;
   background: #333;
   color: #fff; 
}