<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 Halaman Tidak di Temukan!</title>
  <meta name="description" content="halaman yang ada cari tidak ditemukan.">
  <meta name="keywords" content="halaman tidak ditemukan">
  <meta name="author" content="Teguh Sigit">  
  <meta name="robots" content="noindex">
  <meta name="googlebot" content="noindex">
  
  <link rel="icon" href="https://buayo.com/favicon.ico" sizes="any">
  <link rel="icon" type="image/svg+xml" href="https://buayo.com/favicon.svg">
  <link rel="apple-touch-icon" href="https://buayo.com/buayo.png">

  <link href="https://buayo.com/assets/bootstrap-5.3.8/css/bootstrap.min.css" type="text/css" rel="stylesheet" media="all">
  <link rel="preload" href="https://buayo.com/assets/fontawesome/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <link href="https://buayo.com/assets/css/media.min.css" type="text/css" rel="stylesheet" media="all">
  <noscript><link rel="stylesheet" href="https://buayo.com/assets/fontawesome/css/all.min.css"></noscript>
</head>
<body>
<div class="topbar bg-warning" role="region" aria-label="Informasi Kontak dan Akun">
    <div class="container py-1 d-flex justify-content-between">
      <span aria-label="Nomor telepon">
        <i class="fas fa-phone-rotary" aria-hidden="true"></i>
        <a href="tel:+6289626143563">(0896) 2614-3563</a>
      </span>
      <p class="m-0"><i class="fad fa-sign-in-alt" aria-hidden="true"></i> <a href="https://buayo.com/masuk">Masuk</a></p>
    </div>
  </div>

  <header class="bg-dark">
    <div class="container py-3">
      <div class="row align-items-center g-2">
        <div class="col-sm-3 logo text-center text-md-start">
          <a href="https://buayo.com/" aria-label="Kembali ke Beranda" title="BuaYO">
            <img src="https://buayo.com/assets/img/buayo.svg" class="img-fluid" alt="BuaYO" width="135" height="40" loading="eager">
          </a>
        </div>
        
        <div class="col-sm-9 text-center d-none d-sm-block">
          <div class="ad-slot ad-leaderboard-sm mx-auto">
            
          </div>
        </div>
      </div>
    </div>
  </header>
  
  <nav class="navbar navbar-dark border-top bg-dark" aria-label="Navigasi Utama">
    <div class="container">
      <ul class="navbar-nav w-100 flex-row overflow-auto" tabindex="0" aria-label="Navigasi kategori, dapat digeser horizontal">
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/question">Question</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/umum">Umum</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/gaming">Gaming</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/traveling">Traveling</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/teknologi">Teknologi</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/gaya-hidup">Gaya Hidup</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/kuliner">Kuliner</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/pendidikan">Pendidikan</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/fashion">Fashion</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/kesehatan">Kesehatan</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/otomotif">Otomotif</a></li>
        <li class="nav-item"><a class="nav-link" href="https://buayo.com/bisnis">Bisnis</a></li>
      </ul>
    </div>
  </nav>

  <div class="navbar-search bg-light shadow-sm">
    <div class="container">
      <form class="needs-validation w-100 position-relative" action="https://buayo.com/search" method="GET" role="search" aria-label="Pencarian" id="search-form" novalidate>
        <div class="input-group">
          <label for="search-input" class="visually-hidden">Cari artikel</label><input id="search-input" type="text" class="form-control" name="q" placeholder="Tuliskan kata kunci..." autocomplete="off" required><button class="btn btn-warning" type="submit" aria-label="Cari sekarang"><i class="fas fa-search" aria-hidden="true"></i></button>
        </div>
        <ul id="autocomplete-list" class="dropdown-menu w-100 border shadow" role="listbox" aria-label="Saran pencarian"></ul>
      </form>
    </div>
  </div>
  
<div class="d-flex align-items-center justify-content-center" style="height: 40vh;">
        <div class="text-center">
            <h1 class="display-1 fw-bold">404</h1>
            <p class="fs-2 fw-medium mt-2">Oops! Page not found</p>
            <p class="mb-4">The page you're looking for doesn't exist or has been moved.</p>
            <a href="https://buayo.com/" class="btn btn-dark fw-semibold rounded-pill px-4 py-2">Go Home</a>
        </div>
    </div>
    
