<?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>Bekasi Arsip - Harga Aspal Terbaru</title>
	<atom:link href="https://hargaaspal.com/category/bekasi/feed/" rel="self" type="application/rss+xml" />
	<link>https://hargaaspal.com/category/bekasi/</link>
	<description>Info Harga Aspal Terbaru. Menyediakan Berbagai Macam Jenis Aspal Berkualitas</description>
	<lastBuildDate>Mon, 19 Jan 2026 07:47:03 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Bekasi Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/bekasi/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Bekasi Terbaru dan Terlengkap untuk Kebutuhan Proyek Anda</title>
		<link>https://hargaaspal.com/harga-aspal-bekasi/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Thu, 17 Jul 2025 08:09:26 +0000</pubDate>
				<category><![CDATA[Bekasi]]></category>
		<category><![CDATA[Harga Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4664</guid>

					<description><![CDATA[<p>Harga aspal di Bekasi menjadi salah satu pertimbangan utama dalam perencanaan proyek infrastruktur, baik untuk pembangunan jalan baru, perbaikan jalan</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bekasi/">Harga Aspal Bekasi Terbaru dan Terlengkap untuk Kebutuhan Proyek Anda</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/harga-aspal-bekasi/" target="_blank" rel="noreferrer noopener">Harga aspal di Bekasi</a> menjadi salah satu pertimbangan utama dalam perencanaan proyek infrastruktur, baik untuk pembangunan jalan baru, perbaikan jalan lama, area industri, maupun lingkungan perumahan. Pemilihan jenis aspal yang tepat akan sangat berpengaruh pada kekuatan, daya tahan, serta efisiensi biaya jangka panjang.</p>



<p>Melalui halaman ini, kami menyajikan informasi lengkap seputar harga aspal Bekasi, jenis material aspal, estimasi kebutuhan, serta panduan memilih aspal yang sesuai dengan spesifikasi proyek Anda.</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">Jenis Aspal</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="wp-block-heading has-text-align-center"></h2>



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



<p>Setiap proyek memiliki kebutuhan teknis yang berbeda. Oleh karena itu, pemahaman jenis aspal sangat penting sebelum menentukan pilihan material.</p>



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



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



<p>Aspal hotmix banyak digunakan untuk jalan utama, kawasan industri, dan area dengan lalu lintas tinggi. Material ini memiliki daya tahan yang baik terhadap beban berat serta perubahan cuaca. <a href="https://hargaaspal.com/harga-aspal-hotmix/" target="_blank" rel="noreferrer noopener">Aspal hotmix</a> tersedia dalam berbagai jenis campuran sesuai kebutuhan proyek.</p>



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



<p>Aspal curah cocok untuk proyek skala menengah hingga besar. Pengiriman dilakukan menggunakan armada khusus agar suhu dan kualitas material tetap terjaga hingga tiba di lokasi pekerjaan.</p>



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



<p>Aspal drum ideal untuk proyek yang membutuhkan fleksibilitas penyimpanan. Jenis ini sering digunakan pada pekerjaan perbaikan jalan skala kecil atau proyek yang lokasinya jauh dari pabrik hotmix.</p>



<h3 class="wp-block-heading">4. AC-BC (Asphalt Concrete – Binder Course)</h3>



<p>AC-BC berfungsi sebagai lapisan pengikat antara pondasi jalan dan lapisan permukaan. Karena material ini membantu menjaga stabilitas struktur perkerasan dan mencegah kerusakan dini.</p>



<h3 class="wp-block-heading">5. AC-WC (Asphalt Concrete – Wearing Course)</h3>



<p>AC-WC merupakan lapisan paling atas yang langsung menerima beban lalu lintas. Oleh karena itu permukaan jalan menjadi lebih halus, nyaman, dan aman untuk dilalui.</p>



<h3 class="wp-block-heading">6. ATB (Asphalt Treated Base)</h3>



<p>ATB digunakan sebagai lapisan pondasi atas. Karena material ini berperan penting dalam menopang lapisan di atasnya dan meningkatkan daya dukung jalan.</p>



<h3 class="wp-block-heading">7. HRS (Hot Rolled Sheet)</h3>



<p>HRS memiliki tekstur lebih kasar sehingga memberikan daya cengkeram yang baik. Jenis aspal ini sering digunakan pada jalan dengan lalu lintas sedang hingga padat.</p>



<h3 class="wp-block-heading">8. Laston (Lapis Aspal Beton)</h3>



<p>Laston dikenal sebagai aspal hotmix berkualitas tinggi yang umum digunakan pada jalan utama dan jalur strategis karena ketahanannya terhadap beban berat.</p>



<h3 class="wp-block-heading">9. Sand Sheet</h3>



<p>Sand Sheet digunakan untuk perbaikan ringan dan pemeliharaan jalan. Selain itu proses aplikasinya cepat dan efisien.</p>



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



<p>Aspal emulsi berfungsi sebagai lapisan perekat antar lapisan perkerasan agar hasil pengaspalan lebih menyatu dan tahan lama.</p>



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



<p>Harga aspal tidak bersifat tunggal. Berikut beberapa faktor utama yang memengaruhi harga antara lain:</p>



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



<li>Ketebalan lapisan pengaspalan</li>



<li>Volume pemesanan</li>



<li>Lokasi dan jarak pengiriman</li>



<li>Kebutuhan proyek (jalan umum, industri, perumahan)</li>
</ul>



<p>Dengan memahami faktor-faktor ini, perencanaan anggaran proyek dapat dilakukan secara lebih akurat.</p>



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



<p><a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">Harga aspal</a> ditentukan oleh beberapa faktor utama, seperti jenis aspal, ketebalan lapisan, volume pemesanan, serta jarak distribusi dari lokasi produksi ke proyek. Karena faktor-faktor tersebut, harga aspal dapat berbeda antara satu proyek dengan proyek lainnya. Berikut adalah daftar harga aspal terbaru di Bekasi yang umum digunakan pada berbagai jenis proyek jalan dan area industri.</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;harga aspal&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kami</em></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">Kualitas Produk Aspal yang Kami Utamakan</h2>



<p>Kami hanya menyediakan produk aspal dengan standar mutu tinggi. Setiap material melalui proses kontrol kualitas, mulai dari viskositas, daya rekat, hingga stabilitas suhu. Dengan kualitas yang terjaga, hasil pengaspalan menjadi lebih awet dan meminimalkan biaya perawatan di kemudian hari.</p>



<h2 class="subjudul">Keuntungan Membeli Aspal dari Kamin</h2>



<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">Stok tersedia setiap saat</div>
      <div class="keunggulan-desc">
        Kami memiliki ketersediaan aspal yang stabil.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Layanan cepat dan responsif</div>
      <div class="keunggulan-desc">
        Kami siap melayani pertanyaan dan pesanan Anda kapan saja.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Pengiriman tepat waktu</div>
      <div class="keunggulan-desc">
        Kami memahami pentingnya ketepatan waktu dalam proyek konstruksi.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Harga kompetitif</div>
      <div class="keunggulan-desc">
        Kami menawarkan Harga Aspal Bekasi yang transparan, tanpa biaya tersembunyi.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Dukungan teknis</div>
      <div class="keunggulan-desc">
        Tim kami siap membantu Anda menentukan jenis aspal yang sesuai dengan spesifikasi proyek.
      </div>
    </div>
  </div>
</div>



<h2 class="subjudul">Jangkauan Pengiriman Produk</h2>



<p>Pengiriman meliputi seluruh wilayah Bekasi dan sekitarnya. Baik untuk proyek skala kecil maupun besar, kami siap memenuhi kebutuhan material secara berkelanjutan.</p>



<p>Sebagai informasi, kami sering bekerja sama kontraktor yang mengerjakan <a href="https://hargaaspal.com/jasa-pengaspalan-bekasi/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Bekasi</a>, karena mereka percaya pada kualitas dan ketepatan pengiriman produk aspal kami.</p>



<section id="Form">
<h2 class="subjudul">Hubungi Kami Sekarang untuk Mendukung Proyek Anda</h2>
</section>



<p>Untuk mendapatkan estimasi harga aspal Bekasi yang sesuai dengan kebutuhan proyek Anda, silakan hubungi tim kami. Konsultasi tersedia untuk membantu menentukan jenis aspal, volume, dan solusi terbaik bagi pekerjaan 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>




<section class="form-pemesanan">
  <form id="formAspal" onsubmit="return false;">
    <div class="form-group">
      <label for="jenisBahan">Nama Bahan</label>
      <select id="jenisBahan" required>
        <option value="">&#8212; Pilih Bahan &#8212;</option>
        <option value="Aspal Hotmix AC WC">Aspal Hotmix AC WC</option>
        <option value="Hotmix AC BC">Hotmix AC BC</option>
        <option value="Aspal Hotmix Laston">Aspal Hotmix Laston</option>
        <option value="Hotmix HRS">Hotmix HRS</option>
        <option value="Aspal Hotmix Sand Sheet">Aspal Hotmix Sand Sheet</option>
        <option value="Tack Coat (Per-Drum)">Tack Coat (Per-Drum)</option>
        <option value="Harga Aspal Hotmix Paket Per M2">Harga Aspal Hotmix Paket Per M²</option>
      </select>
    </div>

    <div class="form-group">
      <label for="satuan">Satuan</label>
      <select id="satuan" required disabled>
        <option value="">&#8212; Pilih Bahan Terlebih Dahulu &#8212;</option>
      </select>
    </div>

    <div class="form-group">
      <label for="jumlah">Jumlah</label>
      <input type="number" id="jumlah" min="1" placeholder="Masukkan jumlah" required>
    </div>

    <div id="formError" class="form-error"></div>

    <!-- Tombol dibuat dengan wrapper agar jarak rapi -->
    <div class="form-group btn-hitung-wrapper">
      <button type="button" class="btn-hitung" id="btnHitung">Hitung</button>
    </div>
  </form>

  <div id="hasilKalkulasi" class="hasil">
    <h3>Detail Pesanan</h3>
    <p><strong>Bahan:</strong> <span id="hasilBahan">&#8211;</span></p>
    <p><strong>Jumlah:</strong> <span id="hasilJumlah">&#8211;</span> <span id="hasilSatuan">&#8211;</span></p>
    <p><strong>Total Harga:</strong> <span id="hasilHarga">Rp 0</span></p>
    <a id="btnPesan" class="btn-pesan" href="#" target="_blank">Pesan Sekarang</a>
  </div>
</section>

<style>
  .form-pemesanan {
    background:#f9f9f9;
    padding:2rem;
    border-radius:16px;
    box-shadow:0 6px 16px rgba(0,0,0,0.08);
    max-width:520px;
    margin:2rem auto;
    font-family:'Segoe UI',sans-serif;
  }

  .form-group {
    margin-bottom:1rem;
    display:flex;
    flex-direction:column;
  }

  /* Tambahan jarak khusus tombol hitung */
  .btn-hitung-wrapper {
    margin-top:3.5rem; /* konsisten dengan form sebelumnya */
  }

  label {
    font-weight:600;
    margin-bottom:.4rem;
  }

  select, input, .btn-hitung {
    width:100%;
    box-sizing:border-box;
    padding:12px;
    border-radius:8px;
    font-size:1rem;
  }

  select, input {
    border:1px solid #d0d0d0;
    background:#fff;
    transition:border-color .2s ease;
  }

  select:focus, input:focus { border-color:#a10026; outline:none; }

  .btn-hitung {
    background:#a10026;
    color:#fff;
    border:none;
    font-weight:700;
    cursor:pointer;
    transition:background .2s ease, transform .12s ease;
  }
  .btn-hitung:hover { background:#091b32; transform:translateY(-2px); }

  .form-error {
    display:none;
    color:#a10026;
    font-size:.95rem;
    margin-bottom:.8rem;
    animation:fadeIn .2s ease forwards;
  }

  .hasil {
    display:none;
    margin-top:1.5rem;
    background:#fff;
    padding:1rem;
    border-radius:12px;
    box-shadow:0 2px 8px rgba(0,0,0,0.05);
    animation:fadeIn .3s ease forwards;
  }

  @keyframes fadeIn { 
    from{opacity:0;transform:translateY(8px);} 
    to{opacity:1;transform:none;} 
  }

  .btn-pesan {
    display:block;
    margin-top:1rem;
    background:#25D366;
    color:#fff;
    text-align:center;
    padding:10px;
    border-radius:8px;
    text-decoration:none;
    font-weight:700;
  }

  .btn-pesan:hover { background:#1eb354; }
</style>

<script>
document.addEventListener('DOMContentLoaded', () => {
  const dataHarga = {
    "Aspal Hotmix AC WC": { ton: 1235000 },
    "Hotmix AC BC": { ton: 1185000 },
    "Aspal Hotmix Laston": { ton: 1275000 },
    "Hotmix HRS": { ton: 1315000 },
    "Aspal Hotmix Sand Sheet": { ton: 1485000 },
    "Tack Coat (Per-Drum)": { drum: 2600000 },
    "Harga Aspal Hotmix Paket Per M2": { m2: 57000 }
  };

  const jenisBahan = document.getElementById('jenisBahan');
  const satuan = document.getElementById('satuan');
  const jumlah = document.getElementById('jumlah');
  const btnHitung = document.getElementById('btnHitung');
  const hasilKalkulasi = document.getElementById('hasilKalkulasi');
  const hasilBahan = document.getElementById('hasilBahan');
  const hasilJumlah = document.getElementById('hasilJumlah');
  const hasilSatuan = document.getElementById('hasilSatuan');
  const hasilHarga = document.getElementById('hasilHarga');
  const btnPesan = document.getElementById('btnPesan');
  const formError = document.getElementById('formError');

  function resetSatuan() {
    satuan.innerHTML = '<option value="">-- Pilih Bahan Terlebih Dahulu --</option>';
    satuan.disabled = true;
  }

  resetSatuan();

  jenisBahan.addEventListener('change', () => {
    const val = jenisBahan.value;
    hasilKalkulasi.style.display = 'none';
    satuan.innerHTML = '';
    if(val && dataHarga[val]) {
      const keys = Object.keys(dataHarga[val]);
      if(keys.length) {
        satuan.innerHTML = '<option value="">-- Pilih Satuan --</option>';
        keys.forEach(k => {
          const o = document.createElement('option');
          o.value = k;
          o.textContent = k.toUpperCase();
          satuan.appendChild(o);
        });
        satuan.disabled = false;
      } else resetSatuan();
    } else resetSatuan();
  });

  btnHitung.addEventListener('click', () => {
    formError.style.display = 'none';
    const bahan = jenisBahan.value;
    const sat = satuan.value;
    const jml = parseFloat(jumlah.value);

    if(!bahan) return showError('Pilih bahan terlebih dahulu.');
    if(!sat) return showError('Pilih satuan.');
    if(!jml || jml <= 0) return showError('Masukkan jumlah yang valid.');

    const hargaPer = dataHarga[bahan][sat];
    if(typeof hargaPer === 'undefined') return showError('Harga untuk kombinasi ini belum tersedia.');

    const total = hargaPer * jml;
    hasilBahan.textContent = bahan;
    hasilJumlah.textContent = jml.toLocaleString('id-ID');
    hasilSatuan.textContent = sat.toUpperCase();
    hasilHarga.textContent = 'Rp ' + total.toLocaleString('id-ID');
    hasilKalkulasi.style.display = 'block';

    const pesan = `Halo, saya ingin memesan ${bahan} sejumlah ${jml} ${sat.toUpperCase()}. Apakah totalnya Rp ${total.toLocaleString('id-ID')}?`;
    btnPesan.href = `https://api.whatsapp.com/send?phone=6281280381346&#038;text=${encodeURIComponent(pesan)}`;
  });

  function showError(msg){
    formError.textContent = msg;
    formError.style.display = 'block';
  }
});
</script>



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



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756279999654"><strong class="schema-faq-question">1. Apakah produk aspal yang tersedia bisa digunakan untuk proyek jalan skala besar?</strong> <p class="schema-faq-answer">Tentu saja, kami menyediakan aspal dalam jumlah besar dan kualitas tinggi yang cocok untuk proyek jalan nasional, kawasan industri, maupun proyek pemerintah.</p> </div> <div class="schema-faq-section" id="faq-question-1756280011063"><strong class="schema-faq-question">2. Apakah bisa memesan aspal tanpa jasa pengaspalan?</strong> <p class="schema-faq-answer">Tentu saja. Kami fokus menyediakan produk aspal saja. Anda dapat memesan aspal tanpa harus menggunakan jasa pengaspalan dari pihak manapun.</p> </div> <div class="schema-faq-section" id="faq-question-1756280020885"><strong class="schema-faq-question"><br/>3. Bagaimana cara pemesanan aspal untuk wilayah Bekasi?</strong> <p class="schema-faq-answer">Cukup hubungi kami melalui kontak yang tersedia di website. Tim kami akan membantu Anda mulai dari konsultasi kebutuhan hingga pengiriman produk.</p> </div> <div class="schema-faq-section" id="faq-question-1756280033999"><strong class="schema-faq-question">4. Apakah harga aspal sudah termasuk ongkos kirim?</strong> <p class="schema-faq-answer">Harga aspal bersifat fleksibel tergantung volume dan lokasi. Sedangkan untuk pengiriman ke wilayah Bekasi, kami bisa memberikan penawaran khusus.</p> </div> <div class="schema-faq-section" id="faq-question-1756280048333"><strong class="schema-faq-question">5. Apa saja metode pembayaran yang tersedia?</strong> <p class="schema-faq-answer">Kami menerima pembayaran melalui transfer bank, baik untuk perorangan maupun perusahaan. Kami juga menyediakan opsi invoice dan termin untuk kerja sama proyek jangka panjang.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bekasi/">Harga Aspal Bekasi Terbaru dan Terlengkap 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 Bekasi, Menyediakan Berbagai Kebutuhan Aspal</title>
		<link>https://hargaaspal.com/pabrik-aspal-bekasi/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Mon, 20 Jan 2025 10:00:25 +0000</pubDate>
				<category><![CDATA[Bekasi]]></category>
		<category><![CDATA[Pabrik Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1549</guid>

					<description><![CDATA[<p>Dalam dunia konstruksi, keberadaan pabrik aspal memiliki peran yang sangat penting dalam mendukung pembangunan infrastruktur, khususnya di wilayah perkotaan yang</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bekasi/">Pabrik Aspal Bekasi, Menyediakan Berbagai Kebutuhan Aspal</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Dalam dunia konstruksi, keberadaan pabrik aspal memiliki peran yang sangat penting dalam mendukung pembangunan infrastruktur, khususnya di wilayah perkotaan yang terus berkembang seperti Bekasi. Dengan tingginya kebutuhan akan aspal berkualitas dan harga aspal yang bersaing, hadirnya pabrik aspal di Bekasi menjadi solusi utama bagi berbagai proyek pembangunan jalan dan infrastruktur lainnya. Kami berkomitmen untuk menyediakan produk yang tidak hanya berkualitas, tetapi juga mendukung keberlanjutan pembangunan.</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 Bandung</h2>



<p>Sebagai salah satu produsen aspal terkemuka, <a href="https://hargaaspal.com/pabrik-aspal-bekasi/" target="_blank" rel="noreferrer noopener">Pabrik Aspal Bekasi</a> telah berdiri selama bertahun-tahun dengan komitmen untuk menyediakan produk aspal berkualitas tinggi. Kami memahami bahwa kualitas jalan tidak hanya bergantung pada desain dan konstruksi, tetapi juga pada penggunaan bahan baku. Oleh karena itu, pabrik aspal Bekasi menghadirkan produk aspal yang tahan lama dan sesuai dengan standar mutu internasional dengan harga aspal yang kompetitif.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="500" height="361" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-aspal-Bekasi.jpg" alt="Pabrik aspal Bekasi" class="wp-image-1567"/></figure>



<h3 class="wp-block-heading">Latar Belakang Pabrik Aspal Bekasi</h3>



<p>Pabrik Aspal Bekasi didirikan dengan tujuan untuk mendukung pembangunan infrastruktur yang lebih baik di Indonesia. Dengan pengalaman bertahun-tahun, kami telah bekerja sama dengan berbagai kontraktor <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a>, pemerintah, dan perusahaan swasta dalam penyediaan aspal berkualitas. Oleh karena itu kami berusaha menciptakan produk dengan kualitas tinggi.</p>



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



<p>Menjadi penyedia aspal terpercaya yang mendukung pembangunan infrastruktur berkelanjutan di Indonesia. Karena kami percaya bahwa dengan fokus pada kualitas, inovasi, dan keberlanjutan, kami dapat membantu menciptakan infrastruktur yang tangguh dan ramah lingkungan.</p>



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



<ol start="1" class="wp-block-list">
<li>Menyediakan produk aspal berkualitas tinggi yang memenuhi standar internasional. Kami memastikan setiap produk kami melalui proses pengujian yang ketat sebelum sampai ke tangan pelanggan.</li>



<li>Memberikan pelayanan terbaik kepada pelanggan. Karena kepuasan pelanggan menjadi prioritas utama kami dalam setiap aspek pelayanan.</li>



<li>Mengutamakan keberlanjutan lingkungan dalam setiap proses produksi. Kami menggunakan teknologi modern yang ramah lingkungan untuk mendukung upaya ini.</li>



<li>Membangun hubungan jangka panjang dengan mitra, pelanggan, maupun jasa pengaspalan. Kami percaya bahwa kemitraan yang kokoh adalah kunci keberhasilan bersama.</li>



<li></li>
</ol>



<section id="Produk">
<h2 class="subjudul">Produk Pabrik Aspal Bekasi</h2>
</produk>



<p>Pabrik Aspal Bekasi menyediakan berbagai jenis aspal yang dirancang untuk memenuhi kebutuhan konstruksi jalan yang beragam maupun jasa pengaspalan. Produk-produk kami produksi di asphalt mixing plant dengan teknologi terkini dan bahan baku berkualitas tinggi untuk memastikan hasil yang optimal. Berikut adalah beberapa produk unggulan pabrik aspal Bekasi beserta penjelasannya:</p>



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



<p>Aspal hotmix merupakan salah satu produk utama kami. Jenis aspal ini biasanya untuk pembangunan jalan raya, jalan tol, dan kawasan industri. Karena <a href="https://hargaaspal.com/kelebihan-aspal-hotmix/" target="_blank" rel="noreferrer noopener">kelebihan aspal hotmix</a> adalah memiliki daya tahan dan kekuatannya yang tinggi. Selain itu aspal hotmix memiliki campuran agregat dan aspal yang dirancang untuk menahan beban lalu lintas berat serta perubahan cuaca ekstrem.</p>



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



<p>Aspal emulsi sangat cocok untuk proyek perbaikan jalan. Dengan teknologi modern, produk ini menawarkan aplikasi yang lebih mudah dan efisien. Aspal emulsi juga ramah lingkungan karena proses produksinya meminimalkan emisi gas berbahaya.</p>



<h3 class="wp-block-heading">3. Aspal Beton (Laston)</h3>



<p>Aspal beton atau laston adalah jenis aspal yang penggunaannya untuk konstruksi jalan dengan beban berat, seperti jalan tol dan bandara. Produk ini memiliki daya tahan yang sangat baik terhadap tekanan tinggi, sehingga cocok untuk proyek jangka panjang yang memerlukan kekuatan struktural.</p>



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



<p>Untuk kebutuhan jalan yang memerlukan fleksibilitas tinggi, aspal polimer adalah pilihan terbaik. Karena produk ini dirancang untuk mengatasi perubahan suhu ekstrem dan mencegah retakan dini pada permukaan jalan.</p>



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



<p>Aspal dingin adalah solusi praktis untuk perbaikan jalan skala kecil. Produk ini mudah pengaplikasiannya tanpa memerlukan pemanasan terlebih dahulu, sehingga sangat efisien untuk perbaikan darurat.</p>



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



<p>Lataston merupakan jenis aspal khusus untuk proyek jalan perkotaan dengan beban lalu lintas sedang hingga tinggi. Produk ini banyak peminatnya karena kemampuannya dalam mengurangi risiko kerusakan dini dan memberikan hasil yang tahan lama.</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-di-Bekasi-500x380.jpg" alt="Pabrik aspal di Bekasi" class="wp-image-1568"/></figure>



<h2 class="subjudul">Mengapa Memilih Pabrik Aspal Bekasi?</h2>



<h3 class="wp-block-heading">1. Kualitas Terjamin</h3>



<p>Semua produk pabrik aspal Bekasi melewati proses pengujian kualitas yang ketat untuk memastikan hasil yang optimal. Karena kami selalu menggunakan bahan baku terbaik untuk menjaga standar mutu yang tinggi.</p>



<h3 class="wp-block-heading">2. Pengiriman Tepat Waktu</h3>



<p>Pabrik aspal Bekasi memahami pentingnya waktu dalam setiap proyek. Oleh karena itu, kami selalu berkomitmen untuk mengirimkan pesanan Anda tepat waktu sesuai dengan jadwal yang disepakati.</p>



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



<p>Tim kami terdiri dari para ahli yang berpengalaman dalam industri ini. Kami siap memberikan konsultasi dan dukungan teknis untuk membantu Anda mencapai hasil terbaik.</p>



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



<p>Dengan pengalaman bertahun-tahun, kami telah melayani berbagai proyek besar di wilayah Bekasi dan sekitarnya. Sehingga reputasi kami sebagai penyedia aspal berkualitas telah diakui oleh banyak pihak.</p>



<section id="Harga">
<h2 class="subjudul">Harga Aspal: Transparan dan Kompetitif</h2>
</section>



<p>Pabrik aspal Bekasi memahami pentingnya anggaran dalam setiap proyek konstruksi. Oleh karena itu, kami menawarkan <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> yang kompetitif tanpa mengorbankan kualitas. Harga yang kami tawarkan menyesuaikan dengan kebutuhan dan kondisi proyek Anda, sehingga Anda bisa mendapatkan nilai terbaik untuk investasi Anda. Berikut kami lampirkan daftar harga dan satuan harga aspal:</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>




<p class="has-text-align-center"><em>nb : untuk mengetahui&nbsp;harga aspal&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kami</em></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>




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



<p>Harga aspal per kilogram (kg) sangat cocok bagi pengguna yang membutuhkan jumlah kecil atau ingin melakukan uji coba sebelum membeli dalam jumlah besar. Satuan ini sering digunakan untuk proyek kecil atau perbaikan minor pada permukaan jalan. Kualitas aspal dalam satuan ini tetap harus diperhatikan agar sesuai dengan kebutuhan konstruksi.</p>



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



<p>Harga aspal cair sering digunakan untuk proyek yang membutuhkan daya rekat tinggi dan fleksibilitas lebih baik. Harganya bervariasi tergantung pada viskositas dan jenisnya, seperti aspal emulsi atau aspal cutback. Karena satuan ini ideal untuk aplikasi pelapisan ulang dan perbaikan jalan yang sudah ada.</p>



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



<p>Harga aspal per drum menjadi pilihan bagi proyek menengah hingga besar karena kemudahan dalam penyimpanan dan transportasi. Satu drum biasanya memiliki kapasitas tertentu yang memudahkan penghitungan kebutuhan aspal dalam proyek konstruksi. Pembelian dalam satuan ini sering kali lebih ekonomis dibandingkan pembelian dalam jumlah kecil.</p>



<figure class="wp-block-image size-full is-resized"><img loading="lazy" decoding="async" width="500" height="500" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-aspal-hotmix-di-Bekasi.jpg" alt="Pabrik aspal hotmix di Bekasi" class="wp-image-1569" style="width:400px" srcset="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-aspal-hotmix-di-Bekasi.jpg 500w, https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-aspal-hotmix-di-Bekasi-60x60.jpg 60w, https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-aspal-hotmix-di-Bekasi-150x150.jpg 150w" sizes="(max-width: 500px) 100vw, 500px" /></figure>



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



<p>Harga aspal per meter (m) sering digunakan untuk proyek yang membutuhkan aplikasi lapisan aspal dalam jalur tertentu, seperti pembuatan jalur pejalan kaki atau perbaikan jalur sepeda. Satuan ini memungkinkan perhitungan yang lebih detail sesuai dengan kebutuhan proyek.</p>



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



<p>Penggunaan satuan harga aspal per m2 (meter persegi) sangat umum dalam proyek pembangunan jalan dan lapangan. Satuan ini mempertimbangkan ketebalan lapisan aspal yang diterapkan, sehingga total biaya proyek dapat dihitung dengan lebih akurat. Faktor-faktor seperti jenis aspal dan kondisi permukaan dasar juga mempengaruhi harga dalam satuan ini.</p>



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



<p>Aspal dalam satuan meter kubik sering digunakan dalam proyek konstruksi skala besar, seperti jalan raya dan landasan pacu bandara. Volume yang lebih besar memberikan keuntungan dalam efisiensi biaya dan waktu pemasangan. Perhitungan harga aspal hotmix per m3 (meter kubik) mempertimbangkan kepadatan dan campuran material lainnya.</p>



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



<p>Harga hotmix per ton menjadi standar dalam industri konstruksi karena memberikan efisiensi biaya terbaik. Pembelian dalam jumlah besar biasanya dilakukan oleh kontraktor untuk proyek-proyek infrastruktur. Berat aspal dalam satuan ton juga memastikan distribusi material yang lebih merata dalam setiap tahap pengerjaan.</p>



<p>Dengan memahami berbagai satuan harga aspal di atas, kita dapat memilih jenis aspal yang paling sesuai dengan kebutuhan proyek. Pemilihan yang tepat akan berkontribusi pada kualitas dan ketahanan konstruksi dalam jangka panjang.</p>



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



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Febi</div>
        <div class="testi-asal">Manajer Kawasan Industri, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Kami sangat puas dengan kualitas aspal dari Pabrik Aspal Bekasi. Jalan di kawasan industri kami kini lebih tahan lama.”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Soni</div>
        <div class="testi-asal">Supervisor Logistik, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Pelayanan yang profesional dan pengiriman yang tepat waktu membuat kami selalu memilih Pabrik Aspal Bekasi.”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Joko</div>
        <div class="testi-asal">Kontraktor Swasta, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Harga yang kompetitif dengan kualitas yang tidak diragukan lagi. Terima kasih atas kerja sama yang luar biasa!”
      </p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Tiara</div>
        <div class="testi-asal">Konsultan Proyek Jalan Tol, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Aspal beton dari Pabrik Aspal Bekasi sangat cocok untuk proyek jalan tol kami. Hasilnya sangat memuaskan.”
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: #fdfdfd;
  }
  .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>Percayakan kebutuhan aspal Anda kepada Pabrik Aspal Bekasi, penyedia material terpercaya dengan standar mutu tinggi. Kami siap mendukung proyek jalan, parkiran, dan kawasan industri Anda agar lebih kuat, tahan lama, dan sesuai jadwal. Hubungi kami sekarang untuk 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)">

  <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 (Pertanyaan yang Sering Diajukan)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758703164999"><strong class="schema-faq-question">1. Apa saja produk unggulan dari Pabrik Aspal Bekasi?</strong> <p class="schema-faq-answer">Kami menawarkan berbagai jenis aspal seperti aspal hotmix, aspal emulsi, aspal beton, aspal polimer, aspal dingin, dan lataston.</p> </div> <div class="schema-faq-section" id="faq-question-1758703179098"><strong class="schema-faq-question"><strong>2. Apakah Pabrik Aspal Bekasi melayani jasa pengaspalan?</strong></strong> <p class="schema-faq-answer">Kami bekerja sama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-bekasi/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Bekasi</a> untuk mempermudah pelanggan dalam menyelesaikan proyek konstruksi mereka.</p> </div> <div class="schema-faq-section" id="faq-question-1758703192212"><strong class="schema-faq-question"><strong>3. Bagaimana cara memesan aspal di Pabrik Aspal Bekasi?</strong></strong> <p class="schema-faq-answer">Anda dapat menghubungi tim pemasaran kami melalui telepon atau email untuk mendapatkan informasi lebih lanjut dan melakukan pemesanan.</p> </div> <div class="schema-faq-section" id="faq-question-1758703206156"><strong class="schema-faq-question"><strong>4. Apakah ada diskon untuk pembelian dalam jumlah besar?</strong></strong> <p class="schema-faq-answer">Tentu saja, pabrik aspal Bekasi menawarkan diskon khusus untuk pembelian dalam jumlah besar. Hubungi kami untuk penawaran terbaik.</p> </div> <div class="schema-faq-section" id="faq-question-1758703224125"><strong class="schema-faq-question"><strong>5. Apakah produk aspal yang ditawarkan ramah lingkungan?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami berkomitmen pada keberlanjutan lingkungan dengan menggunakan teknologi ramah lingkungan dalam proses produksi aspal kami.</p> </div> </div>



<h3 class="wp-block-heading"></h3>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bekasi/">Pabrik Aspal Bekasi, Menyediakan Berbagai Kebutuhan Aspal</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Bekasi Terbaik, Berpengalaman &#038; Terpercaya</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-bekasi/</link>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 06:35:25 +0000</pubDate>
				<category><![CDATA[Bekasi]]></category>
		<category><![CDATA[Jasa Pengaspalan]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=998</guid>

					<description><![CDATA[<p>Kami dengan bangga mempersembahkan layanan jasa pengaspalan berkualitas tinggi untuk wilayah Bekasi dan sekitarnya. Sebagai perusahaan jasa pengaspalan Bekasi yang</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bekasi/">Jasa Pengaspalan Bekasi Terbaik, Berpengalaman &amp; Terpercaya</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Kami dengan bangga mempersembahkan layanan jasa pengaspalan berkualitas tinggi untuk wilayah Bekasi dan sekitarnya. Sebagai perusahaan <a href="https://hargaaspal.com/jasa-pengaspalan-bekasi/">jasa pengaspalan Bekasi</a> yang berpengalaman, kami memahami betapa pentingnya infrastruktur jalan yang baik bagi kelancaran aktivitas sehari-hari. Dengan layanan Jasa Pengaspalan Bekasi dari kami, kami siap membantu memperbaiki dan meningkatkan kualitas jalan Anda.</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>



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



<p>Sebelum membahas solusi yang kami tawarkan, penting untuk memahami terlebih dahulu mengapa jalan bisa rusak. Selain itu dengan mengetahui penyebabnya, kita dapat mengambil langkah pencegahan dan perbaikan yang tepat. Berikut adalah beberapa faktor utama yang menyebabkan kerusakan jalan:</p>



<h3 class="wp-block-heading">1. Faktor Cuaca</h3>



<p>Cuaca ekstrem seperti hujan deras dan panas terik dapat menyebabkan keretakan dan lubang pada permukaan jalan. Air hujan yang meresap ke dalam lapisan aspal akan mengikis material dasar, sementara panas matahari yang berlebihan dapat membuat aspal mengeras dan retak.</p>



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



<p>Lalu lintas kendaraan berat yang terus-menerus dapat merusak struktur jalan, terutama jika jalan tidak dirancang untuk menahan beban tersebut. Tekanan dari roda kendaraan berat dapat menyebabkan deformasi pada permukaan jalan.</p>



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



<p>Seiring waktu, material aspal akan mengalami penurunan kualitas, terutama jika tidak dilakukan perawatan rutin. Aspal yang sudah tua cenderung kehilangan elastisitasnya, sehingga mudah retak dan berlubang.</p>



<h3 class="wp-block-heading">4. Drainase yang Buruk</h3>



<p>Air yang tergenang di permukaan jalan dapat merusak lapisan aspal dan menyebabkan lubang. Drainase yang tidak baik akan mempercepat proses kerusakan jalan, terutama saat musim hujan.</p>



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



<p>Setelah memahami penyebab kerusakan jalan, kini saatnya mengenal layanan-layanan yang kami sediakan untuk mengatasi masalah tersebut. Selain itu kami menawarkan berbagai solusi <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a> yang menyesuaikan dengan kebutuhan Anda. Berikut adalah layanan utama yang kami sediakan:</p>



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



<p>Kami menyediakan layanan jasa pengaspalan jalan baru menggunakan material berkualitas seperti&nbsp;<a href="https://hargaaspal.com/kelebihan-aspal-hotmix/" target="_blank" rel="noreferrer noopener">aspal hotmix</a>&nbsp;untuk hasil yang tahan lama. Jadi proses ini mencakup persiapan lahan, pemasangan lapisan dasar, dan pengaspalan dengan teknologi terkini. Selain itu, kami memastikan setiap tahap pengerjaan dilakukan dengan teliti, mulai dari pembersihan area hingga finishing akhir. Karena dengan layanan ini, Anda bisa mendapatkan jalan yang mulus, kokoh, dan siap menahan beban kendaraan berat.</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="630" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/pengaspalan-jalan-bekasi-630x380.jpg" alt="pengaspalan jalan bekasi" class="wp-image-1000" title="pengaspalan jalan bekasi"/></figure>



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



<p>Tim kami siap memperbaiki jalan yang rusak dengan teknik dan alat terbaik. Kami akan mengidentifikasi area yang bermasalah, seperti lubang atau retakan, dan melakukan perbaikan jalan secara menyeluruh untuk memastikan jalan kembali mulus. Tidak hanya itu, kami juga memastikan bahwa area yang diperbaiki memiliki kualitas yang sama dengan bagian jalan lainnya, sehingga tidak mudah rusak kembali. Sehingga layanan ini sangat cocok untuk jalan-jalan yang sudah mulai menunjukkan tanda-tanda kerusakan.</p>



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



<p>Untuk jalan yang sudah parah, jasa pengaspalan Bekasi menawarkan layanan pengecoran ulang untuk mengembalikan kondisi jalan seperti baru. Karena proses ini melibatkan penghancuran lapisan lama dan penggantian dengan material baru yang lebih kuat dan tahan lama. Kami menggunakan teknologi modern dan material berkualitas tinggi untuk memastikan hasil yang maksimal. Jadi dengan layanan ini, jalan Anda akan kembali stabil dan aman untuk dilalui.</p>



<h3 class="wp-block-heading">4. Jasa Pengaspalan Area Parkir</h3>



<p>Tim Jasa Pengaspalan Bekasi juga melayani pengaspalan area parkir, baik untuk perumahan, perkantoran, maupun fasilitas umum. Sehingga area parkir yang diaspal dengan baik akan lebih awet dan nyaman digunakan. Tim Jasa Pengaspalan Bekasi memastikan bahwa permukaan parkir rata dan tidak mudah tergenang air, sehingga mengurangi risiko kerusakan di masa depan. Selain itu, kami menawarkan desain yang rapi dan profesional, sesuai dengan kebutuhan estetika dan fungsionalitas area parkir Anda.</p>



<p>Dengan berbagai layanan jasa pengaspalan yang kami tawarkan, kami siap menjadi mitra terpercaya Anda dalam menjaga dan memperbaiki infrastruktur jalan. Hubungi kami sekarang untuk konsultasi lebih lanjut!</p>



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



<p>Untuk Anda yang berlokasi di Bekasi dan membutuhkan layanan pengaspalan, berikut kami sajikan daftar harga jasa pengaspalan sebagai gambaran awal. Biaya pengaspalan biasanya dipengaruhi oleh luas area, ketebalan aspal, jenis material yang digunakan, serta kondisi lokasi pekerjaan. Tabel harga di bawah ini bisa dijadikan acuan, sementara untuk penawaran lebih detail dapat menyesuaikan kebutuhan proyek di lapangan.</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">Teknologi dan Alat yang Digunakan Jasa Pengaspalan Bekasi</h2>



<p>Untuk memberikan hasil terbaik, kami menggunakan teknologi dan alat-alat canggih dalam setiap proyek pengaspalan. Berikut adalah beberapa peralatan utama yang kami gunakan:</p>



<h3 class="wp-block-heading">1. Asphalt Mixing Plant</h3>



<p>Kami menggunakan asphalt mixing plant untuk memproduksi campuran aspal yang berkualitas tinggi dan konsisten. Selain itu alat ini memastikan campuran aspal memiliki komposisi yang tepat sesuai standar.</p>



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



<p>Mesin finisher digunakan untuk meratakan lapisan aspal secara presisi. Karena dengan alat ini, kami dapat menghasilkan permukaan jalan yang halus dan rata.</p>



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



<p>Vibratory roller digunakan untuk memadatkan aspal agar lebih kuat dan tahan lama. Selain itu alat ini memastikan lapisan aspal menyatu dengan sempurna.</p>



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



<p>Excavator digunakan untuk persiapan lahan sebelum proses pengaspalan dimulai. Jadi alat ini membantu membersihkan dan meratakan area yang akan diaspal.</p>



<h2 class="subjudul">Tahap-Tahap Proses Pengaspalan di Jasa Pengaspalan Bekasi</h2>



<p>Proses pengaspalan yang kami lakukan terdiri dari beberapa tahap yang saling terkait. Setiap tahap dirancang untuk memastikan hasil akhir yang maksimal. Berikut adalah tahap-tahapnya:</p>



<figure class="wp-block-image aligncenter"><img loading="lazy" decoding="async" width="630" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-bekasi-1-630x380.jpg" alt="jasa pengaspalan bekasi" class="wp-image-1001" title="jasa pengaspalan bekasi"/></figure>



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



<p>Tim kami akan melakukan survei untuk menilai kondisi jalan dan menentukan kebutuhan material. Survei ini membantu kami merencanakan proyek dengan lebih efektif.</p>



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



<p>Membersihkan lahan dan perataan menggunakan alat berat seperti excavator. Jadi tahap ini sangat penting untuk memastikan lapisan dasar yang kokoh.</p>



<h3 class="wp-block-heading">3. Pemasangan Lapisan Dasar</h3>



<p>Pemasangan lapisan dasar untuk memastikan stabilitas jalan. Jadi material yang digunakan disesuaikan dengan kondisi tanah dan beban yang akan ditanggung.</p>



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



<p>Melakukan proses pengaspalan dengan menggunakan mesin finisher dan pemadatan dengan vibratory roller. Tahap ini memastikan permukaan jalan halus dan kuat.</p>



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



<p>Pemeriksaan jalan dan penyempurnaan untuk memastikan kualitas akhir. Jasa pengaspalan Bekasi memastikan tidak ada cacat atau ketidaksempurnaan pada hasil kerja kami.</p>



<h2 class="subjudul">Cara Menghitung Kebutuhan Aspal</h2>



<p>Menghitung kebutuhan aspal adalah langkah penting dalam perencanaan proyek pengaspalan. Berikut adalah cara menghitungnya:</p>



<h3 class="wp-block-heading">1. Ukur Luas Area</h3>



<p>Hitung panjang dan lebar jalan area aspal. Misalnya, jika panjang jalan 100 meter dan lebarnya 5 meter, maka luas area adalah 500 meter persegi.</p>



<h3 class="wp-block-heading">2. Tentukan Ketebalan Aspal</h3>



<p>Umumnya, ketebalan aspal yang digunakan adalah 5-10 cm, tergantung pada kebutuhan dan beban yang akan ditanggung.</p>



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



<p>Gunakan rumus: Volume = Luas Area x Ketebalan Aspal. Misalnya, untuk luas 500 meter persegi dan ketebalan 0,05 meter, volume aspal yang dibutuhkan adalah 25 meter kubik.</p>



<h3 class="wp-block-heading">4. Konversi ke Tonase</h3>



<p>Setiap 1 meter kubik aspal setara dengan 2,3 ton. Jadi, untuk volume 25 meter kubik, kebutuhan aspal adalah 57,5 ton.</p>



<h2 class="subjudul">Kenapa Harus Memilih Jasa Pengaspalan Bekasi</h2>



<p>Kami memahami bahwa memilih penyedia jasa pengaspalan adalah keputusan penting. Berikut adalah alasan mengapa Anda harus memilih kami:</p>



<h3 class="wp-block-heading">1. Pengalaman Bertahun-Tahun</h3>



<p>Kami telah mengerjakan berbagai proyek jasa pengaspalan di Bekasi dan memiliki rekam jejak yang terbukti.</p>



<h3 class="wp-block-heading">2. Menggunakan Teknologi Terkini</h3>



<p>Kami menggunakan aspal dari&nbsp;<a href="https://hargaaspal.com/pabrik-aspal-bekasi/" target="_blank" rel="noreferrer noopener">pabrik aspal Bekasi</a>&nbsp;yang dilengkapi dengan teknologi asphalt mixing plant untuk memastikan kualitas material terbaik. Selain itu, kami juga menggunakan peralatan modern dalam mendukung proyek jasa pengaspalan.</p>



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



<p>Kami menawarkan harga layanan dan <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">harga aspal</a> yang transparan dan terjangkau tanpa mengorbankan kualitas.</p>



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



<p>Tim jasa pengaspalan Bekasi terdiri dari tenaga ahli yang berpengalaman di bidangnya, siap memberikan solusi terbaik untuk proyek Anda.</p>



<h2 class="subjudul">Testimoni Pengguna Jasa Pengaspalan Bekasi</h2>



<section class="testi-section">


  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Brian</div>
        <div class="testi-asal">Ketua RT Perumahan, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Kami percayakan pengaspalan perumahan kami kepada Jasa Pengaspalan Bekasi.”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Nadia</div>
        <div class="testi-asal">Pemilik Toko Kelontong, Bekasi Timur</div>
      </header>
      <p class="testi-quote">
        “Area parkir toko saya sekarang lebih nyaman setelah diaspal oleh Jasa Pengaspalan Bekasi.”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Lisa</div>
        <div class="testi-asal">Pengurus RW, Bekasi Barat</div>
      </header>
      <p class="testi-quote">
        “Proses pengaspalan jalan kompleks kami di Bekasi Barat berjalan cepat dan hasilnya rapi. Jalan jadi lebih mulus dan nyaman dilewati kendaraan.”
      </p>
    </article>

    <!-- Testimoni 4 (tambahan) -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Rudi</div>
        <div class="testi-asal">Manajer Proyek Gudang Logistik, Bekasi</div>
      </header>
      <p class="testi-quote">
        “Pengaspalan halaman gudang kami dikerjakan dengan cepat. Hasilnya rata dan memudahkan keluar masuk truk setiap hari.”
      </p>
    </article>
  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 36px 20px;
    background: #fdfdfd;
  }
  .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:focus-within {
    outline: 2px solid #a10026;
    outline-offset: 2px;
  }

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



<section id="Form">
<h2 class="subjudul">Cara Memesan Layanan Jasa Pengaspalan</h2>
</section>



<p>Untuk memesan layanan jasa pengaspalan Bekasi, Anda dapat menghubungi nomor telepon yang tercantum pada website ini. Tim Jasa Pengaspalan Bekasi akan segera merespons dan memberikan penawaran terbaik untuk proyek 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">FAQ</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758530155242"><strong class="schema-faq-question">1. Berapa lama proses pengaspalan selesai?</strong> <p class="schema-faq-answer">Waktu penyelesaian tergantung pada luas area dan kondisi jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1758530201617"><strong class="schema-faq-question">2. Apakah bisa memilih material aspal?</strong> <p class="schema-faq-answer">Tentu saja, Tim Jasa Pengaspalan Bekasi menyediakan berbagai pilihan material sesuai kebutuhan.</p> </div> <div class="schema-faq-section" id="faq-question-1758530212334"><strong class="schema-faq-question">3. Bagaimana cara menghitung biaya pengaspalan?</strong> <p class="schema-faq-answer">Perhitungan biaya berdasarkan luas area, ketebalan aspal, dan jenis material. Untuk lebih detailnya dapat menghubungi tim kami, tim kami akan membantu Anda untuk menghitung area pengaspalan dengan melakukan survei areaterlebih dahulu.</p> </div> <div class="schema-faq-section" id="faq-question-1758530235008"><strong class="schema-faq-question">4. Apakah hanya melayani pengaspalan area Bekasi?</strong> <p class="schema-faq-answer">Tidak, Kami juga melayani pengaspalan di wilayah sekitar Bekasi, seperti Cikarang, Karawang, dan sekitarnya.</p> </div> <div class="schema-faq-section" id="faq-question-1758530242367"><strong class="schema-faq-question">5. Apakah ada garansi untuk layanan kami?</strong> <p class="schema-faq-answer">Kami memberikan garansi untuk setiap proyek yang kami kerjakan.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bekasi/">Jasa Pengaspalan Bekasi Terbaik, Berpengalaman &amp; Terpercaya</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
