Bootstrapを使ったトップページ作成について

前提

ここに質問の内容を詳しく書いてください。
先ほども同じ質問をしたのですが、コードが全く読めないので再度質問させていただいています。
Bootstrap でwebアプリをつくっています。まだ初心者でBootstrap の使い方が理解できてないところがあるのですが、Bootstrap を使ってトップページを作りたいのですが、その場合はapplication.html.erb、top.html.erbの両方に記述はしますか？

実現したいこと

トップページを表示させること
ここに実現したいことを箇条書きで書いてください。

▲▲機能を動作するようにする

発生している問題・エラーメッセージ

サーバーを立ち上げると↓エラーがでる

エラーメッセージ
ActionView::SyntaxErrorInTemplate in HomesController#top
### 該当のソースコード

```ここに言語名を入力
ソースコード
↓application.html.erbに記述
<head>
    <title>Bookers2</title>
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>

<body class="d-flex flex-column vh-100">
    
<header class="shadow-sm">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container">
    <a class="navbar-brand p-3" href="/"><%= image_tag('logo.png') %></a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown"
                        aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
    </button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
            
                
    <ul class="navbar-nav">            
    <% if user_signed_in? %>
    
     <li class="nav-item active">
        <%= link_to "Home", /, method: :get %>
     </li>
     <li class="nav-item active"> 
        <%= link_to "Users", user_path, method: :get %>
     </li>
     <li class="nav-item active">
        <%= link_to "Books", post_images_path, method: :get %>
     </li>
     <li class="nav-item active">
        <%= link_to "Log out", destroy_user_session_path, method: :delete %>
     </li>
     
    <% else %>
    
     <li class="nav-item active">
        <%= link_to "Home", root_path %>
    </li>
     <li class="nav-item active">
        <%= link_to "About", about_path %>
     </li>
     
     <li class="nav-item active">
        <%= link_to "Sign Up", new_user_registration_path %>
     </li>
     <li class="nav-item active">
        <%= link_to "Login", new_user_session_path %>
     </li>
    
    <% end %>
     </ul>
          
</div>
</div>
</nav>

</header>

<main class="mb-auto">

 <%= yield %>

</main>

<footer>
  
  <div class="container mt-5">
  <div class="row">
  <div class="mx-auto">
    <p>CopyRight Infratop.inc</p>
    	
  </div>
  </div>
  </div>

</footer>

</body>

↓top.html.erbに記述

<body>
  
<header>

  <nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container">
     <a class="navbar-brand" href="/">Bookers</a>
  <div class="collapse navbar-collapse" id="navbarNavDropdown">
      
    <ul class="navbar-nav">            
    <% if user_signed_in? %>
    
     <li class="nav-item active">
        <%= link_to "Home", /, method: :get %>
     </li>
     <li class="nav-item active"> 
        <%= link_to "Users", user_path, method: :get %>
     </li>
     <li class="nav-item active">
        <%= link_to "Books", post_images_path, method: :get %>
     </li>
     <li class="nav-item active">
        <%= link_to "Log out", destroy_user_session_path, method: :delete %>
     </li>
     
    <% else %>
    
     <li class="nav-item active">
        <%= link_to "Home", root_path %>
    </li>
     <li class="nav-item active">
        <%= link_to "About", about_path %>
     </li>
     
     <li class="nav-item active">
        <%= link_to "Sign Up", new_user_registration_path %>
     </li>
     <li class="nav-item active">
        <%= link_to "Login", new_user_session_path %>
     </li>
    
    <% end %>
     </ul>

  </div>
  </div>
 </nav>
 
 </header>

<main>
  
  <p id="notice"></p>
  <div class="container">
  <div class="row">
  <div class="mx-auto col-11 col-sm-10 col-lg-8 col-xl-6">
      
  <h1>welcome to <i class="fa-duotone fa-book-heart"></i><strong>Bookers</strong> !!</h1>
    <p>In  <strong>Bookers</strong>, </p>
    <p>you can share and exchange  your opinions , inpressions , and emotions</p>
    <p> about various books!</p>
      
  <div class="btn-wrapper col-10 mx-auto">
  <div class="row">
    <a class="btn btn-info btn-sm btn-block mb-3 sign_in" href="/users/sign_in">Log in</a>
        
  <div class="row">
    <a class="btn btn-success btn-sm btn-block sign_up" href="/users/sign_up">Sign up</a>
       
  </div>
  </div>
  </div>
  
  </div>
  </div>
  
  </div>

</main>

<footer>
  
  <div class="container mt-5">
  <div class="row">
  <div class="mx-auto">
    <p>CopyRight Infratop.inc</p>
    	
  </div>
  </div>
  </div>

</footer>

</body>

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。