<footer class="footer bg-dark text-light py-4 mt-4" role="contentinfo">
  <div class="container">
    <h2 id="footer-heading" class="visually-hidden">Informasi Footer BuaYO</h2>
    <div class="row">
      <div class="col-sm-9">
        <a href="<a href="https://buayo.com/" aria-label="Beranda" title="BuaYO">
          <img src="https://buayo.com/assets/img/buayo.svg" alt="BuaYO" class="img-fluid" width="135" height="40">
        </a>
        <p class="mb-3">BuaYO adalah portal artikel kreator Palembang yang membahas bisnis, teknologi, kesehatan, kuliner, gaya hidup, dan topik inspiratif lainnya.</p>
        <h3 class="text-uppercase text-warning mb-1">Alamat Redaksi</h3>
        <address>
          <ul class="list-unstyled">
            <li>Jl. Kebun Sirih No.007, Palembang, Sumatera Selatan, Indonesia</li>
          </ul>
        </address>
        <h3 class="text-uppercase text-warning mb-1">Hubungi Kami</h3>
        <address>
          <ul class="list-unstyled">
            <li><i class="fad fa-envelope-open-text" aria-hidden="true"></i> <a class="text-light" href="mailto:kontak@buayo.com">kontak@buayo.com</a></li>
            <li><i class="fad fa-phone-rotary" aria-hidden="true"></i> <a class="text-light" href="tel:089626143563">(0896) 2614-3563</a></li>
          </ul>
        </address>
      </div>
      <div class="col-sm-3">
        <div class="row">
          <div class="col-6 col-sm-12">
            <h3 class="text-uppercase text-warning mb-1">Tautan Cepat</h3>
            <ul class="list-unstyled">
              <li><a href="https://buayo.com/tentang-kami" class="text-light">Tentang Kami</a></li>
              <li><a href="https://buayo.com/syarat-dan-ketentuan" class="text-light">Syarat & Ketentuan</a></li>
              <li><a href="https://buayo.com/kebijakan-privasi" class="text-light">Kebijakan Privasi</a></li>
              <li><a href="https://buayo.com/disclaimer" class="text-light">Disclaimer</a></li>
              <li><a href="https://buayo.com/kontak-kami" class="text-light">Kontak Kami</a></li>
            </ul>
          </div>
          <div class="col-6 col-sm-12">
            <h3 class="text-uppercase text-warning mb-1">Media Social</h3>
            <ul class="list-unstyled media-social">
              <li><a href="https://www.facebook.com" target="_blank" class="text-light facebook" aria-label="Facebook" rel="noopener noreferrer nofollow"><i class="fab fa-facebook-square" aria-hidden="true"></i><span class="visually-hidden">Facebook BuaYO</span></a></li>
              <li><a href="https://twitter.com" target="_blank" class="text-light twitter" aria-label="Twitter" rel="noopener noreferrer nofollow"><i class="fab fa-twitter" aria-hidden="true"></i><span class="visually-hidden">Twitter BuaYO</span></a></li>
              <li><a href="https://www.instagram.com" target="_blank" class="text-light instagram" aria-label="Instagram" rel="noopener noreferrer nofollow"><i class="fab fa-instagram" aria-hidden="true"></i><span class="visually-hidden">Instagram BuaYO</span></a></li>
              <li><a href="https://www.pinterest.com" target="_blank" class="text-light pinterest" aria-label="Pinterest" rel="noopener noreferrer nofollow"><i class="fab fa-pinterest-square" aria-hidden="true"></i><span class="visually-hidden">Pinterest BuaYO</span></a></li>
              <li><a href="https://www.youtube.com" target="_blank" class="text-light youtube" aria-label="YouTube" rel="noopener noreferrer nofollow"><i class="fab fa-youtube-square" aria-hidden="true"></i><span class="visually-hidden">YouTube BuaYO</span></a></li>
              <li><a href="https://www.tumblr.com" target="_blank" class="text-light tumblr" aria-label="Tumblr" rel="noopener noreferrer nofollow"><i class="fab fa-tumblr-square" aria-hidden="true"></i><span class="visually-hidden">Tumblr BuaYO</span></a></li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-12 footer-copyright mt-2">
        <p class="pt-3 pb-4 small border-top w-100">&copy; 2025–Sekarang <b><a href="https://buayo.com/" class="text-warning">BuaYO</a></b>. Semua Hak Cipta Dilindungi.</p>
      </div>
    </div>
  </div>
