ScoreSpot/ProjectSourceCode/src/views/pages/home.hbs

  <div class="container mt-5">
    <h1 class="mb-4 underlined-header">Leagues</h1>
    <div class="card-container">
      <div class="row g-3">
        
        <!-- 🇬🇧 Premier League -->
        <a href="league-page.hbs" class="card-link">
          {{> homepage/league-card leagueName="Premier League" logo="./img/homepage/premier-league/icon.png" title="./img/homepage/premier-league/title.png"}}
        </a>
        
        <!-- 🇪🇸 La Liga -->
        {{> homepage/league-card leagueName="La Liga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
        
        <!-- 🇩🇪 Bundesliga -->
        {{> homepage/league-card leagueName="Bundesliga" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
        
        <!-- 🇮🇹 Serie A -->
        {{> homepage/league-card leagueName="Serie A" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
        
        <!-- 🇫🇷 Ligue 1 -->
        {{> homepage/league-card leagueName="Ligue 1" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
        
        <!-- 🇧🇷 Brasilerao -->
        {{> homepage/league-card leagueName="Brasileirao" logo="./img/homepage/la-liga/icon.png" title="./img/homepage/la-liga/title.png"}}
        
        /* Script to generate league URLs */
        <script>
          function redirectToLeaguePage(leagueName) 
          {
            window.location.href = '/league-page/' + encodeURIComponent(leagueName);
          }
        </script>
      </div>
    </div>
  </div>