<!DOCTYPE html>
<html>
<head>
  <title>Beranda</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 0;
      padding: 20px;
      background-color: #f4f4f4;
      color: #333;
    }

    h1 {
      color: #2c3e50;
      text-align: center;
    }

    p {
      text-align: center;
      font-size: 18px;
    }

    nav {
      text-align: center;
      margin-top: 30px;
    }

    nav a {
      text-decoration: none;
      color: #3498db;
      margin: 0 10px;
      font-weight: bold;
    }

    nav a:hover {
      color: #1abc9c;
    }
  </style>
</head>
<body>
  <h1>Selamat Datang di Web App Docker!!</h1>
  <p>Ini adalah halaman beranda.</p>
  <nav>
    <a href="/">Beranda</a> |
    <a href="/about">Tentang</a> |
  </nav>
</body>
</html>
