【WordPress】front-page.phpに設置したaタグから、別のテンプレートファイルに遷移したい

front-page.php内に設置したaタグから、お問い合わせフォームが設置されているpage-contact.phpにリンクを飛ばしたいのですが(単純にトップページからお問い合わせページに遷移したい)

aタグのhref属性への書き方がわかりません。
page-contact.phpとそのまま書く感じではないですよね。
ちなみにそれぞれのテンプレートファイルの階層は同じです。

ご教授よろしくお願いいたします。

front-page.php(ここに設置したaタグをクリックすると)

 <a href="" target="_blank" target="_blank" rel="noopener noreferrer">無料カウンセリング申し込みはこちら</a>
コード

page-contact.php(お問い合わせフォームが設置されたテンプレートファイル)

<!DOCTYPE html>
<html lang="ja">
<head>
<?php if ( is_page() ): ?>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/css/reset.css">
    <link rel="stylesheet" href="<?php echo get_template_directory_uri(); ?>/style.css">
  <?php endif; ?>

    <title>お問い合わせ</title>
</head>
<body>
  <main>
      <h1>無料カウンセリングお申し込みフォーム</h1>

      <p>まずは気軽にお問い合わせください。自分が本当に受けるべきなのか、不安な点があれば遠慮なく、ご質問いただければと思います。
      <br>※お申し込みご希望の方も以下のフォームからお申し込みください。
      ご記入いただきました、メールアドレス宛に担当講師「山口」から営業日2日以内にご連絡差し上げます。
      </p>

      <!-- ショートコード貼り付け版 -->
      <section class="form__body">
          <div class="form__inner">
              <?php echo do_shortcode( '[contact-form-7 id="5" title="お問い合わせフォーム"]' ); ?> 
          </div>
      </section>

  </main>
</body>
</html>
コード