<?php header("X-Frame-Options: SAMEORIGIN");
header("X-Content-Type-Options: nosniff");
header("X-XSS-Protection: 1; mode=block");
header("Referrer-Policy: no-referrer-when-downgrade");
header("Content-Security-Policy: default-src 'self' https: data:; script-src 'self' https://cdn.jsdelivr.net https://cdnjs.cloudflare.com; style-src 'self' https://cdn.jsdelivr.net https://fonts.googleapis.com 'unsafe-inline'; img-src 'self' data: https:; font-src 'self' https://fonts.gstatic.com;");
 
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>PT Psiko Dinamika</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">

    <style>
        /* Warna navy */
        :root {
            --navy: #001F54;
        }

        /* Banner atas */
        .banner {
            background-color: var(--navy);
            color: white;
            padding: 20px 0;
        }
        .banner h1 {
            font-weight: bold;
            font-size: 2.5rem;
        }
        .issn {
            font-size: 0.9rem;
            font-weight: bold;
            text-align: left;
        }
        .logo-kanan {
            max-height: 80px;
        }
        .subtext {
            font-size: 0.8rem;
            font-style: italic;
            color: #ddd;
        }

        /* Navbar */
        .navbar-custom {
            background-color: var(--navy);
        }
        .navbar-custom .nav-link {
            color: white;
            font-weight: 500;
        }
        .navbar-custom .nav-link:hover {
            color: #cdd6f4;
        }
    </style>
</head>
<body>


<!-- Header -->
<header class="bg-navy text-white py-4">
  <div class="container">
    <div class="row align-items-center">
      
      <!-- Logo kiri -->
      <div class="col-md-2 col-12 text-center mb-3 mb-md-0">
        <img src="logo.png" alt="Logo Psiko Dinamika" class="img-fluid" style="max-height:80px;">
      </div>
      
      <!-- Judul tengah -->
      <div class="col-md-8 col-12 text-center">
        <h1 class="fw-bold mb-1" style="font-size:2rem;">PT PSIKO DINAMIKA</h1>
        <p class="mb-0 fst-italic">Penerbit Buku, Jurnal, dan Media Ilmiah Berkualitas</p>
      </div>
      
      <!-- Alamat kanan -->
      <div class="col-md-2 col-12 text-center text-md-end mt-3 mt-md-0">
        <p class="mb-0 small">Hubungi Kami</p>
        <p class="mb-0 small"> <a href="mailto:psikodinamika.publishing02@gmail.com" class="text-white text-decoration-none">psikodinamika.publishing02@gmail.com</a></p>
        
      </div>

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

<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-navy">
  <div class="container">
    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
      <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav mx-auto fw-bold">
        <li class="nav-item"><a class="nav-link" href="index.php">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="katalog.php">Katalog Buku</a></li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="jurnalDropdown" role="button" data-bs-toggle="dropdown">Jurnal Artikel</a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="https://jurnal.ptpsikodinamika.com/index.php/WBJP" target="_blank">Jurnal Psikologi Indonesia Well-Being</a></li>
            <li><a class="dropdown-item" href="https://jurnal.ptpsikodinamika.com/index.php/uvj/focus-and-scope" target="_blank">Jurnal Multi Disiplin Universe</a></li>
          </ul>
        </li>
        <li class="nav-item"><a class="nav-link" href="https://infoplus.id/" target="_blank">Berita</a></li>
        <li class="nav-item dropdown">
          <a class="nav-link dropdown-toggle" href="#" id="eventDropdown" role="button" data-bs-toggle="dropdown">Event</a>
          <ul class="dropdown-menu">
            <li><a class="dropdown-item" href="event.php">Event</a></li>
            <li><a class="dropdown-item" href="galeri.php">Galeri</a></li>
          </ul>
        </li>
      </ul>

      <div class="d-flex">
        <a href="admin/login.php" class="btn btn-outline-light ms-lg-3">Login</a>
      </div>
  </div>
  </div>
</nav>


<!-- CSS tambahan -->
<style>
.bg-navy {
  background-color: #001f54 !important; /* warna navy */
}
header h1 {
  font-size: 2rem;
}
header p {
  font-size: 0.95rem;
}
</style>

<!-- CSS untuk membuat dropdown muncul saat hover -->
<style>
.nav-item.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}
</style>


<style>
/* Background transparan */
.bg-transparan {
    background-color: rgba(255, 255, 255, 0.85); /* Putih transparan */
    border-radius: 10px;
    padding: 20px;
}

/* Fade-in animation */
.fade-in {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Margin umum untuk konten */
.section-margin {
    margin-top: 40px;
    margin-bottom: 40px;
}
</style>


<style>
/* Membatasi lebar teks agar nyaman dibaca */
.text-container {
    max-width: 900px;
    margin: 0 auto;
}

/* Justify teks */
.text-justify {
    text-align: justify;
}

/* Memberikan jarak antar paragraf */
.text-container p {
    margin-bottom: 1rem;
    line-height: 1.7;
}

/* List lebih rapi */
.text-container ul {
    padding-left: 1.2rem;
    margin-bottom: 1rem;
}
</style>
