test.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>SPA Demo</title>
  <link rel="stylesheet" href="style.css">
</head>

<body>
<div class="navbar">
  <div class="logo">회사 로고</div>
  <div class="navbar-menu">
    <a href="#page1">회사소개</a>
    <a href="#page2">대리점</a>
    <a href="#page3">홍보자료</a>
    <a href="#page4">오시는길</a>
    <a href="#">ENG</a>
  </div>
</div>


<div id="app">
  <section class="page" id="page1">
    <h1>Page 1</h1>
    <p>This is the content of the first page.</p>
  </section>
  <section class="page" id="page2">
    <h1>Page 2</h1>
    <p>This is the content of the second page.</p>
  </section>
  <section class="page" id="page3">
    <h1>Page 3</h1>
    <p>This is the content of the third page.</p>
  </section>
  <!-- 추가 페이지 여기에 삽입 -->
</div>

<script src="./app.js"></script>
</body>
</html>