Laravel で　Vue componentしてるんですが　cssなど画面に反映されません。　原因を突き止めたいのでお願いします。

@component('components.header')

<body> <header> <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark"> <div class="container-fluid"> <a class="navbar-brand" href="index.html">ホーム</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarCollapse"> <ul class="navbar-nav me-auto mb-2 mb-md-0"> <li class="nav-item active"> <a class="nav-link" aria-current="page" href="torinoniwa.html">とりのにわとは</a> </li> <li class="nav-item"> <a class="nav-link" href="staff.html">スタッフ紹介</a> </li> <li class="nav-item"> <a class="nav-link" href="https://note.com/torinoniwa_ngsk">note</a> </li> <li class="nav-item"> <a class="nav-link" href="guest.html">参加者の声</a> </li> <li class="nav-item"> <a class="nav-link" href="support.html">支援紹介</a> </li> <li class="nav-item"> <a class="nav-link" href="study-support.html">学業支援</a> </li>

    </ul>
  </div>
</div>

</nav> </header> <main> <div id="myCarousel" class="carousel slide" data-bs-ride="carousel">  <div class="carousel-inner"> <div class="carousel-item active"> <img src="img/molkky5.png" alt="集合写真"> </div> <div class="carousel-item">

    <!--<div class="container">
      <div class="carousel-caption">
        <h1>別の見出しの例</h1>
        <p>吾輩はここで始めて人間というものを見た。しかもあとで聞くとそれは書生という人間中で一番獰悪な種族であったそうだ。この書生というのは時々我々を捕えて煮て食うという話である。</p>
        <p><a class="btn btn-lg btn-primary" href="#" role="button">もっとみる</a></p>
      </div> 
    </div> -->
  </div>
  <div class="carousel-item">
    <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"><rect width="100%" height="100%" fill="#777"/></svg>

    <!--<div class="container">
      <div class="carousel-caption text-end">
        <h1>もう一つの見出しの例</h1>
        <p>しかしその当時は何という考もなかったから別段恐しいとも思わなかった。ただ彼の掌に載せられてスーと持ち上げられた時何だかフワフワした感じがあったばかりである。</p>
        <p><a class="btn btn-lg btn-primary" href="#" role="button">ギャラリーをみる</a></p>
      </div>
    </div>-->
  </div>
</div>

</div>

<!-- START THE FEATURETTES -->

<hr class="featurette-divider">
<div class="title">
  <img src="img2/title.png" width="500" height="400" alt="タイトル画像">
</div>
<div class="row featurette">
  <div class="col-md-7">
    <h2 class="featurette-heading">
      <span class="text-muted">「とりのにわ」と名付けたのは<br>まさに当事者である娘でした。</span></h2><br>
    <p class="lead">弟2人とも自閉症。でもお姉ちゃんとして、しっかりしてくれた。<br>
      だけど【同じ】ように見られたくない。<br>
      私達には私達の思いがあると。<br>
      「とり」にも大きい鳥もいれば空を飛ばない鳥もいる<br>
      私は私。と言う意味が込められているのです<br>
      そんな子ども達が「じぶん」として遊べる場所を目指します！</p>
  </div>
  <div class="col-md-5">
    <img src="img/bird.png" width="500" height="500" alt="サブ画像">
    <title>Placeholder</title><rect width="100%" height="100%" fill="#eee"/><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>

  </div>
</div>

<hr class="featurette-divider">

<div class="row featurette">
  <div class="col-md-7 order-md-2">
    <h2 class="featurette-heading"><span class="text-muted">仲間がいるって心強い</span></h2>
    <p class="lead">辛い時、寂しい時、困っている時、<br>
      そんな時は仲間が助けてくれるし<br>支えてくれる<br>
      僕はこのとりのにわというチームで<br>
      お互い助け合い、切磋琢磨しながら<br>
      各々の強みを見つけて<br>
      ここから羽ばたいていって欲しいと思っています<br>
      『きょうだい』がフラッと立ち寄れるそんな場所にしていこうと思います！</p>
  </div>
  <div class="col-md-5 order-md-1">
    <img src="img/child1.png" width="500" height="500" alt="サブ画像">
    <title>Placeholder</title><rect width="100%" height="100%" fill="#eee"/><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>

  </div>
</div>

<hr class="featurette-divider">

<div class="row featurette">
  <div class="col-md-7">
    <h2 class="featurette-heading"><span class="text-muted">昔住んでた団地のように</span></h2><br>
    <p class="lead">
      幼い頃とある団地に住んでいた頃、、その団地には同じ<br>
      障がいを持つきょうだいのご家族がたくさんいて、<br>たくさんの交流の機会があったおかげで、<br>
      何不自由なく姉は楽しく生活を送ることができました。<br>
      このとりのにわでも当時の団地のような<br>
      障がいを持つきょうだいのみなさんが<br>
      何不自由なく、『とりのにわに来るのが楽しみ』<br>
      そう思わせるようなアットホームな環境を作ります。<br>
      そして参加していただいた方々が自分を自由に表現、<br>自信を持てるように最大限サポートしていきます。</p>
  </div>
  <div class="col-md-5">
    <img src="img/molkky6.png" width="500" height="700" alt="サブ画像">
    <title>Placeholder</title><rect width="100%" height="100%" fill="#eee"/><text x="50%" y="50%" fill="#aaa" dy=".3em"></text>

  </div>
</div>

<hr class="featurette-divider">

<!-- /END THE FEATURETTES -->

</div>  <nav class="navbar navbar-default"> <div class="container">  <div class="navbar-header"> <a class="navbar-brand">メニュー</a> </div>  <ul class="nav navbar-nav"> <li class="active"><a href="index.html">ホーム</a></li> <li><a href="torinoniwa.html">とりのにわとは</a></li> <li><a href="staff.html">スタッフ紹介</a></li> <li><a href="https://note.com/torinoniwa_ngsk">note</a></li> <li><a href="guest.html">参加者の声</a></li> <li><a href="support.html">支援紹介</a></li> <li><a href="study-support.html">学業支援</a></li> </ul>  <button type="button" class="btn btn-default navbar-btn"> <span class="glyphicon glyphicon-envelope"></span> </button> </div> </nav> </main>

<!--<script src="/docs/5.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>-->

@component('components.footer')

</body> </html>

エラーコード
GET http://localhost/torinoniwa/staff 404 (Not Found)