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

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Bandung Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/bandung/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Bandung Terbaru &#038; Panduan Memilih Aspal yang Tepat</title>
		<link>https://hargaaspal.com/harga-aspal-bandung/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Thu, 17 Jul 2025 05:01:04 +0000</pubDate>
				<category><![CDATA[Bandung]]></category>
		<category><![CDATA[Harga Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4653</guid>

					<description><![CDATA[<p>Harga aspal menjadi salah satu faktor paling krusial dalam perencanaan proyek jalan, parkiran, maupun area industri. Di wilayah Bandung, kebutuhan</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bandung/">Harga Aspal Bandung Terbaru &amp; Panduan Memilih Aspal yang Tepat</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Harga aspal menjadi salah satu faktor paling krusial dalam perencanaan proyek jalan, parkiran, maupun area industri. Di wilayah Bandung, kebutuhan akan aspal berkualitas tinggi semakin meningkat seiring padatnya mobilitas kendaraan dan kondisi cuaca yang menuntut material yang benar-benar tahan lama.</p>



<p class="wp-block-paragraph">Melalui halaman ini, kami menyajikan informasi <a href="https://hargaaspal.com/harga-aspal-bandung" target="_blank" rel="noreferrer noopener">harga aspal Bandung</a> terbaru, lengkap dengan penjelasan jenis aspal, kisaran harga per ton dan per meter persegi, serta panduan praktis agar Anda tidak salah memilih material sesuai kebutuhan proyek.</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>



<p class="wp-block-paragraph">Fokus kami bukan hanya menyediakan produk aspal, tetapi membantu Anda memahami harga aspal yang masuk akal, transparan, dan sesuai spesifikasi teknis lapangan.</p>



<section id="Produk">
<h2 class="subjudul">Jenis Aspal yang Umum Digunakan di Bandung</h2>
</section>



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



<p class="wp-block-paragraph">Aspal hotmix merupakan jenis aspal yang paling sering untuk proyek jalan raya, area parkir, dan kawasan industri. Material ini diproduksi melalui pencampuran agregat dan aspal pada suhu tinggi sehingga menghasilkan lapisan yang padat dan kuat.</p>



<p class="wp-block-paragraph">Untuk wilayah Bandung dengan lalu lintas padat, aspal hotmix menjadi pilihan utama karena:</p>



<ul class="wp-block-list">
<li>Mampu menahan beban kendaraan berat</li>



<li>Permukaan lebih rapi dan awet</li>



<li>Cocok untuk pemakaian jangka panjang</li>
</ul>



<p class="wp-block-paragraph">Harga aspal hotmix bervariasi tergantung jenis campuran seperti AC-WC, AC-BC, ATB, atau HRS.</p>



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



<p class="wp-block-paragraph">Aspal emulsi biasanya untuk pekerjaan perawatan jalan, pelapisan ulang, atau proyek dengan kebutuhan fleksibilitas tinggi. Karena berbasis air, aspal ini tidak memerlukan pemanasan ekstrem dan lebih praktis pengaplikasiannya.</p>



<p class="wp-block-paragraph">Aspal emulsi sering untuk:</p>



<ul class="wp-block-list">
<li>Perbaikan jalan lingkungan</li>



<li>Proyek skala kecil hingga menengah</li>



<li>Area dengan akses terbatas</li>
</ul>



<p class="wp-block-paragraph">Harga aspal emulsi dihitung per liter atau per drum, tergantung volume pemesanan.</p>



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



<p class="wp-block-paragraph">Aspal cair berfungsi sebagai lapisan pengikat antara permukaan lama dan lapisan baru. Material ini penting untuk memastikan daya rekat maksimal sebelum proses penghamparan aspal hotmix.</p>



<p class="wp-block-paragraph">Aspal cair umum digunakan pada:</p>



<ul class="wp-block-list">
<li>Pekerjaan overlay</li>



<li>Proyek rehabilitasi jalan</li>



<li>Tahapan awal pengaspalan</li>
</ul>



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



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



<p class="wp-block-paragraph">Berikut kisaran harga aspal Bandung yang berlaku saat ini. Harga dapat menyesuaikan volume pemesanan, lokasi proyek, serta jenis 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>



<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 wp-block-paragraph"><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: #0d5c2e; /* 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>




<p class="wp-block-paragraph">Dengan informasi harga yang transparan, kami berharap Anda dapat lebih mudah dalam merencanakan kebutuhan material proyek. Tim kami juga siap memberikan konsultasi mengenai jenis aspal yang paling sesuai untuk kondisi proyek Anda, sehingga anggaran dapat digunakan secara lebih efisien.</p>



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



<p class="wp-block-paragraph">Harga aspal tidak hanya ditentukan oleh jenis material. Beberapa faktor berikut sangat memengaruhi total biaya proyek:</p>



<ol class="wp-block-list">
<li><strong>Jenis aspal</strong> (AC-WC, AC-BC, HRS, ATB, dll.)</li>



<li><strong>Ketebalan lapisan</strong></li>



<li><strong>Volume pemesanan</strong></li>



<li><strong>Lokasi proyek di Bandung dan sekitarnya</strong></li>



<li><strong>Kondisi permukaan eksisting</strong></li>
</ol>



<p class="wp-block-paragraph">Memahami faktor ini membantu Anda menghindari pemborosan anggaran dan memilih solusi yang paling efisien.</p>



<h2 class="subjudul">Mengapa Harga Aspal Kami Kompetitif?</h2>



<p class="wp-block-paragraph">Kami memahami kebutuhan proyek di wilayah Bandung yang menuntut kecepatan, ketepatan, dan kualitas. Karena itu kami menawarkan:</p>



<ul class="wp-block-list">
<li>Material sesuai standar teknis</li>



<li>Pasokan stabil untuk proyek skala besar</li>



<li>Harga aspal yang transparan dan rasional</li>



<li>Dukungan teknis dan konsultasi pemilihan material</li>
</ul>



<p class="wp-block-paragraph">Dalam praktiknya, kami juga sering berkolaborasi dengan kontraktor <strong>jasa pengaspalan Bandung</strong> agar hasil akhir benar-benar optimal, bukan sekadar murah di awal.</p>



<h2 class="subjudul">Keunggulan Produk Aspal Kami</h2>



<p class="wp-block-paragraph">Kami tidak hanya fokus pada penyediaan aspal, namun juga pada kepuasan pelanggan. Berikut beberapa keunggulan produk kami:</p>



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

  .keunggulan-header {
    text-align: center;
    color: #a10026;
    font-size: 2.3rem;
    font-weight: bold;
    margin-bottom: 20px;
  }

  .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-header {
      font-size: 1.9rem;
    }
    .keunggulan-title {
      font-size: 1.2rem;
    }
  }
</style>

<div class="keunggulan-container">
  <div class="keunggulan-header">
  </div>
  <div class="keunggulan-list">
    <div class="keunggulan-item">
      <div class="keunggulan-title">Mutu Terjamin</div>
      <div class="keunggulan-desc">
        Setiap batch aspal kami melewati proses pengujian laboratorium agar kualitasnya konsisten.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Tahan Lama</div>
      <div class="keunggulan-desc">
        Kami menggunakan bahan baku terbaik yang membuat aspal lebih awet terhadap cuaca ekstrem dan beban berat.
      </div>
    </div>
    <div class="keunggulan-item">
      <div class="keunggulan-title">Pilihan Beragam</div>
      <div class="keunggulan-desc">
        Mulai dari aspal hotmix, emulsi, hingga cair, semua tersedia untuk berbagai kebutuhan konstruksi.
      </div>
    </div>
  </div>
</div>



<p class="wp-block-paragraph">Dalam proses penyediaan produk, kami juga sering bekerja sama dengan kontraktor yang menyediakan <a href="https://hargaaspal.com/jasa-pengaspalan-bandung/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Bandung</a> agar pengguna akhir bisa mendapatkan hasil yang maksimal dari aspal kami.</p>



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



<p class="wp-block-paragraph">Kami memahami kondisi geografis dan kebutuhan proyek di wilayah Bandung. Karena itu, kami hadir sebagai solusi bagi perusahaan konstruksi, developer, maupun instansi pemerintah yang mencari pasokan aspal berkualitas dengan harga bersaing. Jadi dengan layanan yang cepat dan responsif, kami siap membantu kelancaran proyek Anda.</p>



<p class="wp-block-paragraph">Kami juga menyediakan informasi terkini mengenai <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">Harga Aspal</a> melalui layanan pelanggan kami yang dapat dihubungi setiap saat. Anda tidak perlu khawatir dengan fluktuasi harga, karena kami selalu memberikan penawaran terbaik yang disesuaikan dengan kebutuhan dan volume pembelian.</p>



<section id="Form">
<h2 class="subjudul">Butuh Harga Aspal yang Sesuai Proyek Anda?</h2>
</section>



<p class="wp-block-paragraph">Setiap proyek memiliki kebutuhan berbeda, mulai dari jenis aspal, ketebalan, hingga lokasi pengiriman.<br>Untuk mendapatkan harga aspal yang paling akurat dan efisien sesuai kondisi lapangan di Bandung dan sekitarnya, Anda dapat berkonsultasi langsung dengan tim kami.</p>



<p class="wp-block-paragraph">Kami siap membantu Anda menentukan:</p>



<ul class="wp-block-list">
<li>Jenis aspal yang paling tepat</li>



<li>Estimasi kebutuhan material</li>



<li>Perhitungan biaya yang realistis</li>
</ul>



<p class="wp-block-paragraph">Konsultasi harga aspal GRATIS sebelum pemesanan.</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: #0d5c2e; /* Hijau WhatsApp */
  }

  .btn-wa:hover {
    background-color: #1eb354;
  }

  .btn-telp {
    background-color: #a10026; /* red branding */
  }

  .btn-telp:hover {
    background-color: #002d55;
  }

  .kontak-btn svg {
    width: 20px;
    height: 20px;
  }
</style>

<div class="kontak-btn-container">
  <!-- Tombol WhatsApp -->
  <a 
    href="https://api.whatsapp.com/send?phone=62817892028&text=Halo%20hargaaspal.com,%20mohon%20informasi%20mengenai%20harga%20aspal%20dan%20jasa%20pengaspalan." 
    target="_blank" 
    class="kontak-btn btn-wa"
  >
    <!-- Ikon WhatsApp -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M20.52 3.48A11.9 11.9 0 0012 .07C5.39.07.07 5.39.07 12c0 2.11.55 4.15 1.6 5.95L0 24l6.22-1.63A11.93 11.93 0 0012 23.93c6.61 0 11.93-5.32 11.93-11.93 0-3.19-1.24-6.19-3.41-8.52zM12 21.45c-1.91 0-3.77-.51-5.39-1.47l-.39-.23-3.69.97.99-3.59-.25-.37a9.43 9.43 0 01-1.5-5.15c0-5.22 4.25-9.47 9.47-9.47 2.53 0 4.9.98 6.68 2.76a9.4 9.4 0 012.79 6.72c0 5.22-4.25 9.47-9.47 9.47zm5.25-7.12c-.29-.15-1.73-.85-2-1-.27-.1-.47-.15-.67.15-.19.29-.77.96-.94 1.15-.17.2-.35.22-.64.07-.29-.15-1.22-.45-2.32-1.44-.86-.77-1.44-1.72-1.61-2.01-.17-.29-.02-.45.13-.6.13-.13.29-.35.43-.52.15-.17.19-.29.29-.48.1-.19.05-.36-.02-.52-.07-.15-.67-1.62-.91-2.21-.24-.58-.48-.5-.67-.51h-.57c-.19 0-.52.07-.79.36-.27.29-1.04 1.01-1.04 2.47s1.07 2.87 1.22 3.07c.15.19 2.11 3.22 5.1 4.51.71.31 1.26.5 1.69.64.71.23 1.35.2 1.86.12.57-.08 1.73-.71 1.98-1.4.25-.69.25-1.28.17-1.4-.07-.13-.26-.2-.55-.35z"/>
    </svg>
    WhatsApp
  </a>

  <!-- Tombol Telepon -->
  <a href="tel:62817892028" class="kontak-btn btn-telp">
    <!-- Ikon Telepon -->
    <svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 24 24">
      <path d="M6.62 10.79a15.534 15.534 0 006.59 6.59l2.2-2.2a1 1 0 011.01-.24c1.12.37 2.33.57 3.58.57a1 1 0 011 1V21a1 1 0 01-1 1C10.07 22 2 13.93 2 3a1 1 0 011-1h3.5a1 1 0 011 1c0 1.25.2 2.46.57 3.58.09.32.02.66-.24 1.01l-2.21 2.2z"/>
    </svg>
    Konsultasi Gratis
  </a>
</div>



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



<h2 class="subjudul">Pertanyaan Umum (FAQ)</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756196683442"><strong class="schema-faq-question">1. Apa perbedaan harga aspal hotmix dan aspal emulsi?</strong> <p class="schema-faq-answer">Aspal hotmix umumnya lebih mahal karena untuk pekerjaan struktural seperti jalan raya dan parkiran, sedangkan aspal emulsi lebih ekonomis dan sering untuk perawatan atau pelapisan ulang.</p> </div> <div class="schema-faq-section" id="faq-question-1756196717665"><strong class="schema-faq-question">2. Faktor apa saja yang memengaruhi harga aspal?</strong> <p class="schema-faq-answer">Harga aspal dipengaruhi oleh jenis aspal, ketebalan lapisan, volume pemesanan, lokasi proyek, dan kondisi permukaan jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1756196740793"><strong class="schema-faq-question">3. Apakah harga aspal bisa berubah?</strong> <p class="schema-faq-answer">Ya tentu saja. Harga aspal dapat berubah mengikuti harga bahan baku, jarak distribusi, dan kondisi pasar. Oleh karena itu, konfirmasi harga sebelum pemesanan.</p> </div> <div class="schema-faq-section" id="faq-question-1756196754950"><strong class="schema-faq-question">4. Aspal apa yang paling sering digunakan untuk proyek jalan?</strong> <p class="schema-faq-answer">Aspal hotmix jenis AC-WC dan AC-BC merupakan pilihan paling umum karena daya tahan dan kualitas permukaannya.</p> </div> <div class="schema-faq-section" id="faq-question-1756197038096"><strong class="schema-faq-question">5. Apakah produk aspal tersedia untuk luar Bandung?</strong> <p class="schema-faq-answer">Walaupun fokus kami adalah wilayah Bandung, kami tetap melayani permintaan dari wilayah lain selama memungkinkan secara logistik.</p> </div> </div>



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



<p class="wp-block-paragraph">Memilih aspal tidak cukup hanya melihat harga aspal termurah. Kesesuaian material dengan kondisi lapangan, spesifikasi teknis, dan kualitas distribusi justru menentukan umur pakai jalan dalam jangka panjang.</p>



<p class="wp-block-paragraph">Jadi dengan informasi harga aspal Bandung yang jelas dan transparan, kami berharap Anda dapat merencanakan proyek secara lebih matang, efisien, dan aman.</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: #0d5c2e; /* 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>

<p>Artikel <a href="https://hargaaspal.com/harga-aspal-bandung/">Harga Aspal Bandung Terbaru &amp; Panduan Memilih Aspal yang Tepat</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pabrik Aspal Bandung Solusi Terbaik untuk Aspal Hotmix</title>
		<link>https://hargaaspal.com/pabrik-aspal-bandung/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Tue, 21 Jan 2025 07:03:29 +0000</pubDate>
				<category><![CDATA[Bandung]]></category>
		<category><![CDATA[Pabrik Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1575</guid>

					<description><![CDATA[<p>Pabrik Aspal Bandung merupakan perusahaan yang bergerak di bidang produksi dan distribusi aspal berkualitas. Pabrik aspal Bandung berkomitmen mendukung pembangunan</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bandung/">Pabrik Aspal Bandung Solusi Terbaik untuk Aspal Hotmix</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph"><a href="https://hargaaspal.com/pabrik-aspal-bandung/" target="_blank" rel="noreferrer noopener">Pabrik Aspal Bandung</a> merupakan perusahaan yang bergerak di bidang produksi dan distribusi aspal berkualitas. Pabrik aspal Bandung berkomitmen mendukung pembangunan infrastruktur di Bandung dan sekitarnya dengan produk aspal yang inovatif dan ramah lingkungan. Komitmen ini tercermin dalam setiap langkah produksi kami, mulai dari pemilihan bahan baku, proses distribusi hingga harga aspal.</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 class="wp-block-paragraph">Seiring dengan meningkatnya pembangunan di Bandung, pabrik aspal Bandung melihat kebutuhan akan aspal berkualitas yang tidak hanya kuat tetapi juga memiliki daya tahan tinggi, untuk memenuhi kebutuhan berbagai proyek pengaspalan maupun <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a>. Oleh karena itu, Pabrik Aspal Bandung berdiri untuk menjawab tantangan tersebut. Jadi dengan menggunakan teknologi modern, termasuk asphalt mixing plant, pabrik aspal Bandung mampu memproduksi aspal dalam jumlah besar dengan standar mutu yang konsisten.</p>



<section id="Produk">
<h2 class="subjudul">Produk Unggulan Pabrik Aspal Bandung</h2>
</section>



<p class="wp-block-paragraph">Pabrik Aspal Bandung menawarkan berbagai macam produk aspal berkualitas tinggi untuk berbagai kebutuhan proyek Anda. Berikut adalah produk-produk unggulan pabrik aspal Bandung:</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-di-Bandung-e1738899789493.jpg" alt="Pabrik Aspal di Bandung"/></figure>



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



<p class="wp-block-paragraph"><a href="https://hargaaspal.com/kelebihan-aspal-hotmix/" target="_blank" rel="noreferrer noopener">Aspal hotmix</a> sangat cocok untuk proyek jalan raya dan area parkir. Dengan campuran bahan yang presisi, aspal hotmix pabrik aspal Bandung memiliki daya tahan tinggi terhadap cuaca ekstrem. Karena produk ini dirancang untuk memberikan permukaan jalan yang halus, tahan lama, dan mampu menahan beban kendaraan berat. Jadi proses produksinya menggunakan teknologi modern untuk meciptakan kualitas terbaik.</p>



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



<p class="wp-block-paragraph">Cocok untuk proyek perbaikan jalan atau lapisan dasar. Aspal emulsi kami rancang untuk proses aplikasi yang lebih cepat dan hemat biaya. Aspal ini merupakan campuran bitumen dan air yang telah diemulsi, sehingga mudah diaplikasikan tanpa memerlukan pemanasan tinggi. Selain itu produk ini ideal untuk proyek yang memerlukan efisiensi waktu dan biaya.</p>



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



<p class="wp-block-paragraph">Jenis aspal ini pengaplikasiannya untuk lapisan penetrasi dan sangat cocok untuk proyek di daerah dengan iklim tertentu. Selain itu, aspal cutback memiliki kelebihan dalam hal fleksibilitas dan kemudahan aplikasi, terutama pada suhu rendah. Karena produk ini sering digunakan untuk melapisi jalan pedesaan atau kawasan yang sulit dijangkau.</p>



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



<p class="wp-block-paragraph">Untuk proyek yang membutuhkan kekuatan ekstra, seperti jalan tol atau bandara. Aspal ini ditingkatkan dengan polimer agar lebih tahan lama. Kombinasi polimer memberikan sifat elastis dan fleksibel, sehingga mampu menahan beban berat serta perubahan suhu ekstrem. Selain itu produk ini menjadi pilihan utama untuk infrastruktur yang memerlukan durabilitas tinggi.</p>



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



<p class="wp-block-paragraph">Didesain untuk mengurangi genangan air di permukaan jalan, sehingga meningkatkan keamanan pengendara. Di samping itu aspal porous memiliki struktur berpori yang memungkinkan air mengalir melewati permukaan jalan. Oleh karena itu, produk ini sangat efektif untuk digunakan di area dengan curah hujan tinggi atau lokasi rawan banjir.</p>



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



<p class="wp-block-paragraph">Ideal untuk menutup retakan kecil di permukaan jalan, dan memberikan perlindungan tambahan terhadap kerusakan. Karena aspal sealant kami terbuat dari bahan berkualitas tinggi yang mampu menahan paparan sinar UV dan kelembapan. Selain itu produk ini membantu memperpanjang umur jalan dengan mencegah air dan material lain meresap ke dalam retakan.</p>



<h3 class="wp-block-heading">7. Cold Mix Asphalt</h3>



<p class="wp-block-paragraph">Solusi praktis untuk perbaikan jalan dalam skala kecil tanpa memerlukan alat berat. Cold mix asphalt dirancang untuk digunakan dalam kondisi dingin, sehingga sangat fleksibel dan mudah diaplikasikan. Karena produk ini sangat cocok untuk tambalan darurat atau proyek perbaikan yang membutuhkan kecepatan.</p>



<section id="Harga">
<h2 class="subjudul">Harga Aspal Pabrik Aspal Bandung</h2>
</section>



<p class="wp-block-paragraph">Kami memahami bahwa anggaran adalah salah satu pertimbangan utama dalam setiap proyek. Oleh karena itu, kami menawarkan <a href="https://hargaaspal.com">harga aspal</a> yang kompetitif tanpa mengurangi kualitas. Jadi harga produk kami bervariasi tergantung pada jenis aspal, volume pemesanan, dan lokasi pengiriman. Berikut kami lampirkan daftar harga aspal 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>



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




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



<p class="wp-block-paragraph">Harga aspal per kilogram (kg) sering menjadi acuan dalam pembelian skala kecil atau untuk kebutuhan spesifik proyek tertentu. Perlu diketahui untuk harga aspal per kilogram (kg) umumnya lebih mahal dibandingkan dengan pembelian dalam jumlah besar karena faktor kemasan dan distribusi.</p>



<h3 class="wp-block-heading">2. Harga Hotmix Per Ton</h3>



<p class="wp-block-paragraph">Dalam proyek konstruksi besar, pembelian aspal biasanya dalam satuan ton. Harga hotmix per ton lebih ekonomis daripada per kg karena pembelian dalam jumlah besar mendapatkan harga yang lebih murah.</p>



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



<p class="wp-block-paragraph">Aspal dalam bentuk drum sering untuk proyek-proyek sedang hingga besar. Harga aspal per drum tiap drumnya biasanya berisi sekitar 200 kg hingga 250 kg aspal cair atau padat.</p>



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



<p class="wp-block-paragraph">Dalam beberapa proyek tertentu, seperti pemasangan lapisan aspal untuk jalan kecil atau trotoar, harga aspal bisa dihitung berdasarkan panjang meter yang digunakan. Harga aspal per m (meter) sangat bergantung pada ketebalan dan penggunaan jenis aspal.</p>



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



<p class="wp-block-paragraph">Harga aspal per m2 (meter persegi) sering digunakan dalam proyek jalan dan lapangan olahraga. Di samping itu faktor-faktor yang mempengaruhi Harga aspal per m2 ini meliputi ketebalan lapisan aspal, jenis campuran, dan biaya tenaga kerja.</p>



<figure class="wp-block-image size-large"><img decoding="async" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Hotmix-Bandung-e1738899742893.jpg" alt="Pabrik Aspal Hotmix Bandung"/></figure>



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



<p class="wp-block-paragraph">Harga aspal hotmix per m3 (meter kubik) sering digunakan untuk proyek skala besar, seperti perbaikan jalan raya dan bandara.</p>



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



<p class="wp-block-paragraph">Aspal cair digunakan dalam berbagai aplikasi, termasuk perekat pada pekerjaan perkerasan jalan. Harga aspal cair bergantung pada jenisnya, seperti Aspal Emulsi atau Aspal Cutback.</p>



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



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Tirza</div>
        <div class="testi-asal">Bandung</div>
      </header>
      <p class="testi-quote">
        “Jangan sungkan untuk kosultasi dahulu sebelum membeli, tim mereka benar-benar profesional dan produknya berkualitas.”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Cita</div>
        <div class="testi-asal">Bandung</div>
      </header>
      <p class="testi-quote">
        “Aspal hotmix dari Pabrik Aspal Bandung benar-benar bermutu dan harga bersaing.”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Prasetyo</div>
        <div class="testi-asal">Bandung</div>
      </header>
      <p class="testi-quote">
        “Pelayanan pelanggan yang ramah dan responsif membuat pengalaman kami sangat positif. Terima kasih!”
      </p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Qori</div>
        <div class="testi-asal">Bandung</div>
      </header>
      <p class="testi-quote">
        “Kami sangat merekomendasikan Pabrik Aspal Bandung untuk kebutuhan aspal. Sudah dua kali menggunakan produk dari mereka.”
      </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 Aspal di Pabrik Aspal Bandung</h2>
</section>



<p class="wp-block-paragraph">Memesan aspal di Pabrik Aspal Bandung sangat mudah. Ikuti langkah-langkah berikut:</p>



<ol start="1" class="wp-block-list">
<li>Hubungi tim kami melalui telepon atau email.</li>



<li>Kemudian diskusikan kebutuhan proyek Anda, termasuk jenis aspal dan volume yang dibutuhkan.</li>



<li>Tim kami akan memberikan penawaran harga dan estimasi waktu pengiriman.</li>



<li>Setelah kesepakatan, kami akan segera memproses pesanan Anda.</li>
</ol>



<p class="wp-block-paragraph">Atau anda juga bisa mengisi form berikut untuk mengetahui perhitungan harga aspal yang akan anda pesan.</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</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1758616411585"><strong class="schema-faq-question"><strong>1. Apa keunggulan aspal dari Pabrik Aspal Bandung?</strong></strong> <p class="schema-faq-answer">Kami menggunakan bahan berkualitas tinggi dan teknologi modern untuk memastikan produk kami memenuhi standar internasional.</p> </div> <div class="schema-faq-section" id="faq-question-1758616424399"><strong class="schema-faq-question"><strong>2. Apakah tersedia pengiriman ke luar Bandung?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami melayani pengiriman ke berbagai wilayah di Indonesia.</p> </div> <div class="schema-faq-section" id="faq-question-1758616438119"><strong class="schema-faq-question"><strong>3. Apakah bisa memesan dalam jumlah kecil?</strong></strong> <p class="schema-faq-answer">Tentu saja. Kami melayani pesanan mulai dari skala kecil hingga besar sesuai kebutuhan Anda.</p> </div> <div class="schema-faq-section" id="faq-question-1758616451529"><strong class="schema-faq-question"><strong>4. Apakah tersedia layanan konsultasi proyek?</strong></strong> <p class="schema-faq-answer">Ya, kami menyediakan layanan konsultasi untuk membantu Anda memilih produk yang paling sesuai dengan kebutuhan proyek Anda. Selain itu kami juga bekerja sama denga <a href="https://hargaaspal.com/jasa-pengaspalan-bandung/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Bandung</a> untuk proyek pengaspalan jalan</p> </div> <div class="schema-faq-section" id="faq-question-1758616463721"><strong class="schema-faq-question"><strong>5. Berapa lama waktu pengiriman?</strong></strong> <p class="schema-faq-answer">Waktu pengiriman bergantung pada lokasi dan volume pesanan. Namun, kami selalu berupaya mengirimkan pesanan secepat mungkin.</p> </div> </div>



<p class="wp-block-paragraph">Dengan komitmen kami terhadap kualitas dan kepuasan pelanggan, Pabrik Aspal Bandung siap menjadi mitra terbaik Anda dalam setiap proyek konstruksi. Hubungi kami sekarang untuk mendapatkan penawaran terbaik!</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-bandung/">Pabrik Aspal Bandung Solusi Terbaik untuk Aspal Hotmix</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Bandung &#8211; Jasa Aspal Hotmix Bandung Berkualitas</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-bandung/</link>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 06:39:13 +0000</pubDate>
				<category><![CDATA[Bandung]]></category>
		<category><![CDATA[Jasa Pengaspalan]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1008</guid>

					<description><![CDATA[<p>Selamat datang di Jasa Pengaspalan Bandung, penyedia jasa pengaspalan terpercaya dan profesional. Kami mempersembahkan layanan jasa pengaspalan berkualitas tinggi untuk memenuhi kebutuhan</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bandung/">Jasa Pengaspalan Bandung &#8211; Jasa Aspal Hotmix Bandung Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p class="wp-block-paragraph">Selamat datang di Jasa Pengaspalan Bandung, penyedia jasa pengaspalan terpercaya dan profesional. Kami mempersembahkan layanan jasa pengaspalan berkualitas tinggi untuk memenuhi kebutuhan infrastruktur jalan di Bandung dan sekitarnya. Sebagai perusahaan jasa pengaspalan dan kontraktor aspal kami berkomitmen untuk memberikan hasil terbaik.</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">Profil Perusahaan Jasa Pengaspalan Bandung</h2>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-pengaspalan-Bandung-400x380.webp" alt="jasa pengaspalan Bandung" class="wp-image-3561"/></figure>



<h3 class="wp-block-heading">1. Latar Belakang dan Tujuan Jasa Pengaspalan Bandung</h3>



<p class="wp-block-paragraph">Jasa Pengaspalan Bandung didirikan dengan tujuan untuk memberikan kontribusi positif dalam pembangunan infrastruktur jalan di Bandung. Berawal dari tim kecil yang memiliki passion di bidang konstruksi, kami kini telah berkembang menjadi salah satu penyedia&nbsp;<a href="https://hargaaspal.com/jasa-pengaspalan-jalan/">jasa pengaspalan</a>&nbsp;terkemuka. Selain itu latar belakang kami yang kuat di bidang konstruksi dan pengaspalan memungkinkan kami untuk memahami setiap detail pekerjaan dengan baik.</p>



<h3 class="wp-block-heading">2. Visi dan Misi</h3>



<p class="wp-block-paragraph">Visi Jasa Pengaspalan Bandung:<br>Menjadi perusahaan jasa pengaspalan terdepan di Bandung yang terkenal karena kualitas, keandalan, dan inovasi dalam setiap pengerjaan proyek.</p>



<p class="wp-block-paragraph">Kami berkomitmen untuk terus mengembangkan teknologi dan metode kerja agar dapat memberikan hasil yang maksimal bagi klien kami. Kemudian dengan visi ini, kami ingin menjadi mitra terpercaya dalam pembangunan infrastruktur jalan di Bandung.</p>



<p class="wp-block-paragraph">Misi Jasa Pengaspalan Bandung:</p>



<ol start="1" class="wp-block-list">
<li>Memberikan layanan pengaspalan yang berkualitas tinggi dengan menggunakan teknologi terkini.</li>



<li>Menjaga kepuasan pelanggan melalui pelayanan yang profesional dan ramah.</li>



<li>Berkontribusi dalam pembangunan infrastruktur jalan yang aman dan nyaman bagi masyarakat.</li>
</ol>



<p class="wp-block-paragraph">Misi kami adalah memastikan setiap proyek jasa pengaspalan yang kami kerjakan memenuhi standar kualitas tertinggi dan memberikan manfaat jangka panjang bagi pengguna jalan.</p>



<h2 class="subjudul">Penyebab Jalan Rusak</h2>



<p class="wp-block-paragraph">Memahami <a href="https://hargaaspal.com/penyebab-jalan-rusak-cara-memperbaikinya/" target="_blank" rel="noreferrer noopener">penyebab kerusakan jalan</a> adalah langkah penting untuk menentukan solusi yang tepat. Berikut adalah beberapa faktor utama yang sering menyebabkan kerusakan pada jalan, terutama di wilayah Bandung yang memiliki kondisi alam dan lalu lintas yang unik.</p>



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



<p class="wp-block-paragraph">Curah hujan yang tinggi di Bandung seringkali menjadi penyebab utama kerusakan jalan. Air hujan yang terus-menerus meresap ke dalam lapisan jalan dapat melemahkan struktur aspal, terutama jika drainase tidak berfungsi dengan baik. Selain itu, perubahan suhu yang ekstrem antara siang dan malam juga menyebabkan aspal mengembang dan menyusut, sehingga memicu retakan. Retakan ini lama-kelamaan akan melebar dan membentuk lubang jika tidak segera melakukan perbaikan.</p>



<h3 class="wp-block-heading">2. Beban Lalu Lintas</h3>



<p class="wp-block-paragraph">Volume kendaraan yang tinggi, terutama di jalan-jalan utama Bandung, memberikan tekanan berlebih pada permukaan jalan. Kendaraan berat seperti truk dan bus dapat menyebabkan deformasi pada lapisan aspal, terutama jika ketebalan aspal tidak memadai. Selain itu, frekuensi kendaraan yang melintas secara terus-menerus juga mempercepat keausan permukaan jalan. Akibatnya, jalan menjadi berlubang dan tidak rata, yang dapat membahayakan pengendara.</p>



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



<p class="wp-block-paragraph">Proses pengaspalan yang tidak sesuai standar seringkali menjadi penyebab kerusakan jalan. Misalnya, penggunaan material berkualitas rendah atau ketebalan aspal yang tidak memadai dapat mengurangi daya tahan jalan. Selain itu, kesalahan dalam aplikasi&nbsp;prime coat&nbsp;atau lapisan dasar juga dapat menyebabkan aspal tidak menempel dengan sempurna. Hal ini mengakibatkan lapisan aspal mudah terkelupas dan rusak dalam waktu singkat.</p>



<p class="wp-block-paragraph">Dengan memahami penyebab-penyebab ini, kami jasa pengaspalan Bandung selalu memastikan setiap proyek pengaspalan dilakukan dengan standar tertinggi untuk menghindari kerusakan dini. Kami menggunakan material berkualitas dari&nbsp;<a href="https://hargaaspal.com/pabrik-aspal-bandung/" target="_blank" rel="noreferrer noopener">pabrik aspal Bandung</a>&nbsp;yang menerapkan teknologi terkini untuk memastikan jalan yang kami hasilkan tahan lama dan berkualitas.</p>



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



<p class="wp-block-paragraph">Jasa pengaspalan Bandung menyediakan berbagai layanan pengaspalan yang kami rancang untuk memenuhi kebutuhan Anda. Berikut adalah beberapa layanan jasa aspal unggulan yang kami tawarkan, disertai penjelasan lengkap untuk membantu Anda memilih solusi terbaik.</p>



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



<p class="wp-block-paragraph">Kami menyediakan layanan jasa pengaspalan jalan baru dengan menggunakan material berkualitas tinggi dan teknologi terkini. Proses ini dimulai dengan persiapan lahan yang matang, termasuk pemadatan tanah dan pembuatan lapisan dasar yang kuat. Setelah itu, kami mengaplikasikan aspal hotmix. Hasilnya, jalan yang kuat, rata, dan tahan lama. Jadi layanan ini cocok untuk perumahan, kawasan industri, atau jalan umum yang membutuhkan pembangunan dari nol.</p>



<figure class="wp-block-image aligncenter size-large"><img decoding="async" width="400" height="380" src="https://hargaaspal.com/wp-content/uploads/2024/05/jasa-aspal-Bandung-400x380.webp" alt="jasa aspal Bandung" class="wp-image-3563"/></figure>



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



<p class="wp-block-paragraph">Layanan pengecoran ulang kami rancang untuk mengatasi kerusakan parah pada jalan. Proses ini melibatkan penghancuran lapisan aspal lama dan penggantiannya dengan material baru. Kami menggunakan teknologi modern untuk memastikan lapisan baru memiliki ketebalan dan kepadatan yang sesuai. Hasilnya, jalan akan kembali seperti baru dan siap digunakan untuk aktivitas sehari-hari.</p>



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



<p class="wp-block-paragraph">Kami juga menyediakan layanan jasa pengaspalan ulang untuk jalan yang sudah aus. Proses ini melibatkan penghalusan permukaan lama dan penambahan lapisan aspal baru. Dengan menggunakan mesin pengaspalan modern, kami memastikan permukaan jalan menjadi rata dan halus. Layanan ini ideal untuk jalan yang masih memiliki struktur dasar yang baik tetapi membutuhkan peremajaan permukaan.</p>



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



<p class="wp-block-paragraph">Untuk jalan yang sudah mengalami kerusakan, kami menawarkan jasa perbaikan jalan yang komprehensif. Kami mulai dengan mengevaluasi tingkat kerusakan, kemudian membersihkan area yang rusak dan mengaplikasikan prime coat untuk memastikan adhesi yang sempurna. Selanjutnya, kami melakukan pengaspalan ulang pada area yang rusak. Jadi dengan metode ini, jalan akan kembali mulus dan aman untuk dilalui.</p>



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



<p class="wp-block-paragraph">Berikut adalah tabel estimasi biaya jasa pengaspalan Bandung berdasarkan jenis layanan dan luas area. Berikut daftar harga jasa pengaspalan:</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 wp-block-paragraph"><em>Untuk detail dan informasi lebih lengkap dapat menghubungi tim 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: #0d5c2e; /* 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="wp-block-heading"></h2>



<h2 class="subjudul">Teknologi yang Digunakan Jasa Pengaspalan Bandung</h2>



<p class="wp-block-paragraph">Untuk menghasilkan jalan yang berkualitas tinggi, kami menggunakan teknologi terkini dalam setiap proyek jasa pengaspalan. Berikut adalah beberapa teknologi unggulan yang kami terapkan untuk memastikan hasil yang maksimal.</p>



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



<p class="wp-block-paragraph">Kami menggunakan aspal hotmix yang diproduksi oleh&nbsp;pabrik aspal Bandung. Material ini dikenal karena kekuatan dan daya tahannya, sehingga cocok untuk jalan dengan intensitas lalu lintas tinggi. Aspal hotmix dipanaskan pada suhu tertentu sebelum diaplikasikan, sehingga menghasilkan lapisan yang padat dan tahan terhadap cuaca ekstrem.</p>



<h3 class="wp-block-heading">2. Prime Coat</h3>



<p class="wp-block-paragraph">Prime coat diaplikasikan sebelum pengaspalan untuk meningkatkan adhesi antara lapisan dasar dan aspal. Teknologi ini memastikan lapisan aspal menempel dengan sempurna dan tahan lama. Selain itu, prime coat juga berfungsi sebagai pelindung lapisan dasar dari air dan beban berat, sehingga memperpanjang umur jalan.</p>



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



<p class="wp-block-paragraph">Jasa pengaspalan Bandung menggunakan mesin pengaspalan modern yang mampu menghasilkan permukaan jalan yang rata dan halus. Alat ini juga memastikan proses pengaspalan berlangsung cepat dan efisien. Dengan teknologi ini, kami dapat menyelesaikan proyek jasa pengaspalan dalam waktu singkat tanpa mengorbankan kualitas hasil akhir.</p>



<h2 class="subjudul">Mengapa Memilih Jasa Pengaspalan Bandung?</h2>



<p class="wp-block-paragraph">Memilih penyedia jasa pengaspalan yang tepat adalah kunci untuk mendapatkan hasil yang memuaskan. Berikut adalah beberapa alasan mengapa Anda harus memilih kami sebagai mitra terpercaya dalam proyek pengaspalan Anda.</p>



<h3 class="wp-block-heading">1. Pengalaman dan Profesionalisme</h3>



<p class="wp-block-paragraph">Dengan pengalaman bertahun-tahun di bidang jasa pengaspalan, kami memahami setiap detail pekerjaan. Tim kami terdiri dari tenaga ahli yang terlatih dan berpengalaman, sehingga mampu menangani proyek dengan kompleksitas tinggi. Kami selalu mengutamakan profesionalisme dalam setiap tahap pengerjaan, mulai dari perencanaan hingga eksekusi.</p>



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



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



<p class="wp-block-paragraph">Jasa pengaspalan Bandung hanya menggunakan material terbaik, termasuk aspal dari&nbsp;pabrik aspal Bandung&nbsp;terkemuka. Material berkualitas tinggi ini menjamin kualitas dan daya tahan jalan yang kami hasilkan. Selain itu, kami juga memastikan setiap material yang digunakan telah melalui proses quality control yang ketat.</p>



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



<p class="wp-block-paragraph">Dari konsultasi hingga pengerjaan jasa pengaspalan, kami memberikan pelayanan terpadu yang memudahkan klien. Karena tim kami siap membantu Anda dari awal hingga proyek selesai, termasuk memberikan rekomendasi terbaik berdasarkan kebutuhan dan budget Anda. Kami juga menyediakan layanan purna jual untuk memastikan kepuasan pelanggan.</p>



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



<p class="wp-block-paragraph">Meskipun menggunakan teknologi dan material terbaik, jasa pengaspalan Bandung menawarkan harga pelayanan dan <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">harga aspal</a> yang kompetitif serta transparan. Selain itu kami memberikan penawaran yang jelas tanpa biaya tambahan yang tersembunyi. Dengan begitu, Anda bisa mendapatkan layanan berkualitas tinggi tanpa harus mengeluarkan biaya yang mahal.</p>



<h2 class="subjudul">Testimoni Jasa Pengaspalan Bandung</h2>



<section class="testi-section">

  <div class="testi-grid">
    <!-- Testimoni 1 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Fiona</div>
        <div class="testi-asal"></div>
      </header>
      <p class="testi-quote">
        “Saya puas dengan layanan pengaspalan ulang yang diberikan. Jalan di depan rumah saya kini lebih halus dan nyaman.”
      </p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Sigit</div>
        <div class="testi-asal"></div>
      </header>
      <p class="testi-quote">
        “Hasil pengaspalan dari jasa pengaspalan Bandung sangat memuaskan. Jalan menjadi rata dan tahan lama. Sangat recommended!”
      </p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Janur</div>
        <div class="testi-asal"></div>
      </header>
      <p class="testi-quote">
        “Pelayanan profesional dan hasilnya sesuai ekspektasi. Proyek kami selesai tepat waktu tanpa kendala.”
      </p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <header class="testi-identitas">
        <div class="testi-nama">Febi</div>
        <div class="testi-asal"></div>
      </header>
      <p class="testi-quote">
        “Proses order cepat dan komunikasinya jelas. Hasil pengaspalan membuat area parkir toko jadi lebih rapi dan nyaman.”
      </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: 28px;
    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">Hubungi Kami Jasa Pengaspalan Bandung</h2>
</section>



<p class="wp-block-paragraph">Apabila anda tertarik menggunakan jasa pengaspalan kami, Anda dapat menghubungi kontak kami melalui nomor telepon pada website ini. Tim jasa pengaspalan Bandung akan segera merespons dan memberikan konsultasi gratis sesuai kebutuhan proyek pengaspalan Anda.</p>



<p class="wp-block-paragraph">Dengan kombinasi pengalaman, teknologi, dan pelayanan terbaik, kami siap menjadi mitra terpercaya Anda dalam mewujudkan jalan yang berkualitas. Hubungi kami sekarang untuk konsultasi gratis dan penawaran menarik.</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-1758528622329"><strong class="schema-faq-question">1. Apa saja layanan yang ditawarkan?</strong> <p class="schema-faq-answer">Kami menyediakan layanan jasa pengaspalan jalan baru, perbaikan jalan rusak, pengecoran ulang, dan pengaspalan ulang.</p> </div> <div class="schema-faq-section" id="faq-question-1758528633353"><strong class="schema-faq-question">2. Berapa lama proses pengaspalan selesai?</strong> <p class="schema-faq-answer">Durasi pengerjaan tergantung pada luas area dan kondisi jalan. Tim kami akan memberikan estimasi waktu setelah survey lokasi.</p> </div> <div class="schema-faq-section" id="faq-question-1758528645207"><strong class="schema-faq-question">3. Apakah material yang digunakan berkualitas?</strong> <p class="schema-faq-answer">Ya, kami menggunakan material terbaik dan berkualitas</p> </div> <div class="schema-faq-section" id="faq-question-1758528663161"><strong class="schema-faq-question">4. Bagaimana cara memesan layanan?</strong> <p class="schema-faq-answer">Anda dapat menghubungi kami melalui telepon yang tercantum pada website ini.</p> </div> <div class="schema-faq-section" id="faq-question-1758528676035"><strong class="schema-faq-question">5. Apakah ada garansi untuk hasil pengaspalan?</strong> <p class="schema-faq-answer">Tentu saja, kami memberikan garansi untuk setiap proyek yang kami kerjakan.</p> </div> <div class="schema-faq-section" id="faq-question-1758528696965"><strong class="schema-faq-question">6. Apakah tersedia layanan jasa pengaspalan di luar Bandung?</strong> <p class="schema-faq-answer">Tentu saja, kami melayani jasa pengaspalan untuk area Bandung dan sekitarnya.</p> </div> <div class="schema-faq-section" id="faq-question-1758528702491"><strong class="schema-faq-question">7. Bagaimana dengan biaya pengaspalan?</strong> <p class="schema-faq-answer">Biaya bervariasi tergantung pada jenis layanan dan luas area. Kami menawarkan harga yang kompetitif dan transparan.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-bandung/">Jasa Pengaspalan Bandung &#8211; Jasa Aspal Hotmix Bandung Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
