JS button code

I am having trouble updating the existing code so that the first button SEE OUR WORK goes to the OUR WORK section. I thought I labeled the section #ourwork correctly. TIA.

(function($){
      
    "use strict"

  if( $('body').hasClass('home') ) {
    
    var mainTitle    = 'IMPROVE RESULTS';
    var subTitle     = 'capture attention</br>energize messages</br>build your brand'
    var buttonURL    = '#ourwork';
    var buttonLabel  = 'See Our Work';
    
    var heroContent  = '<div class="slide-inner">';
        heroContent += '<div class="contain text-slider">';
    	heroContent += '<h2 class="maintitle">'+mainTitle+'</h2>';
        heroContent += '<p class="subtitle">'+subTitle+'</p>';
       	heroContent += '</div>';
        heroContent += '<a href="'+buttonURL+'" target="_top" rel="noopener noreferrer">'+buttonLabel+'</a>';
        heroContent += '</div>';

    $('.sydney-hero-area').append(heroContent);

The page I need help with: [log in to see the link]