</footer>

<script src="https://buayo.com/assets/js/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
<script src="https://buayo.com/assets/bootstrap-5.3.8/js/bootstrap.min.js" integrity="sha384-G/EV+4j2dNv+tEPo3++6LCgdCROaejBqfUeNjuKAiuXbjrxilcCdDz6ZAVfHWe1Y" crossorigin="anonymous"></script>
<script>
(function () {
  'use strict';

  document.addEventListener('DOMContentLoaded', () => {

    /* =========================
       IMAGE LOADING EFFECT
       ========================= */
    document.querySelectorAll('img[loading="lazy"]').forEach(img => {
      const loaded = () => img.classList.add('loaded');
      img.complete && img.naturalWidth
        ? loaded()
        : img.addEventListener('load', loaded, { once: true });
    });

    /* =========================
       SCROLL TO TOP BUTTON
       ========================= */
    const scrollBtn = document.createElement('button');
    scrollBtn.id = 'scrollTopBtn';
    scrollBtn.textContent = '▲';
    scrollBtn.title = scrollBtn.ariaLabel = 'Kembali ke atas';
    document.body.appendChild(scrollBtn);

    scrollBtn.addEventListener('click', e => {
      e.preventDefault();
      window.scrollTo({ top: 0, behavior: 'smooth' });
    });

    /* =========================
       SEARCH AUTOCOMPLETE
       ========================= */
    const input = document.getElementById('search-input');
    const list  = document.getElementById('autocomplete-list');
    const form  = document.getElementById('search-form');

    if (input && list) {
      let controller;

      const esc  = s => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
      const mark = (t, k) =>
        t.replace(new RegExp(`(${esc(k)})`, 'ig'), '<mark>$1</mark>');

      const hide = () => list.classList.remove('show');
      const show = html => {
        list.innerHTML = html;
        list.classList.add('show');
      };

      input.addEventListener('input', async () => {
        const q = input.value.trim();
        hide();
        list.innerHTML = '';
        if (q.length < 2) return;

        controller?.abort();
        controller = new AbortController();

        try {
          const r = await fetch(
            `https://buayo.com/search/autocomplete?q=${encodeURIComponent(q)}`,
            { signal: controller.signal }
          );

          const data = await r.json();

          if (!Array.isArray(data) || !data.length) {
            return show(
              '<li><span class="dropdown-item text-danger">Data tidak ditemukan bro...</span></li>'
            );
          }

          const html = data
            .filter(d => d.title)
            .map(d => `
              <li>
                <a class="dropdown-item"
                   data-url="${d.slug ? `https://buayo.com/${d.coLi}/${d.slug}` : ''}">
                  ${mark(d.title, q)}
                </a>
              </li>
            `)
            .join('');

          show(html);

        } catch (e) {
          if (e.name !== 'AbortError') console.error(e);
        }
      });

      list.addEventListener('click', e => {
        const a = e.target.closest('a[data-url]');
        if (!a) return;
        const url = a.dataset.url;
        url ? location.href = url : form?.submit();
      });

      input.addEventListener('keydown', e => {
        if (e.key === 'Enter') {
          e.preventDefault();
          form?.submit();
        }
      });

      document.addEventListener('click', e => {
        if (!e.target.closest('.position-relative')) hide();
      });
    }

    /* =========================
       SCROLL HANDLER (DIGABUNG)
       ========================= */
    window.addEventListener('scroll', () => {
      const y = window.scrollY;

      /* Scroll to top button */
      scrollBtn.classList.toggle('show', y > 200);

      /* Navbar search (jQuery safe) */
      if (window.jQuery) {
        $('.navbar-search')
          .toggleClass('bg-dark', y > 190)
          .toggleClass('bg-light', y <= 190);
      }
    });

  });
})();
</script>
</body>
</html>