<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Bogor Arsip - Harga Aspal Terbaru</title>
	<atom:link href="https://hargaaspal.com/category/bogor/feed/" rel="self" type="application/rss+xml" />
	<link>https://hargaaspal.com/category/bogor/</link>
	<description>Info Harga Aspal Terbaru. Menyediakan Berbagai Macam Jenis Aspal Berkualitas</description>
	<lastBuildDate>Mon, 19 Jan 2026 08:33:00 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.3</generator>

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Bogor Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/bogor/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Bogor Terbaru: Kualitas Tinggi untuk Kebutuhan Proyek Anda</title>
		<link>https://hargaaspal.com/harga-aspal-bogor/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Fri, 18 Jul 2025 03:52:17 +0000</pubDate>
				<category><![CDATA[Bogor]]></category>
		<category><![CDATA[Harga Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4671</guid>

					<description><![CDATA[<p>Dalam menunjang berbagai proyek infrastruktur di wilayah Bogor, ketersediaan aspal berkualitas menjadi prioritas utama. Kami memahami betul bahwa para kontraktor,</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bogor/">Harga Aspal Bogor Terbaru: Kualitas Tinggi untuk Kebutuhan Proyek Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dalam menunjang berbagai proyek infrastruktur di wilayah Bogor, ketersediaan aspal berkualitas menjadi prioritas utama. Kami memahami betul bahwa para kontraktor, pengembang, hingga instansi pemerintah sangat memerlukan produk aspal yang tidak hanya unggul dari sisi mutu, tetapi juga terjangkau dan mudah diakses. Oleh karena itu, kami hadir sebagai penyedia aspal pilihan di Bogor, dengan penawaran <a href="https://hargaaspal.com/harga-aspal-bogor/" target="_blank" rel="noreferrer noopener">harga aspal Bogor</a> terbaik dan stok yang selalu tersedia.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<section id="Produk">
<h2 class="subjudul">Produk Aspal yang Kami Tawarkan</h2>
</section>



<figure class="wp-block-image aligncenter size-full"><img fetchpriority="high" decoding="async" width="400" height="256" src="https://hargaaspal.com/wp-content/uploads/2025/07/harga-aspal-bogor.webp" alt="harga aspal bogor" class="wp-image-4673"/></figure>



<p>Kami menyediakan berbagai varian aspal untuk kebutuhan proyek di Bogor, di antaranya:</p>



<h3 class="wp-block-heading">1. Aspal Hotmix</h3>



<p>Jenis aspal yang umum digunakan untuk jalan raya, kawasan industri, dan area parkir. Di samping itu kami menghadirkan campuran hotmix dengan proporsi material yang tepat, menghasilkan permukaan yang rata dan tahan beban berat.</p>



<h3 class="wp-block-heading">2. Aspal Curah (Aspal Penetrasi)</h3>



<p>Cocok untuk pengerjaan jalan lapisan bawah dan perkerasan utama. Karena aspal ini memiliki fleksibilitas tinggi dan sangat ideal untuk proyek-proyek berskala besar.</p>



<h3 class="wp-block-heading">3. Aspal Emulsi</h3>



<p>Merupakan aspal cair berbahan dasar air, cocok untuk pekerjaan overlay dan tambal sulam. Mudah diaplikasikan dan cepat mengering, sangat efisien untuk pekerjaan ringan hingga menengah.</p>



<h3 class="wp-block-heading">4. Aspal Drum</h3>



<p>Aspal yang kami kemas dalam drum berukuran 150-200 kg, mudah penyimpanannya dan cocok untuk distribusi ke wilayah pelosok. Di samping itu jenis ini sangat cocok bagi kontraktor skala menengah yang membutuhkan efisiensi dalam pengangkutan.</p>



<section id="Harga">
<h2 class="subjudul">Daftar Harga Aspal Bogor Terbaru</h2>
</section>



<p>Untuk memudahkan Anda dalam memilih jenis aspal yang sesuai dengan kebutuhan proyek, kami menyediakan daftar harga aspal Bogor yang terupdate dan fleksibel tergantung volume serta jenis aspal. Berikut kisaran harga aspal Bogor dari kami:</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<section class="daftar-harga-section">
  <div class="harga-container">

    <h3 class="harga-title">Daftar Harga Aspal Hotmix per m²</h3>

    <div class="harga-list">

      <!-- III Laston -->
      <div class="harga-group">
        <div class="harga-header">III Laston</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 90.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-group">
        <div class="harga-header">III Laston Spesial</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 60.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 90.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-group">
        <div class="harga-header">Sandsheet</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>1 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 60.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 90.000,-</span>
          </div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-group">
        <div class="harga-header">HRS</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>2 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 90.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 145.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-group">
        <div class="harga-header">AC-WC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>3 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 115.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 145.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 200.000,-</span>
          </div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-group">
        <div class="harga-header">AC-BC</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>4 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 145.000,-</span>
          </div>
        </div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 200.000,-</span>
          </div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-group">
        <div class="harga-header">ATB</div>

        <div class="harga-item">
          <div class="kolom">
            <small>Ketebalan</small>
            <span>5 cm</span>
          </div>
          <div class="kolom harga">
            <small>Harga</small>
            <span>Rp 200.000,-</span>
          </div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
.daftar-harga-section {
  font-family: 'Segoe UI', sans-serif;
  background: #fdfdfd;
  padding: 50px 20px;
  display: flex;
  justify-content: center;
}

.harga-container {
  width: 100%;
  max-width: 900px;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,0.08);
}

.harga-title {
  background: #a10026;
  color: #fff;
  text-align: center;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  line-height: 1.4;
  font-size: 22px;
  padding: 18px;
  margin: 0;
  text-transform: uppercase;
}

.harga-group {
  border-bottom: 4px solid #a10026;
}

.harga-header {
  background: #091b32;
  color: #ffffff;
  font-weight: 700;
  font-size: 17px;
  padding: 14px 18px;
}

.harga-item {
  display: flex;
  justify-content: space-between;
  padding: 14px 18px;
  background: #fff;
  border-top: 1px dashed #e6dada;
  transition: 0.25s ease;
}

.harga-item:nth-child(even) {
  background: #fffdfd;
}

.kolom {
  width: 48%;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.kolom small {
  font-size: 13px;
  color: #666;
  margin-bottom: 3px;
}

.kolom span {
  font-size: 15px;
  font-weight: 600;
  color: #a10026;
}

.kolom.harga span {
  color: #a10026;
}

.harga-item:hover {
  background: #fdf1f4;
}

@media (max-width: 600px) {
  .harga-item {
    flex-direction: column;
    gap: 8px;
  }

  .kolom {
    width: 100%;
  }
}
</style>



<p class="has-text-align-center"><em>nb : untuk mengetahui&nbsp;<a href="http://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a>&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kami</em></p>



<p>Kami selalu terbuka untuk diskusi terkait anggaran proyek dan volume pembelian dalam jumlah besar. Jadi tunggu apalagi hubungi kami untuk mendapatkan penawaran harga khusus dan potongan menarik.</p>


<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<h2 class="subjudul">Mengapa Memilih Kami untuk Kebutuhan Aspal di Bogor?</h2>



<p>Kami berkomitmen untuk memberikan aspal terbaik yang sesuai standar proyek skala kecil hingga besar. Didukung oleh pengalaman panjang dalam industri aspal, kami terus menjaga kualitas bahan dan pelayanan agar para pelanggan kami merasa puas dan percaya untuk menjalin kerja sama jangka panjang.</p>



<p>Berikut beberapa alasan utama mengapa kami menjadi pilihan utama di Bogor:</p>



<style>
  .keunggulan-container {
    font-family: 'Segoe UI', sans-serif;
    background-color: #ffffff;
    border: 1px solid #fff6ef;
    border-radius: 10px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 20px;
    margin: 1.5rem 0;
  }

  .keunggulan-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
  }

  .keunggulan-item {
    background-color: #fdfdfd;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    padding: 15px 20px;
    transition: all 0.3s ease;
  }

  .keunggulan-item:hover {
    background-color: #ffe5e7;
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  }

  .keunggulan-title {
    font-size: 1.6rem;
    font-weight: bold;
    color: #a10026;
    margin-bottom: 8px;
  }

  .keunggulan-desc {
    font-size: 1.4rem;
    color: #555;
    line-height: 1.5;
  }

  @media (max-width: 600px) {
    .keunggulan-title {
      font-size: 1.2rem;
    }
    .keunggulan-desc {
      font-size: 1.1rem;
    }
  }
</style>

<div class="keunggulan-container">
  <div class="keunggulan-list">
    <div class="keunggulan-item">
      <div class="keunggulan-title">Aspal Berkualitas Tinggi</div>
      <div class="keunggulan-desc">
        Produk kami memiliki karakteristik ketahanan panas, daya lekat kuat, dan tahan lama.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Distribusi Cepat dan Tepat Waktu</div>
      <div class="keunggulan-desc">
        Kami memastikan pengiriman aspal ke lokasi Anda dilakukan secara efisien dan sesuai jadwal.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Konsultasi Gratis</div>
      <div class="keunggulan-desc">
        Tim kami siap memberikan saran jenis aspal yang sesuai dengan kebutuhan proyek Anda.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Harga Kompetitif</div>
      <div class="keunggulan-desc">
        Kami selalu menyesuaikan harga agar tetap ramah di anggaran, tanpa mengorbankan kualitas.
      </div>
    </div>
  </div>
</div>



<h2 class="subjudul">Kualitas Aspal yang Konsisten di Setiap Pengiriman</h2>



<p>Kami memastikan kualitas aspal tetap stabil meskipun pemesanan dalam jumlah besar. Sistem logistik yang kami kelola dirancang agar suhu dan kandungan aspal tetap terjaga saat proses distribusi. Hal ini menjadi nilai tambah karena Anda tidak perlu khawatir terjadi penurunan mutu sebelum proses pengerjaan dimulai.</p>



<p>Kami juga telah bekerja sama dengan banyak pelaku usaha <a href="https://hargaaspal.com/jasa-pengaspalan-bogor" target="_blank" rel="noreferrer noopener">jasa pengaspalan Bogor</a> yang telah membuktikan sendiri keunggulan produk kami dalam proses aplikasi aspal di lapangan. Oleh karena itu, kami percaya bahwa produk kami layak menjadi bagian dari proyek-proyek penting Anda di wilayah Bogor dan sekitarnya.</p>



<h2 class="subjudul">Akses Mudah dan Layanan Konsumen Responsif</h2>



<p>Dengan pusat distribusi di Bogor, kami memudahkan akses pembelian aspal dalam jumlah besar maupun kecil. Layanan pelanggan kami siap membantu Anda mulai dari pemilihan jenis aspal, estimasi volume, hingga penjadwalan pengiriman. Kami memahami bahwa proyek konstruksi bersifat dinamis, oleh karena itu kami hadir untuk memberikan solusi cepat dan tepat.</p>



<p>Sebagai penyedia aspal terpercaya, kami turut mendukung berbagai sektor pembangunan di Bogor. Beberapa proyek yang menggunakan aspal kami juga turut menggandeng <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan jalan</a> profesional untuk hasil kerja yang optimal dan tahan lama.</p>



<h2 class="subjudul">Testimoni</h2>



<section class="testi-section">


  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Arvino</div>
        <div class="testi-asal">Konsultan Teknik</div>
      </header>
      <p class="testi-quote">
        <strong>“Cocok Buat Area Parkir, Awet Sampai Sekarang”</strong><br>
        Kami pakai jasa ini buat halaman parkir kantor. Prosesnya cepat dan hasilnya rapi. Sampai sekarang nggak ada kerusakan atau retak sedikit pun. Udah direkomendasiin juga ke relasi lain.
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Meysha</div>
        <div class="testi-asal">Manajer Proyek</div>
      </header>
      <p class="testi-quote">
        <strong>“Pelayanan Responsif dan Tepat Waktu”</strong><br>
        Saya pesan aspal drum untuk proyek perumahan. Nggak nyangka pelayanannya secepat ini. Barang datang sesuai jadwal dan kualitasnya mantap.
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Rian</div>
        <div class="testi-asal">Pelaksana Lapangan</div>
      </header>
      <p class="testi-quote">
        <strong>“Kualitas Aspalnya Konsisten”</strong><br>
        Dari awal sampai akhir proyek, kualitas aspal yang dikirim selalu konsisten. Nggak pernah ada perubahan warna atau tekstur, sangat bisa diandalkan.
      </p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Devina</div>
        <div class="testi-asal">Kontraktor Mandiri</div>
      </header>
      <p class="testi-quote">
        <strong>“Harga Bersaing, Tapi Tetap Premium”</strong><br>
        Kami bandingkan dengan beberapa vendor lain, dan ternyata di sini harganya lebih masuk akal. Tapi kualitasnya justru lebih bagus dibanding yang mahal.
      </p>
    </article>

    <!-- Testimoni 5 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Maretha</div>
        <div class="testi-asal">Pengawas Lapangan</div>
      </header>
      <p class="testi-quote">
        <strong>“Rekomendasi dari Rekan Kerja, dan Ternyata Memuaskan”</strong><br>
        Pertama tahu dari rekan kerja, lalu coba langsung pesan. Ternyata pelayanannya profesional dan cepat tanggap. Nggak nyesel pakai aspal dari sini.
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  }
  .testi-section h2 {
    text-align: center;
    color: #a10026;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
  }
  .testi-section h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #a10026;
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: .9;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
  }

  .testi-card {
    position: relative;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
  }
  .testi-card::before {
    content: "“";
    position: absolute;
    right: 12px;
    top: -8px;
    font-size: 90px;
    line-height: 1;
    color: #a10026;
    opacity: .06;
    pointer-events: none;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-identitas {
    margin-bottom: 8px;
  }
  .testi-nama {
    font-weight: 700;
    color: #a10026;
    font-size: 16px;
    letter-spacing: .2px;
  }
  .testi-asal {
    font-size: 13.5px;
    color: #666;
    margin-top: 2px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    background: #fff4f6;
    border-left: 3px solid #a10026;
    padding: 12px 12px;
    border-radius: 8px;
    margin: 0;
  }

  .testi-quote strong {
    font-weight: 700;
    color: #444; /* mengikuti warna isi testimoni */
  }

  .testi-card:hover .testi-nama { color: #7e001d; }
  .testi-card:hover .testi-quote { background: #ffe9ee; }
</style>



<p></p>



<section id="Form">
<h2 class="subjudul">Hubungi Kami untuk Kualitas Aspal Terbaik</h2>
</section>



<p>Kami menyediakan aspal hotmix berkualitas dengan proses pengiriman cepat, tepat waktu, dan harga yang kompetitif. Karena dengan dukungan tim profesional, pekerjaan Anda dapat diselesaikan lebih efisien dan hasil lebih memuaskan. Tunggu apalagi, pesan sekarang juga. Lengkapi form pemesanan di bawah ini untuk mendapatkan penawaran resmi dan jadwal pengerjaan sesuai kebutuhan Anda.</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Satuan -->
    <div>
      <label for="satuan" style="font-weight:600;color:#333;">Pilih Satuan:</label>
      <select id="satuan" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Satuan --</option>
        <option value="ton">Ton</option>
        <option value="m2">M2</option>
        <option value="drum">Drum</option>
        <option value="liter">Liter</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div id="jenis-section" style="display:none;">
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Pilih Ketebalan (khusus M2) -->
    <div id="tebal-section" style="display:none;">
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Ketebalan --</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" id="label-jumlah" style="font-weight:600;color:#333;">Jumlah Pesanan:</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span id="satuan-label" style="color:#555;font-size:14px;">satuan</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const harga = {
  ton: {
    "Aspal Hotmix AC-WC": 1270000,
    "Aspal Hotmix AC-WC IV A": 1290000,
    "Aspal Hotmix AC-BC": 1220000,
    "Aspal Hotmix Laston": 1315000,
    "Aspal Hotmix Laston Spesial": 1420000,
    "Aspal Hotmix HRS": 1355000,
    "Aspal Hotmix Sand Sheet": 1525000,
    "Aspal Hotmix Sand Sheet Spesial": 1640000
  },
  m2: {
    1: 60000,
    2: 90000,
    3: 115000,
    4: 145000,
    5: 200000
  },
  drum: { "Emulsi": 12800 },
  liter: { "Emulsi": 12500 }
};

// Jenis aspal berdasarkan satuan
const jenisBySatuan = {
  ton: [
    "Aspal Hotmix AC-WC", "Aspal Hotmix AC-WC IV A", "Aspal Hotmix AC-BC",
    "Aspal Hotmix Laston", "Aspal Hotmix Laston Spesial", "Aspal Hotmix HRS",
    "Aspal Hotmix Sand Sheet", "Aspal Hotmix Sand Sheet Spesial"
  ],
  m2: [
    "AC WC", "AC BC", "HRS", "III Laston", "III Laston Special", "Sandsheet", "ATB"
  ],
  drum: ["Emulsi"],
  liter: ["Emulsi"]
};

// Ketebalan berdasarkan jenis (dibalik dari sebelumnya)
const tebalByJenis = {
  "AC WC": [3,4,5],
  "AC BC": [4,5],
  "HRS": [2,3,4],
  "III Laston": [2,3],
  "III Laston Special": [1,2,3],
  "Sandsheet": [1,2],
  "ATB": [5]
};

const satuanSelect = document.getElementById('satuan');
const jenisSelect = document.getElementById('jenis');
const tebalSelect = document.getElementById('tebal');
const tebalSection = document.getElementById('tebal-section');
const jenisSection = document.getElementById('jenis-section');
const jumlahInput = document.getElementById('jumlah');
const labelJumlah = document.getElementById('label-jumlah');
const satuanLabel = document.getElementById('satuan-label');

satuanSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';
  tebalSection.style.display = 'none';
  jenisSection.style.display = satuan ? 'block' : 'none';
  labelJumlah.textContent = satuan === 'm2' ? 'Luas (m²):' :
                            satuan === 'ton' ? 'Jumlah (Ton):' :
                            satuan === 'drums' ? 'Jumlah (Liter):' :
                            satuan === 'liter' ? 'Jumlah (Liter):' :
                            'Jumlah Pesanan:';
  satuanLabel.textContent = satuan || 'satuan';

  if (satuan && jenisBySatuan[satuan]) {
    jenisBySatuan[satuan].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
});

jenisSelect.addEventListener('change', () => {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;

  tebalSelect.innerHTML = '<option value="">-- Pilih Ketebalan --</option>';

  if (satuan === 'm2' && tebalByJenis[jenis]) {
    tebalByJenis[jenis].forEach(t => {
      const opt = document.createElement('option');
      opt.value = t;
      opt.textContent = `${t} cm`;
      tebalSelect.appendChild(opt);
    });
    tebalSection.style.display = 'block';
  } else {
    tebalSection.style.display = 'none';
  }
});

function hitungTotal() {
  const satuan = satuanSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);
  const tebal = tebalSelect.value;

  if (!satuan || !jenis || !jumlah) {
    alert('Silakan lengkapi semua pilihan dan jumlah.');
    return;
  }

  let hargaSatuan = 0;
  if (satuan === 'm2') {
    if (!tebal) {
      alert('Silakan pilih ketebalan.');
      return;
    }
    hargaSatuan = harga.m2[tebal];
  } else {
    hargaSatuan = harga[satuan][jenis];
  }

  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    ${satuan === 'm2' ? `Ketebalan: ${tebal} cm<br>` : ''}
    Jumlah: ${jumlah.toLocaleString('id-ID')} ${satuan}<br>
    Harga per ${satuan}: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis} ${satuan === 'm2' ? 'dengan ketebalan ' + tebal + ' cm' : ''}, ${jumlah} ${satuan}. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>



<h2 class="subjudul">Pertanyaan yang Sering Diajukan (FAQ)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756282467877"><strong class="schema-faq-question"><strong>1. Apakah jenis aspal yang paling cocok untuk proyek jalan lingkungan di Bogor?</strong></strong> <p class="schema-faq-answer"><a href="https://hargaaspal.com/jenis-aspal-hotmix-menurut-kegunaannya/" target="_blank" rel="noreferrer noopener">Jenis aspal hotmix</a> umumnya paling ideal untuk proyek jalan lingkungan karena daya tahannya terhadap beban sedang dan cuaca tropis yang ekstrem.</p> </div> <div class="schema-faq-section" id="faq-question-1756282486523"><strong class="schema-faq-question"><strong>2. Apakah tersedia layanan pengiriman aspal ke luar Bogor?</strong></strong> <p class="schema-faq-answer">Ya tentu saja, kami melayani pengiriman ke berbagai wilayah di sekitar Bogor, dengan sistem logistik yang mendukung pengiriman cepat dan efisien.</p> </div> <div class="schema-faq-section" id="faq-question-1756282499434"><strong class="schema-faq-question"><strong>3. Apakah bisa memesan aspal dalam jumlah kecil?</strong></strong> <p class="schema-faq-answer">Tentu saja. Kami menerima pemesanan mulai dari volume kecil untuk proyek skala rumah tangga hingga pemesanan dalam jumlah besar untuk proyek industri.</p> </div> <div class="schema-faq-section" id="faq-question-1756282516944"><strong class="schema-faq-question"><strong>4. Berapa lama proses pengiriman setelah melakukan pemesanan?</strong></strong> <p class="schema-faq-answer">Waktu pengiriman bervariasi tergantung lokasi dan jumlah pesanan, namun rata-rata pengiriman sekitar 1–3 hari kerja setelah konfirmasi pembayaran.</p> </div> <div class="schema-faq-section" id="faq-question-1756282525959"><strong class="schema-faq-question"><strong>5. Apakah harga aspal yang tercantum sudah termasuk PPN?</strong></strong> <p class="schema-faq-answer">Harga yang kami tampilkan belum termasuk PPN. Kami akan menyampaikan total harga lengkap beserta rincian saat Anda melakukan pemesanan.</p> </div> </div>



<p></p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bogor/">Harga Aspal Bogor Terbaru: Kualitas Tinggi untuk Kebutuhan Proyek Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pabrik Aspal Bogor – Penyedia Aspal Berkualitas untuk Proyek Infrastruktur</title>
		<link>https://hargaaspal.com/pabrik-aspal-bogor/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Fri, 17 Jan 2025 03:10:44 +0000</pubDate>
				<category><![CDATA[Bogor]]></category>
		<category><![CDATA[Pabrik Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1512</guid>

					<description><![CDATA[<p>Pabrik Aspal Bogor merupakan fasilitas produksi dan distribusi aspal yang melayani kebutuhan proyek jalan, area parkir, dan kawasan komersial di</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bogor/">Pabrik Aspal Bogor – Penyedia Aspal Berkualitas untuk Proyek Infrastruktur</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://hargaaspal.com/pabrik-aspal-bogor">Pabrik Aspal Bogor</a> merupakan fasilitas produksi dan distribusi aspal yang melayani kebutuhan proyek jalan, area parkir, dan kawasan komersial di wilayah Bogor dan sekitarnya. Keberadaan pabrik aspal yang andal menjadi faktor penting dalam menjaga kualitas dan ketahanan hasil pengaspalan, terutama untuk proyek dengan lalu lintas aktif dan penggunaan jangka panjang.</p>



<p>Kami menyediakan berbagai jenis aspal dengan spesifikasi teknis yang dapat kami sesuaikan dengan kebutuhan proyek, baik skala kecil maupun besar.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Produk" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Produk Aspal Kami</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<h2 class="subjudul">Profil Pabrik Aspal Bogor</h2>



<p>Sebagai pabrik aspal yang telah berpengalaman, kami berfokus pada penyediaan material aspal berkualitas dengan proses produksi yang terkontrol. Setiap tahapan produksi mengikuti standar mutu dan keselamatan kerja agar material yang dikirim ke lokasi proyek tetap stabil dan layak digunakan.</p>



<p>Selain memproduksi aspal, kami juga aktif berkolaborasi dengan kontraktor dan penyedia jasa pengaspalan Bogor untuk memastikan kebutuhan material terpenuhi tepat waktu.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Bogor-500x380.jpg" alt="Pabrik Aspal Bogor" class="wp-image-1521"/></figure>



<p>Pabrik aspal Bogor selalu mengutamakan kepuasan pelanggan dengan menyediakan aspal yang memiliki kualitas teruji dan tahan lama. Perusahaan ini juga terus berinovasi untuk mengikuti perkembangan teknologi dalam produksi aspal. Oleh karena itu kami percaya bahwa dengan memberikan solusi terbaik, kami dapat mendukung pembangunan infrastruktur yang lebih baik di Bogor dan sekitarnya.</p>



<p>Selain itu, kami memastikan setiap proses produksi sesuai dengan standar keamanan dan lingkungan yang tinggi. Kami selalu menjaga hubungan baik dengan pelanggan maupun jasa pengaspalan melalui layanan yang responsif dan konsultasi yang mendalam agar setiap kebutuhan proyek terpenuhi dengan baik.</p>



<p>Kami memahami bahwa setiap proyek pengaspalan maupun <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a> memiliki kebutuhan yang berbeda-beda, baik itu untuk pembangunan jalan raya, area parkir, atau fasilitas umum lainnya. Oleh karena itu, kami menawarkan berbagai macam jenis aspal yang dapat disesuaikan dengan kebutuhan spesifik Anda.</p>



<section id="Produk">
<h2 class="subjudul">Jenis Produk Aspal yang Tersedia</h2>
</section>



<p>Kami menyediakan beberapa jenis aspal yang umum digunakan dalam pekerjaan konstruksi jalan dan infrastruktur.</p>



<h3 class="wp-block-heading">1. Aspal Hotmix AC-WC</h3>



<p>Aspal Hotmix AC-WC digunakan sebagai lapisan permukaan jalan. Material ini memiliki daya tahan tinggi terhadap beban lalu lintas dan perubahan cuaca, sehingga cocok untuk jalan utama dan area publik.</p>



<h3 class="wp-block-heading">2. Aspal Hotmix AC-BC</h3>



<p>AC-BC berfungsi sebagai lapisan pengikat di bawah lapisan permukaan. Jenis aspal ini membantu menjaga stabilitas struktur jalan dalam jangka panjang.</p>



<h3 class="wp-block-heading">3. Aspal Hotmix AC-Base</h3>



<p>Aspal AC-Basesebagai lapisan dasar untuk menopang lapisan di atasnya. Material ini berperan penting dalam kekuatan konstruksi jalan.</p>



<h3 class="wp-block-heading">4. Aspal Emulsi</h3>



<p>Aspal emulsi berguna sebagai perekat atau pelapis permukaan. Karena jenis ini mudah pengaplikasiannya dan sering digunakan untuk perawatan jalan.</p>



<h3 class="wp-block-heading">5. Aspal Drum</h3>



<p>Aspal drum cocok untuk proyek skala kecil atau lokasi yang sulit dijangkau. <a href="https://hargaaspal.com/keunggulan-aspal-drum/" target="_blank" rel="noreferrer noopener">Keunggulan aspal drum</a> terletak pada kemudahan transportasi dan penyimpanannya. Aspal ini dikemas dalam drum, sehingga lebih praktis untuk digunakan dalam proyek-proyek kecil atau di lokasi yang sulit dijangkau.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Bogor-Aspal-Drum-500x380.jpg" alt="Pabrik Aspal Bogor Aspal Drum" class="wp-image-1522"/></figure>



<h3 class="wp-block-heading">6. Aspal Cutback</h3>



<p>Aspal cutback memiliki waktu pengeringan relatif cepat dan berguna untuk kebutuhan perbaikan jalan tertentu.</p>



<section id="Harga">
<h2 class="subjudul">Informasi Harga Aspal di Pabrik Aspal Bogor</h2>
</section>



<p>Harga aspal di Pabrik Aspal Bogor menyesuaikan dengan jenis material, volume pemesanan, serta lokasi proyek. Perbedaan kebutuhan teknis membuat harga aspal tidak bisa disamaratakan untuk semua proyek.</p>



<p>Untuk mendapatkan harga aspal Bogor yang sesuai dengan kebutuhan proyek, kami menyarankan konsultasi langsung agar spesifikasi dan estimasi biaya lebih akurat. Berikut daftar harga jasa pengaspalan dan satuan <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> yang kami tawarkan:</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<h3 class="wp-block-heading">1. Harga Aspal per Kilogram (Kg)</h3>



<p>Banyak kontraktor membeli aspal dalam ukuran ini untuk memperbaiki jalan atau menambal area yang rusak. Harga aspal per kilogram biasanya lebih tinggi daripada pembelian dalam jumlah besar karena biaya distribusi dan pengemasan yang lebih besar.</p>



<h3 class="wp-block-heading">2. Harga Aspal Cair</h3>



<p>Aspal cair merupakan jenis aspal yang memiliki viskositas rendah, sehingga lebih mudah pengaplikasiannya tanpa perlu pemanasan tinggi. Aspal cair sering untuk pelapis permukaan jalan atau sebagai perekat dalam proyek konstruksi. Harga aspal cair dapat dipengaruhi oleh kandungan senyawa dalam campurannya serta kebutuhan proyek yang berbeda-beda.</p>



<h3 class="wp-block-heading">3. Harga Aspal per Drum</h3>



<p>Bagi proyek skala menengah hingga besar, pengemasan aspal dalam drum untuk mempermudah transportasi dan penyimpanan. Satu drum biasanya memiliki kapasitas sekitar 200 kg, tergantung penggunaan jenis aspal Harga aspal per drum umumnya lebih ekonomis daripada pembelian dalam satuan kilogram karena mengurangi biaya kemasan dan distribusi.</p>



<h3 class="wp-block-heading">4. Harga Aspal per M (meter)</h3>



<p>Dalam proyek konstruksi tertentu, harga aspal per m (meter) perhitungannya berdasarkan panjang jalan. Metode ini digunakan ketika ketebalan dan lebar aspal sudah ditentukan, sehingga memudahkan estimasi biaya proyek secara lebih akurat. Harga aspal per m (meter) biasanya bergantung pada penggunaan jenis aspal serta kondisi permukaan.</p>



<h3 class="wp-block-heading">5. Harga Aspal per m2 (Meter Persegi)</h3>



<p>Aspal sering dijual dalam satuan meter persegi ketika digunakan untuk proyek jalan, lapangan parkir, atau area lainnya. Perhitungan harga ini mempertimbangkan ketebalan lapisan aspal serta jenis material tambahan. Harga aspal per m2 (meter persegi) dapat bervariasi tergantung pada kondisi tanah dan persiapan awal sebelum pengaspalan.</p>



<h3 class="wp-block-heading">6. Harga Aspal Hotmix per m3 (Meter Kubik)</h3>



<p>Untuk proyek besar seperti pembangunan jalan tol atau bandara, perhitungannya  dalam satuan meter kubik. Perhitungan harga ini mempertimbangkan volume total aspal untuk proyek tersebut. Harga aspal hotmix per m3 (meter kubik) dipengaruhi oleh kepadatan aspal serta jenis agregat yang digunakan dalam campurannya.</p>



<h3 class="wp-block-heading">7. Harga Hotmix per Ton</h3>



<p>Banyak distributor dan pabrik aspal menjual produk mereka dalam satuan ton karena lebih efisien untuk proyek konstruksi besar. Harga hotmix per ton umumnya lebih murah daripada satuan kecil karena pembelian dalam jumlah besar sering mendapatkan harga grosir. Harga ini juga tergantung oleh ketersediaan bahan baku dan biaya transportasi ke lokasi proyek.</p>



<h2 class="subjudul">Faktor yang Mempengaruhi Harga Aspal</h2>



<h3 class="wp-block-heading">Beberapa faktor utama yang memengaruhi harga aspal antara lain:</h3>



<ul class="wp-block-list">
<li>Jenis dan spesifikasi aspal</li>



<li>Volume pemesanan</li>



<li>Lokasi dan jarak pengiriman</li>



<li>Kebutuhan tambahan seperti jasa pengaspalan</li>
</ul>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-di-Bogor-500x380.jpg" alt="Pabrik Aspal di Bogor" class="wp-image-1523"/></figure>



<h2 class="subjudul">Testimoni Pabrik Aspal Bogor</h2>



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Medina</div>
        <div class="testi-asal">Manajer Proyek Jalan</div>
      </header>
      <p class="testi-quote">
        “Kami sangat puas dengan kualitas aspal yang kami dapatkan dari Pabrik Aspal Bogor. Proyek jalan kami selesai dengan hasil yang sangat memuaskan.”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Riza</div>
        <div class="testi-asal">Kontraktor Jasa Pengaspalan</div>
      </header>
      <p class="testi-quote">
        “Pelayanan tim Pabrik Aspal Bogor sangat profesional dan responsif. Kualitas produknya benar-benar bagus, kami akan kembali menggunakan produk mereka untuk proyek berikutnya.”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Pegi</div>
        <div class="testi-asal">Pemilik Usaha Konstruksi</div>
      </header>
      <p class="testi-quote">
        “Harga yang sangat kompetitif dengan kualitas produk yang sangat baik. Terima kasih Pabrik Aspal Bogor!”
      </p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Andra</div>
        <div class="testi-asal">Pengawas Infrastruktur Daerah</div>
      </header>
      <p class="testi-quote">
        “Aspal dari Pabrik Aspal Bogor terbukti tahan lama dan sesuai standar teknis. Jalan lingkungan yang kami kerjakan tetap mulus meski sering dilalui kendaraan berat.”
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  }
  .testi-section h2 {
    text-align: center;
    color: #a10026;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
  }
  .testi-section h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #a10026;
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: .9;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
  }

  .testi-card {
    position: relative;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
  }
  .testi-card::before {
    content: "“";
    position: absolute;
    right: 12px;
    top: -8px;
    font-size: 90px;
    line-height: 1;
    color: #a10026;
    opacity: .06;
    pointer-events: none;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-identitas {
    margin-bottom: 8px;
  }
  .testi-nama {
    font-weight: 700;
    color: #a10026;
    font-size: 16px;
    letter-spacing: .2px;
  }
  .testi-asal {
    font-size: 13.5px;
    color: #666;
    margin-top: 2px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    background: #fff4f6;
    border-left: 3px solid #a10026;
    padding: 12px 12px;
    border-radius: 8px;
    margin: 0;
  }

  .testi-card:hover .testi-nama { color: #7e001d; }
  .testi-card:hover .testi-quote { background: #ffe9ee; }
</style>



<section id="Form">
<h2 class="subjudul">Hubungi Kami Pabrik Aspal Bogor – Solusi Pengaspalan Tepat &#038; Berkualitas</h2>
</section>



<p>Jika Anda membutuhkan informasi lebih lanjut mengenai produk aspal atau ingin mendapatkan penawaran harga aspal Bogor terbaru, silakan hubungi tim kami. Konsultasi tersedia untuk membantu menentukan jenis aspal yang sesuai dengan kebutuhan proyek Anda.</p>


<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>



<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1)">

  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Jenis Aspal -->
    <div>
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <option value="">-- Pilih Jenis Aspal --</option>
        <option value="Aspal Hotmix AC-WC">Aspal Hotmix AC-WC</option>
        <option value="Aspal Hotmix AC-WC IV A">Aspal Hotmix AC-WC IV A</option>
        <option value="Aspal Hotmix AC-BC">Aspal Hotmix AC-BC</option>
        <option value="Aspal Hotmix Laston">Aspal Hotmix Laston</option>
        <option value="Aspal Hotmix Laston Spesial">Aspal Hotmix Laston Spesial</option>
        <option value="Aspal Hotmix HRS">Aspal Hotmix HRS</option>
        <option value="Aspal Hotmix Sand Sheet">Aspal Hotmix Sand Sheet</option>
        <option value="Aspal Hotmix Sand Sheet Spesial">Aspal Hotmix Sand Sheet Spesial</option>
      </select>
    </div>

    <!-- Jumlah Pesanan -->
    <div>
      <label for="jumlah" style="font-weight:600;color:#333;">Jumlah (Ton):</label>
      <div style="display:flex;align-items:center;gap:10px;">
        <input type="number" id="jumlah" min="1" style="flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;">
        <span style="color:#555;font-size:14px;">ton</span>
      </div>
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
const hargaTon = {
  "Aspal Hotmix AC-WC": 1270000,
  "Aspal Hotmix AC-WC IV A": 1290000,
  "Aspal Hotmix AC-BC": 1220000,
  "Aspal Hotmix Laston": 1315000,
  "Aspal Hotmix Laston Spesial": 1420000,
  "Aspal Hotmix HRS": 1355000,
  "Aspal Hotmix Sand Sheet": 1525000,
  "Aspal Hotmix Sand Sheet Spesial": 1640000,
	
};

function hitungTotal() {
  const jenis = document.getElementById('jenis').value;
  const jumlah = parseFloat(document.getElementById('jumlah').value);

  if (!jenis || !jumlah) {
    alert('Silakan pilih jenis aspal dan masukkan jumlah (ton).');
    return;
  }

  const hargaSatuan = hargaTon[jenis];
  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    Jumlah: ${jumlah.toLocaleString('id-ID')} ton<br>
    Harga per ton: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, Saya berminat untuk pesan ${jenis}, sebanyak ${jumlah} ton. Totalnya Rp ${total.toLocaleString('id-ID')}. Mohon informasinya.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;
  
  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>




<h2 class="subjudul">FAQ (Frequently Asked Questions) Pabrik Aspal Bogor</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758769665327"><strong class="schema-faq-question"><strong>1. Apa itu Aspal Hotmix?</strong></strong> <p class="schema-faq-answer">Aspal Hotmix adalah campuran aspal dengan agregat yang dipanaskan pada suhu tertentu. Jenis aspal ini biasanya untuk konstruksi jalan raya. Kelebihan aspal hotmix adalah memiliki daya tahan yang tinggi terhadap beban lalu lintas.</p> </div> <div class="schema-faq-section" id="faq-question-1758769677511"><strong class="schema-faq-question"><strong>2. Bagaimana Cara Pemesanan Aspal di Pabrik Aspal Bogor?</strong></strong> <p class="schema-faq-answer">Anda dapat memesan aspal melalui kontak yang tersedia di situs web kami atau dengan mengunjungi kantor kami langsung. Setelah itu, tim kami akan membantu Anda dalam proses pemesanan dan memberikan informasi lengkap mengenai produk yang tersedia.</p> </div> <div class="schema-faq-section" id="faq-question-1758769718556"><strong class="schema-faq-question"><strong>3. Apakah Pabrik Aspal Bogor Menyediakan Jasa Pengaspalan?</strong></strong> <p class="schema-faq-answer">Tentu saja, pabrik aspal Bogor juga bekerja sama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-bogor/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Bogor</a> untuk memudahkan pelanggan dalam menyelesaikan proyek jasa pengaspalan mereka. Layanan jasa pengaspalan ini mencakup pengaspalan jalan, parkir, dan area komersial lainnya.</p> </div> <div class="schema-faq-section" id="faq-question-1758769726606"><strong class="schema-faq-question"><strong>4. Apa Perbedaan Antara Aspal Emulsi dan Aspal Cutback?</strong></strong> <p class="schema-faq-answer">Aspal emulsi adalah campuran aspal dengan air, sedangkan aspal cutback adalah campuran aspal dengan pelarut cair. Keduanya memiliki keunggulan masing-masing dan penggunaanya untuk keperluan yang berbeda.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bogor/">Pabrik Aspal Bogor – Penyedia Aspal Berkualitas untuk Proyek Infrastruktur</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Bogor Profesional &#8211; Jasa Aspal Bogor Begaransi Uang Kembali</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-bogor/</link>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 06:24:07 +0000</pubDate>
				<category><![CDATA[Bogor]]></category>
		<category><![CDATA[Jasa Pengaspalan]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=985</guid>

					<description><![CDATA[<p>Halo kami dari layanan&#160;Jasa Pengaspalan Bogor, jasa pengaspalan terpercaya untuk kebutuhan pengaspalan jalan di wilayah Bogor dan sekitarnya. Kami perusahaan</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bogor/">Jasa Pengaspalan Bogor Profesional &#8211; Jasa Aspal Bogor Begaransi Uang Kembali</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Halo kami dari layanan&nbsp;Jasa Pengaspalan Bogor, <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan </a>terpercaya untuk kebutuhan pengaspalan jalan di wilayah Bogor dan sekitarnya. Kami perusahaan jasa pengaspalan dan jasa perbaikan jalan yang berkomitmen untuk memberikan layanan terbaik dengan menggunakan teknologi terkini dengan  tim profesional.</p>



<section class="hargaaspal-menu">
  <!-- Heading Menu dengan animasi -->
  <div class="menu-heading-alt">
    <span>MENU</span>
  </div>

  <div class="menu-container-angled">
    <a href="#Layanan" class="menu-link-angled" style="--i:0;">
      <span class="menu-title">Layanan</span>
    </a>

    <a href="#Harga" class="menu-link-angled" style="--i:1;">
      <span class="menu-title">Daftar Harga</span>
    </a>

    <a href="#Form" class="menu-link-angled" style="--i:3;">
      <span class="menu-title">Form Pemesanan</span>
    </a>
  </div>

  <!-- Garis Bawah Menu -->
  <div class="menu-bottom-line"></div>
</section>

<style>
/* Heading Menu dengan garis kiri-kanan + tulisan miring */
.menu-heading-alt {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.8rem;
  font-family: 'Segoe UI', sans-serif;
  overflow: hidden;
}

.menu-heading-alt::before,
.menu-heading-alt::after {
  content: "";
  flex: 1;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026);
  margin: 0 10px;
  border-radius: 2px;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipe 0.5s forwards;
}

.menu-heading-alt::after {
  background: linear-gradient(to left, transparent, #a10026);
  animation-delay: 0.3s;
}

.menu-heading-alt span {
  font-size: 1.6rem;
  font-weight: 700;
  color: #091b32;
  letter-spacing: 2px;
  font-style: bold;
  opacity: 0;
  transform: translateY(12px);
  animation: textFadeUp 0.5s forwards 0.3s;
}

/* Container menu */
.menu-container-angled {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* Menu link berbentuk jajar genjang */
.menu-link-angled {
  flex: 1 1 calc(25% - 1rem);
  background: #a10026;
  color: #fff;
  text-align: center;
  padding: 1.5rem 0.5rem;
  text-decoration: none;
  font-family: 'Segoe UI', sans-serif;
  font-weight: 600;
  transform: skew(-15deg) translateY(25px);
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  position: relative;
  opacity: 0;
  animation: cardSlideUp 0.5s forwards;
  animation-delay: calc(var(--i) * 0.15s + 0.6s);
  transition: all 0.3s ease;
}

.menu-link-angled span {
  display: block;
  transform: skew(15deg); /* Balikin text agar tidak miring di tombol */
}

.menu-link-angled:hover {
  background: #091b32;
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
  transform: skew(-15deg) translateY(-3px);
}

.menu-title {
  font-size: 1.2rem;
  text-transform: uppercase;
}

/* Garis Bawah Menu */
.menu-bottom-line {
  width: 100%;
  height: 3px;
  background: linear-gradient(to right, transparent, #a10026, transparent);
  margin-top: 1.5rem;
  transform: scaleX(0);
  transform-origin: center;
  animation: lineWipeFull 0.6s forwards;
  animation-delay: 1s;
  border-radius: 2px;
}

/* Animasi */
@keyframes lineWipe {
  to { transform: scaleX(1); }
}

@keyframes lineWipeFull {
  to { transform: scaleX(1); }
}

@keyframes textFadeUp {
  to { opacity: 1; transform: translateY(0); }
}

@keyframes cardSlideUp {
  to {
    opacity: 1;
    transform: skew(-15deg) translateY(0);
  }
}

/* Responsif */
@media (max-width: 992px) {
  .menu-link-angled {
    flex: 1 1 calc(50% - 1rem);
  }
}
@media (max-width: 480px) {
  .menu-link-angled {
    flex: 1 1 100%;
  }
}
</style>

<script>
// Smooth scroll
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
  anchor.addEventListener("click", function (e) {
    e.preventDefault();
    const target = document.querySelector(this.getAttribute("href"));
    if (target) {
      target.scrollIntoView({ behavior: "smooth", block: "start" });
    }
  });
});
</script>



<p>Bogor, dengan kondisi alamnya yang subur dan curah hujan yang tinggi, seringkali membuat jalan-jalan di wilayah ini rentan mengalami kerusakan. Jalan yang rusak tidak hanya mengganggu kenyamanan berkendara, tetapi juga dapat membahayakan keselamatan pengguna jalan. Melalui layanan kami, Jasa Pengaspalan Bogor hadir untuk memberikan solusi tepat dan berkualitas untuk mengatasi masalah tersebut.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/Jasa-Pengaspalan-Bogor-500x380.webp" alt="Jasa Pengaspalan Bogor" class="wp-image-1882"/></figure>



<h2 class="subjudul">Profil Perusahaan Jasa Pengaspalan Bogor</h2>



<h3 class="wp-block-heading">Latar Belakang dan Tujuan</h3>



<p>Kami adalah perusahaan&nbsp;<a href="https://hargaaspal.com/jasa-pengaspalan-bogor/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Bogor</a>&nbsp;yang telah berpengalaman lebih dari 10 tahun dalam bidang jasa pengaspalan jalan. Berawal dari kepedulian terhadap kondisi infrastruktur jalan di Bogor, kami hadir untuk memberikan solusi yang tepat dan berkelanjutan.</p>



<h3 class="wp-block-heading">Visi</h3>



<p>Menjadi perusahaan jasa pengaspalan terdepan di Bogor yang memberikan layanan berkualitas tinggi dengan mengutamakan kepuasan pelanggan dan keberlanjutan lingkungan.</p>



<p>Kami percaya bahwa jalan yang baik adalah investasi untuk masa depan. Dengan visi ini, kami terus berinovasi dan meningkatkan kualitas layanan jasa pengaspalan kami.</p>



<h3 class="wp-block-heading">Misi</h3>



<ol start="1" class="wp-block-list">
<li>Memberikan layanan pengaspalan yang cepat, tepat, dan berkualitas.</li>



<li>Menggunakan teknologi terkini dan bahan berkualitas untuk memastikan hasil yang tahan lama.</li>



<li>Menjaga lingkungan dengan meminimalkan dampak negatif dari proses pengaspalan.</li>
</ol>



<p>Misi kami adalah memberikan solusi terbaik bagi pelanggan dengan tetap menjaga keseimbangan alam.</p>



<h2 class="subjudul">Mengapa Jalan Bisa Rusak?</h2>



<p>Sebelum membahas solusi yang kami tawarkan, penting untuk memahami mengapa jalan bisa rusak. Berikut adalah beberapa <a href="https://hargaaspal.com/penyebab-jalan-rusak-cara-memperbaikinya/">penyebab jalan rusak</a> yang sering terjadi, terutama di wilayah Bogor:</p>



<h3 class="wp-block-heading">1. Curah Hujan Tinggi</h3>



<p>Bogor dikenal sebagai kota hujan dengan curah hujan yang tinggi. Air hujan yang terus-menerus menggenangi jalan dapat merusak struktur aspal, terutama jika tidak dilengkapi dengan sistem drainase yang baik. Selain itu genangan air yang tidak teratasi akan meresap ke dalam lapisan jalan, menyebabkan aspal menjadi rapuh dan berlubang.</p>



<h3 class="wp-block-heading">2. Beban Kendaraan Berat</h3>



<p>Lalu lintas kendaraan berat seperti truk dan bus dapat menyebabkan tekanan berlebih pada jalan, sehingga aspal menjadi retak dan berlubang. Beban yang berlebihan ini mempercepat proses kerusakan, terutama jika jalan tidak dirancang untuk menahan beban tinggi.</p>



<h3 class="wp-block-heading">3. Proses Alamiah</h3>



<p>Seiring waktu, aspal akan mengalami penurunan kualitas karena paparan sinar matahari, oksidasi, dan faktor cuaca lainnya. Proses alamiah ini menyebabkan aspal menjadi keras dan retak, sehingga membutuhkan perawatan berkala.</p>



<h3 class="wp-block-heading">4. Kesalahan dalam Konstruksi</h3>



<p>Kurangnya perhatian pada proses konstruksi, seperti penggunaan bahan yang tidak sesuai atau teknik pengaspalan yang kurang tepat, dapat menyebabkan jalan cepat rusak maupun stripping jalan. Selain itu kesalahan ini sering terjadi ketika proses pengaspalan tidak dilakukan oleh tenaga profesional.</p>



<section id="Layanan">
<h2 class="subjudul">Layanan Jasa Pengaspalan Bogor</h2>
</section>



<p>Setelah memahami penyebab kerusakan jalan, kami ingin memperkenalkan berbagai layanan jasa pengaspalan yang kami tawarkan untuk mengatasi masalah tersebut. Berikut adalah layanan unggulan dari&nbsp;Jasa Pengaspalan Bogor:</p>



<h3 class="wp-block-heading">1. Pengaspalan Jalan Baru</h3>



<p>Jasa pengaspalan Bogor menyediakan layanan pengaspalan jalan baru dengan menggunakan bahan berkualitas dari&nbsp;pabrik aspal Bogor&nbsp;untuk memastikan hasil yang tahan lama. Proses ini mencakup persiapan permukaan, pengaspalan, dan finishing untuk menghasilkan jalan yang halus dan kuat.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/Jasa-pengaspalan-jalan-Bogor-500x380.webp" alt="Jasa pengaspalan jalan Bogor" class="wp-image-1883"/></figure>



<h3 class="wp-block-heading">2. Perbaikan Jalan Rusak</h3>



<p>Layanan jasa perbaikan jalan rusak meliputi pengisian lubang, perbaikan retakan, dan pengaspalan ulang untuk mengembalikan kondisi jalan seperti semula. Tim Jasa Pengaspalan Bogormenggunakan teknik yang tepat untuk memastikan perbaikan bersifat permanen.</p>



<h3 class="wp-block-heading">3. Pengecoran Ulang</h3>



<p>Untuk jalan yang sudah parah, kami menawarkan layanan pengecoran ulang dengan teknologi terkini untuk memastikan kekuatan dan keawetan jalan. Proses ini melibatkan penghancuran lapisan lama dan penggantian dengan lapisan baru yang lebih kuat.</p>



<h2 class="wp-block-heading"></h2>



<section id="Harga">
  <h2 class="subjudul">Daftar Harga Jasa Pengaspalan Bogor Terbaru</h2>
</section>



<p>Bagi Anda yang sedang mencari jasa pengaspalan di wilayah Bogor, kami menyediakan layanan dengan kualitas terbaik dan harga yang kompetitif. Biaya pengaspalan dapat berbeda tergantung luas area, ketebalan lapisan aspal, serta kondisi lokasi. Berikut adalah tabel harga jasa pengaspalan di Bogor sebagai referensi awal, yang bisa membantu Anda memperkirakan kebutuhan anggaran proyek.</p>


<div class="wp-tabel-harga-aspal">
  <style>
    .wp-tabel-harga-aspal {
      font-family: 'Segoe UI', sans-serif;
      display: flex;
      justify-content: center;
      padding: 1.5rem 0;
      background-color: transparent;
    }

    .wp-tabel-harga-aspal .tabel-container {
      border-radius: 8px;
      overflow: hidden;
      box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      max-width: 850px;
      width: 100%;
      background-color: #ffffff;
      animation: fadeInAspal 0.6s ease;
      transition: box-shadow 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-container:hover {
      box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal {
      width: 100%;
      border-collapse: collapse;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal thead {
      background-color: #a10026;
      color: #ffffff;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
    .wp-tabel-harga-aspal .tabel-biaya-aspal td {
      padding: 18px 22px;
      border-bottom: 1px solid #e5e7eb;
      text-align: left;
      font-size: 1.4rem; /* lebih besar lagi */
      line-height: 1.6;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:nth-child(even) {
      background-color: #f9f9f9;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:hover {
      background-color: #fff1f3;
      transition: background-color 0.3s ease;
    }

    .wp-tabel-harga-aspal .tabel-biaya-aspal tbody tr:last-child td {
      border-bottom: none;
    }

    @media (max-width: 600px) {
      .wp-tabel-harga-aspal .tabel-biaya-aspal th, 
      .wp-tabel-harga-aspal .tabel-biaya-aspal td {
        padding: 14px 16px;
        font-size: 1.2rem; /* tetap besar tapi proporsional di HP */
      }
    }

    @keyframes fadeInAspal {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }
  </style>

  <div class="tabel-container">
    <table class="tabel-biaya-aspal" aria-label="Tabel harga aspal hotmix 2025">
      <thead>
        <tr>
          <th>Nama Bahan</th>
          <th>Harga per Ton</th>
        </tr>
      </thead>
      <tbody>
        <tr><td>AC BC</td><td>Rp 1.220.000,-</td></tr>
        <tr><td>AC WC</td><td>Rp 1.270.000,-</td></tr>
        <tr><td>AC WC IV A</td><td>Rp 1.290.000,-</td></tr>
        <tr><td>ATB</td><td>Rp 1.175.000,-</td></tr>
        <tr><td>HRS</td><td>Rp 1.355.000,-</td></tr>
        <tr><td>3 Laston</td><td>Rp 1.315.000,-</td></tr>
        <tr><td>3 Laston Spesial</td><td>Rp 1.420.000,-</td></tr>
        <tr><td>Sand Sheet</td><td>Rp 1.525.000,-</td></tr>
        <tr><td>Sand Sheet Spesial</td><td>Rp 1.640.000,-</td></tr>
        <tr><td>Emulsi (Per-Liter)</td><td>Rp 12.500,- / Liter</td></tr>
        <tr><td>Emulsi (Per-Drum)</td><td>Rp 12.801,- / Liter</td></tr>
      </tbody>
    </table>
  </div>
</div>



<section class="daftar-harga-section">
  <div class="harga-container">

    <div class="harga-grid">

      <!-- III Laston -->
      <div class="harga-card">
        <div class="card-header">III Laston</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- III Laston Spesial -->
      <div class="harga-card">
        <div class="card-header">III Laston Spesial</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
        </div>
      </div>

      <!-- Sandsheet -->
      <div class="harga-card">
        <div class="card-header">Sandsheet</div>
        <div class="card-body">
          <div class="harga-row"><span>1 cm</span><strong>Rp 60.000,-/m²</strong></div>
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
        </div>
      </div>

      <!-- HRS -->
      <div class="harga-card">
        <div class="card-header">HRS</div>
        <div class="card-body">
          <div class="harga-row"><span>2 cm</span><strong>Rp 90.000,-/m²</strong></div>
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-WC -->
      <div class="harga-card">
        <div class="card-header">AC-WC</div>
        <div class="card-body">
          <div class="harga-row"><span>3 cm</span><strong>Rp 115.000,-/m²</strong></div>
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- AC-BC -->
      <div class="harga-card">
        <div class="card-header">AC-BC</div>
        <div class="card-body">
          <div class="harga-row"><span>4 cm</span><strong>Rp 145.000,-/m²</strong></div>
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

      <!-- ATB -->
      <div class="harga-card">
        <div class="card-header">ATB</div>
        <div class="card-body">
          <div class="harga-row"><span>5 cm</span><strong>Rp 200.000,-/m²</strong></div>
        </div>
      </div>

    </div>
  </div>
</section>

<style>
  .daftar-harga-section {
    font-family: 'Segoe UI', sans-serif;
    background: #fdfdfd;
    padding: 50px 20px;
    display: flex;
    justify-content: center;
  }

  .harga-container {
    width: 100%;
    max-width: 1100px;
  }

  .harga-title {
    background: #a10026;
    color: #fff;
    text-align: center;
    font-weight: 600;
    font-size: 22px;
    padding: 18px;
    border-radius: 10px;
    text-transform: uppercase;
    margin-bottom: 30px;
    letter-spacing: 0.5px;
  }

  .harga-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
  }

  .harga-card {
    background: #fff;
    border-radius: 14px;
    border: 1px solid #fff6ef;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    overflow: hidden;
    transition: all 0.3s ease;
  }

  .harga-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 18px rgba(0,0,0,0.15);
  }

  .card-header {
    background: #a10026;
    color: #fff;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    padding: 14px 10px;
    border-bottom: 1px solid #f9f1f3;
  }

  .card-body {
    padding: 14px 20px;
    background: #fffdfd;
  }

  .harga-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px dashed #e6dada;
    font-size: 15px;
    color: #091b32;
  }

  .harga-row:last-child {
    border-bottom: none;
  }

  .harga-row strong {
    color: #a10026;
    font-weight: 700;
  }

  @media (max-width: 600px) {
    .harga-grid {
      grid-template-columns: 1fr;
    }

    .harga-row {
      flex-direction: column;
      align-items: flex-start;
      gap: 6px;
      font-size: 14px;
    }

    .card-header {
      font-size: 16px;
      padding: 12px;
    }
  }
</style>




<p class="has-text-align-center">Note: Belum termasuk jasa / mob-demob (mobilisasi)</p>


<style>
  .kontak-btn-container {
    display: flex;
    justify-content: center; /* tombol berada di tengah */
    gap: 1rem;
    flex-wrap: wrap;
    margin: 1.5rem 0;
    font-family: 'Segoe UI', sans-serif;
  }

  .kontak-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 18px;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    color: #fff;
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
  }

  .kontak-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
  }

  .btn-wa {
    background-color: #25D366; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>




<h2 class="subjudul">Jasa Pengaspalan Bogor Menggunakan Teknologi Modern</h2>



<p>Untuk memberikan hasil terbaik, kami menggunakan berbagai teknologi canggih dalam setiap proyek pengaspalan. Berikut adalah beberapa teknologi yang kami andalkan:</p>



<h3 class="wp-block-heading">1. Aspal Hotmix</h3>



<p>Aspal hotmix adalah teknologi pengaspalan yang paling umum digunakan karena kekuatan dan daya tahannya yang tinggi. Bahan ini dipanaskan hingga suhu tertentu untuk memastikan lapisan aspal dapat menempel dengan sempurna.</p>



<figure class="wp-block-image aligncenter size-large"><img loading="lazy" decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-hotmix-Bogor-500x380.webp" alt="jasa pengaspalan hotmix Bogor" class="wp-image-1885"/></figure>



<h3 class="wp-block-heading">2. Mesin Pengaspalan Modern</h3>



<p>Jasa pengaspalan Bogor menggunakan mesin pengaspalan modern yang memastikan proses pengaspalan berjalan cepat dan merata. Selain itu mesin ini dilengkapi dengan sistem kontrol yang presisi untuk menghasilkan permukaan jalan yang halus.</p>



<h3 class="wp-block-heading">3. Sistem Drainase Terintegrasi</h3>



<p>Untuk mengatasi masalah genangan air, kami menyediakan sistem drainase terintegrasi yang membantu memperpanjang usia jalan. Karena sistem ini dirancang untuk mengalirkan air dengan cepat dan mencegah kerusakan akibat genangan.</p>



<h2 class="subjudul">Tahap Proses Pengaspalan</h2>



<p>Proses pengaspalan yang kami lakukan terdiri dari beberapa tahap yang dirancang untuk memastikan hasil yang optimal. Berikut adalah tahap-tahapnya:</p>



<h3 class="wp-block-heading">1. Survei Lokasi</h3>



<p>Tim jasa pengaspalan Bogor akan melakukan survei lokasi untuk menilai kondisi jalan dan menentukan solusi terbaik. Survei ini mencakup pengukuran luas area, analisis kondisi permukaan, dan identifikasi masalah yang ada.</p>



<h3 class="wp-block-heading">2. Persiapan Permukaan</h3>



<p>Membersihkan dan meratakan permukaan jalan untuk memastikan lapisan aspal dapat menempel dengan baik. Jadi proses ini meliputi penghilangan kotoran, perbaikan dasar jalan, dan pemasangan prime coat.</p>



<h3 class="wp-block-heading">3. Pengaspalan</h3>



<p>Melakukan proses pengaspalan dengan menggunakan mesin modern dan bahan berkualitas. Pengaplikasian aspal secara merata untuk memastikan kekuatan dan kehalusan permukaan.</p>



<h3 class="wp-block-heading">4. Finishing</h3>



<p>Setelah pengaspalan selesai, kami melakukan finishing untuk memastikan permukaan jalan halus dan siap digunakan. Finishing juga mencakup pemasangan marka jalan dan sistem drainase.</p>



<h2 class="subjudul">Keunggulan Jasa Pengaspalan Bogor</h2>



<p>Kami memahami bahwa memilih penyedia jasa pengaspalan adalah keputusan penting. Berikut adalah alasan mengapa Anda harus memilih&nbsp;Jasa Pengaspalan Bogor:</p>



<h3 class="wp-block-heading">1. Tim Profesional</h3>



<p>Jasa pengaspalan Bogor memiliki tim yang berpengalaman dan terlatih untuk memberikan hasil terbaik. Karena setiap anggota tim kami memahami teknik pengaspalan yang tepat dan siap bekerja dengan efisien.</p>



<h3 class="wp-block-heading">2. Bahan Berkualitas</h3>



<p>Kami menggunakan bahan berkualitas dari&nbsp;<a href="https://hargaaspal.com/pabrik-aspal-bogor/" target="_blank" rel="noreferrer noopener">pabrik aspal Bogor</a>&nbsp;yang terjamin keawetannya. Pemilihan bahan ini melalui proses seleksi ketat untuk memastikan kualitas terbaik.</p>



<h3 class="wp-block-heading">3. Harga Kompetitif</h3>



<p>Kami menawarkan harga yang terjangkau tanpa mengorbankan kualitas. Selain itu setiap proyek jasa pengaspalan kami dapat disesuaikan dengan anggaran pelanggan tanpa mengurangi standar kualitas.</p>



<h3 class="wp-block-heading">4. Layanan Cepat</h3>



<p>Proses pengaspalan kami cepat dan efisien, sehingga tidak mengganggu aktivitas sehari-hari. Karena kami selalu berusaha menyelesaikan pekerjaan tepat waktu tanpa mengorbankan kualitas.</p>



<h2 class="subjudul">Testimoni</h2>



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Lia</div>
        <div class="testi-asal">Kepala Sekolah</div>
      </header>
      <p class="testi-quote">
        “Jalan di sekolah kami sekarang lebih aman untuk anak-anak. Terima kasih atas layanannya!”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Arin</div>
        <div class="testi-asal">Aktivis Lingkungan</div>
      </header>
      <p class="testi-quote">
        “Saya menghargai upaya perusahaan ini dalam menjaga lingkungan selama proses pengaspalan.”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Rina</div>
        <div class="testi-asal">Warga Perumahan Bandung</div>
      </header>
      <p class="testi-quote">
        “Layanan jasa pengaspalan Bandung prosesnya cepat dan hasilnya rapi. Saya sangat puas dengan layanan mereka.”
      </p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Fajar</div>
        <div class="testi-asal">Pengelola Kawasan Industri</div>
      </header>
      <p class="testi-quote">
        “Kami memesan untuk area parkir industri, hasilnya rata dan kokoh. Pekerjaan selesai sesuai jadwal.”
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: linear-gradient(180deg, #fafafa 0%, #f5f5f5 100%);
  }
  .testi-section h2 {
    text-align: center;
    color: #a10026;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative;
  }
  .testi-section h2::after {
    content: "";
    display: block;
    width: 70px;
    height: 4px;
    background: #a10026;
    margin: 10px auto 0;
    border-radius: 2px;
    opacity: .9;
  }

  .testi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 22px;
  }

  .testi-card {
    position: relative;
    background: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
    padding: 18px 18px 22px;
    transition: transform .3s ease, box-shadow .3s ease;
    overflow: hidden;
  }
  .testi-card::before {
    content: "“";
    position: absolute;
    right: 12px;
    top: -8px;
    font-size: 90px;
    line-height: 1;
    color: #a10026;
    opacity: .06;
    pointer-events: none;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-identitas {
    margin-bottom: 8px;
  }
  .testi-nama {
    font-weight: 700;
    color: #a10026;
    font-size: 16px;
    letter-spacing: .2px;
  }
  .testi-asal {
    font-size: 13.5px;
    color: #666;
    margin-top: 2px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    background: #fff4f6;
    border-left: 3px solid #a10026;
    padding: 12px 12px;
    border-radius: 8px;
    margin: 0;
  }

  .testi-card:hover .testi-nama { color: #7e001d; }
  .testi-card:hover .testi-quote { background: #ffe9ee; }
</style>



<section id="Form">
  <h2 class="subjudul">Hubungi Kami</h2>
</section>



<p>Untuk menggunakan layanan&nbsp;Jasa Pengaspalan Bogor, Anda dapat menghubungi kami melalui nomor telepon pada website ini. Tim jasa pengaspalan Bogor akan segera merespons dan memberikan penawaran terbaik sesuai kebutuhan Anda. Dengan layanan&nbsp;Jasa Pengaspalan Bogor, kami siap membantu mewujudkan jalan yang lebih baik untuk Anda. Hubungi kami sekarang dan dapatkan penawaran terbaik!</p>


<div class="form-container" style="max-width:600px;margin:auto;padding:20px;background:#f7f7f7;border-radius:12px;box-shadow:0 0 10px rgba(0,0,0,0.1);font-family:'Poppins',sans-serif;">
  <div style="display:flex;flex-direction:column;gap:15px;">

    <!-- Pilih Ketebalan -->
    <div>
      <label for="tebal" style="font-weight:600;color:#333;">Pilih Ketebalan Aspal:</label>
      <select id="tebal" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;">
        <option value="">-- Pilih Ketebalan --</option>
        <option value="1">1 cm</option>
        <option value="2">2 cm</option>
        <option value="3">3 cm</option>
        <option value="4">4 cm</option>
        <option value="5">5 cm</option>
      </select>
    </div>

    <!-- Pilih Jenis Aspal -->
    <div>
      <label for="jenis" style="font-weight:600;color:#333;">Pilih Jenis Aspal:</label>
      <select id="jenis" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;">
        <option value="">-- Pilih Jenis Aspal --</option>
      </select>
    </div>

    <!-- Luas -->
    <div>
      <label for="jumlah" style="font-weight:600;color:#333;">Luas Area (m²):</label>
      <input type="number" id="jumlah" min="1" step="0.1" placeholder="Masukkan luas area" style="width:100%;padding:10px;border-radius:6px;border:1px solid #ccc;box-sizing:border-box;">
    </div>

    <!-- Tombol Hitung -->
    <button onclick="hitungTotal()" style="width:100%;padding:12px;background:#a10026;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Hitung Total</button>

    <!-- Hasil -->
    <div id="hasil" style="margin-top:15px;padding:15px;background:#fff;border-radius:8px;display:none;">
      <h4 style="margin-bottom:10px;">Detail Pesanan:</h4>
      <p id="detail" style="margin-bottom:8px;line-height:1.6;"></p>
      <p><strong>Total Harga:</strong> <span id="total-harga" style="color:#a10026;font-weight:bold;"></span></p>
    </div>

    <!-- Tombol WhatsApp -->
    <a id="pesan-wa" href="#" target="_blank" style="display:none;text-decoration:none;">
      <button style="width:100%;margin-top:10px;padding:12px;background:#25d366;color:#fff;border:none;border-radius:6px;font-weight:bold;cursor:pointer;">Pesan Sekarang via WhatsApp</button>
    </a>

  </div>
</div>

<script>
// Harga per m2 berdasarkan ketebalan (contoh harga)
const harga = {
  1: 60000,
  2: 90000,
  3: 115000,
  4: 145000,
  5: 200000
};

// Jenis aspal berdasarkan ketebalan
const jenisByTebal = {
  1: ["III Laston Spesial", "Sandsheet"],
  2: ["HRS", "III Laston", "III Laston Spesial", "Sandsheet"],
  3: ["AC WC", "HRS", "III Laston", "III Laston Spesial"],
  4: ["AC BC", "AC WC", "HRS"],
  5: ["ATB", "AC BC", "AC WC"]
};

const tebalSelect = document.getElementById('tebal');
const jenisSelect = document.getElementById('jenis');
const jumlahInput = document.getElementById('jumlah');

tebalSelect.addEventListener('change', () => {
  jenisSelect.innerHTML = '<option value="">-- Pilih Jenis Aspal --</option>';
  const tebal = tebalSelect.value;
  if (jenisByTebal[tebal]) {
    jenisByTebal[tebal].forEach(j => {
      const opt = document.createElement('option');
      opt.value = j;
      opt.textContent = j;
      jenisSelect.appendChild(opt);
    });
  }
  document.getElementById('hasil').style.display = 'none';
  document.getElementById('pesan-wa').style.display = 'none';
});

function hitungTotal() {
  const tebal = tebalSelect.value;
  const jenis = jenisSelect.value;
  const jumlah = parseFloat(jumlahInput.value);

  if (!tebal) return alert('Silakan pilih ketebalan aspal.');
  if (!jenis) return alert('Silakan pilih jenis aspal.');
  if (!jumlah || jumlah <= 0) return alert('Masukkan luas area dengan benar.');

  const hargaSatuan = harga[tebal];
  const total = hargaSatuan * jumlah;

  document.getElementById('hasil').style.display = 'block';
  document.getElementById('detail').innerHTML = `
    Jenis Aspal: ${jenis}<br>
    Ketebalan: ${tebal} cm<br>
    Luas: ${jumlah.toLocaleString('id-ID')} m²<br>
    Harga per m²: Rp ${hargaSatuan.toLocaleString('id-ID')}
  `;
  document.getElementById('total-harga').textContent = 'Rp ' + total.toLocaleString('id-ID');

  const pesanText = `Halo hargaaspal.com, saya ingin memesan aspal hotmix:\n
- Jenis: ${jenis}
- Ketebalan: ${tebal} cm
- Luas: ${jumlah.toLocaleString('id-ID')} m²
- Total Harga: Rp ${total.toLocaleString('id-ID')}

Mohon informasi lebih lanjut.`;
  const waUrl = `https://api.whatsapp.com/send/?phone=62817892028&text=${encodeURIComponent(pesanText)}&type=phone_number&app_absent=0`;

  const waButton = document.getElementById('pesan-wa');
  waButton.href = waUrl;
  waButton.style.display = 'block';
}
</script>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">




<h2 class="subjudul">FAQ</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758532501894"><strong class="schema-faq-question"><strong>1. Apa itu prime coat?</strong></strong> <p class="schema-faq-answer">Prime coat adalah lapisan awal yang digunakan untuk meningkatkan adhesi antara aspal dan permukaan jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1758532524765"><strong class="schema-faq-question"><strong>2. Berapa lama proses pengaspalan selesai?</strong></strong> <p class="schema-faq-answer">Waktu penyelesaian tergantung pada luas area dan kondisi jalan, namun kami selalu berusaha menyelesaikan pekerjaan dengan cepat.</p> </div> <div class="schema-faq-section" id="faq-question-1758532539159"><strong class="schema-faq-question"><strong>3. Apakah bahan yang digunakan ramah lingkungan?</strong></strong> <p class="schema-faq-answer">Ya, kami menggunakan bahan yang ramah lingkungan dan meminimalkan dampak negatif pada alam.</p> </div> <div class="schema-faq-section" id="faq-question-1758532563966"><strong class="schema-faq-question"><strong>4. Bagaimana cara menghitung biaya pengaspalan?</strong></strong> <p class="schema-faq-answer">Perhitungan biaya berdasarkan luas area, kondisi jalan, dan jenis layanan. Untuk informasi lebih lanjut, dapat menghubungi kami.</p> </div> <div class="schema-faq-section" id="faq-question-1758532598438"><strong class="schema-faq-question"><strong>5. Apakah ada garansi untuk layanan pengaspalan?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami memberikan garansi untuk hasil pekerjaan kami.</p> </div> <div class="schema-faq-section" id="faq-question-1758532615631"><strong class="schema-faq-question"><strong>6. Apakah layanan ini tersedia di luar Bogor?</strong></strong> <p class="schema-faq-answer">Tentu saja, selain melayani jasa pengaspalan Bogor, kami juga melayani jasa pengaspalan di luar area Bogor.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bogor/">Jasa Pengaspalan Bogor Profesional &#8211; Jasa Aspal Bogor Begaransi Uang Kembali</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
