<?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>Jakarta Arsip - Harga Aspal Terbaru</title>
	<atom:link href="https://hargaaspal.com/category/jakarta/feed/" rel="self" type="application/rss+xml" />
	<link>https://hargaaspal.com/category/jakarta/</link>
	<description>Info Harga Aspal Terbaru. Menyediakan Berbagai Macam Jenis Aspal Berkualitas</description>
	<lastBuildDate>Thu, 27 Nov 2025 02:51:53 +0000</lastBuildDate>
	<language>id</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://hargaaspal.com/wp-content/uploads/2025/08/cropped-logo-harga-aspal-small-size-32x32.png</url>
	<title>Jakarta Arsip - Harga Aspal Terbaru</title>
	<link>https://hargaaspal.com/category/jakarta/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Harga Aspal Jakarta: Penawaran Produk Aspal Berkualitas untuk Kebutuhan Proyek Anda</title>
		<link>https://hargaaspal.com/harga-aspal-jakarta/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Tue, 22 Jul 2025 03:01:23 +0000</pubDate>
				<category><![CDATA[Harga Aspal]]></category>
		<category><![CDATA[Jakarta]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=4713</guid>

					<description><![CDATA[<p>Aspal merupakan komponen utama dalam berbagai proyek infrastruktur, mulai dari pembangunan jalan hingga area parkir. Di Jakarta, kebutuhan akan material</p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-jakarta/">Harga Aspal Jakarta: Penawaran Produk Aspal Berkualitas untuk Kebutuhan Proyek Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Aspal merupakan komponen utama dalam berbagai proyek infrastruktur, mulai dari pembangunan jalan hingga area parkir. Di Jakarta, kebutuhan akan material aspal terus meningkat seiring dengan pertumbuhan pembangunan. Karena kami hadir untuk menyediakan aspal berkualitas tinggi yang siap mendukung kelancaran proyek Anda. Jadi dengan pengalaman dan jaringan distribusi yang luas, kami menawarkan <a href="https://hargaaspal.com/harga-aspal-jakarta/" target="_blank" rel="noreferrer noopener">harga aspal Jakarta</a> yang kompetitif dan sesuai dengan standar industri. Komitmen kami tidak hanya pada kualitas produk, tetapi juga pada ketepatan waktu pengiriman dan keandalan layanan.</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>



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



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



<p>Kami menyediakan berbagai jenis aspal yang dapat kami sesuaikan dengan kebutuhan spesifik proyek Anda. Berikut penjelasan lengkapnya:</p>



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



<p>Aspal jenis ini digunakan sebagai lapisan paling atas pada permukaan jalan. AC-WC memiliki ketahanan tinggi terhadap beban lalu lintas dan cuaca ekstrem. Selain itu permukaannya yang halus dan padat memberikan kenyamanan berkendara serta daya cengkeram yang baik. Aspal ini cocok untuk jalan utama, kawasan komersial, dan area dengan intensitas kendaraan tinggi.</p>



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



<p>Lapisan AC-BC terletak tepat di bawah AC-WC dan berfungsi sebagai pengikat antara lapisan dasar dan lapisan permukaan. Karena material ini memiliki kekuatan struktural yang baik untuk menopang beban dari lapisan atas. AC-BC juga membantu menyerap tegangan dari permukaan jalan sehingga mencegah retakan dini.</p>



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



<p>Aspal ini digunakan sebagai fondasi utama sebelum lapisan pengikat dan permukaan. Karena AC-Base memiliki karakteristik kuat dan stabil untuk menahan beban lalu lintas berat dari atas. Penggunaan AC-Base sangat penting dalam memastikan umur panjang struktur jalan secara keseluruhan.</p>



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



<p>Merupakan campuran aspal dan air dengan bahan pengemulsi, cocok untuk pelapisan ulang (tack coat dan prime coat) serta perawatan permukaan jalan. Pengaplikasian aspal ini pada suhu rendah, sehingga lebih ramah lingkungan dan hemat energi. Kelebihan lainnya adalah waktu pengerasan yang lebih cepat, cocok untuk proyek pemeliharaan jalan.</p>



<h3 class="wp-block-heading">5. Aspal Curah Penetrasi 60/70</h3>



<p>Jenis aspal ini banyak digunakan dalam pembuatan campuran aspal panas (hotmix) dan cocok untuk berbagai kebutuhan proyek jalan raya. Jadi dengan tingkat penetrasi sedang (60/70), aspal ini menawarkan keseimbangan ideal antara fleksibilitas dan kekuatan. Biasanya untuk iklim tropis seperti di Jakarta, karena ketahanannya terhadap suhu tinggi.</p>



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



<p>Berikut ini kami lampirkan informasi daftar <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">harga aspal</a> Jakarta. Harap dicatat bahwa harga dapat berubah tergantung pada volume pesanan, lokasi proyek, dan jenis aspal yang dibutuhkan.</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"><em>nb : untuk mengetahui&nbsp;harga aspal&nbsp;terbaru dan terupdate dapat menghubungi&nbsp;kontak berikut</em></p>


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




<h2 class="wp-block-heading has-text-align-center"><strong>Mengapa Memilih Produk Aspal dari Kami?</strong></h2>



<p>Kami memahami pentingnya kualitas material dalam menentukan keberhasilan proyek. Oleh karena itu, kami hanya menawarkan produk aspal yang telah teruji dan memiliki konsistensi kualitas. Berikut beberapa keunggulan produk aspal yang kami tawarkan:</p>



<section style="background:#fff; padding:80px 20px; font-family:'Segoe UI', sans-serif;">
  <div style="max-width:1150px; margin:0 auto;">

    <!-- Grid Konten -->
    <div style="display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:35px;">

      <!-- Box 1 -->
      <div style="position:relative; padding:40px 25px; border-radius:18px; 
                  background:#f5f7fa; box-shadow:0 6px 14px rgba(0,0,0,0.08);
                  transition:all 0.3s ease; border-left:6px solid #a10026;">
        <h3 style="font-size:20px; font-weight:700; color:#091b32; margin-bottom:15px;">
          1. Kualitas Terjamin
        </h3>
        <p style="color:#444; font-size:15px; line-height:1.7;">
          Kami memastikan setiap pengiriman aspal memiliki kualitas yang stabil. Produk kami melalui proses kontrol mutu yang ketat sebelum didistribusikan ke proyek Anda. 
        </p>
      </div>

      <!-- Box 2 -->
      <div style="position:relative; padding:40px 25px; border-radius:18px; 
                  background:#f5f7fa; box-shadow:0 6px 14px rgba(0,0,0,0.08);
                  transition:all 0.3s ease; border-left:6px solid #a10026;">
        <h3 style="font-size:20px; font-weight:700; color:#091b32; margin-bottom:15px;">
          2. Cocok untuk Berbagai Kebutuhan Proyek
        </h3>
        <p style="color:#444; font-size:15px; line-height:1.7;">
          Aspal kami cocok untuk konstruksi jalan raya, area parkir, hingga proyek skala besar. Fleksibilitas jenis aspal memungkinkan digunakan pada berbagai medan dan beban lalu lintas.
        </p>
      </div>

      <!-- Box 3 -->
      <div style="position:relative; padding:40px 25px; border-radius:18px; 
                  background:#f5f7fa; box-shadow:0 6px 14px rgba(0,0,0,0.08);
                  transition:all 0.3s ease; border-left:6px solid #a10026;">
        <h3 style="font-size:20px; font-weight:700; color:#091b32; margin-bottom:15px;">
          3. Dukungan Tim Profesional
        </h3>
        <p style="color:#444; font-size:15px; line-height:1.7;">
          Kami tidak hanya menjual produk, tapi juga memberi dukungan teknis. Tim kami siap membantu memilih jenis aspal yang sesuai dengan spesifikasi proyek Anda.
        </p>
      </div>

      <!-- Box 4 -->
      <div style="position:relative; padding:40px 25px; border-radius:18px; 
                  background:#f5f7fa; box-shadow:0 6px 14px rgba(0,0,0,0.08);
                  transition:all 0.3s ease; border-left:6px solid #a10026;">
        <h3 style="font-size:20px; font-weight:700; color:#091b32; margin-bottom:15px;">
          4. Jaringan Pengiriman Luas
        </h3>
        <p style="color:#444; font-size:15px; line-height:1.7;">
          Dengan dukungan armada dan mitra distribusi, kami mampu melayani pengiriman aspal ke berbagai wilayah secara efisien dan tepat waktu.
        </p>
      </div>

    </div>
  </div>
</section>



<h2 class="subjudul">Tips Memilih Aspal yang Tepat untuk Proyek Anda</h2>



<p>Pemilihan aspal yang tepat sangat berpengaruh terhadap hasil akhir pekerjaan. Berikut beberapa tips yang bisa membantu Anda:</p>



<ul class="wp-block-list">
<li>Tentukan jenis lalu lintas dan beban kendaraan yang akan melintasi permukaan jalan.</li>



<li>Konsultasikan dengan penyedia aspal mengenai kebutuhan ketebalan dan daya tahan.</li>



<li>Pastikan aspal sesuai dengan spesifikasi teknik dan rencana proyek.</li>



<li>Hindari memilih aspal hanya berdasarkan harga murah, perhatikan juga kualitasnya.</li>
</ul>



<h2 class="subjudul">Komitmen Kami untuk Pelanggan di Jakarta</h2>



<p>Kami selalu berkomitmen untuk memberikan layanan terbaik dan produk berkualitas tinggi kepada seluruh pelanggan kami di Jakarta. Selain memberikan harga aspal yang kompetitif, kami juga menjunjung tinggi kepercayaan dan profesionalitas dalam setiap transaksi.</p>



<p>Sebagian besar klien kami di Jakarta telah mengenal reputasi kami sebagai penyedia material aspal terpercaya. Walaupun kami tidak menyediakan <a href="https://hargaaspal.com/jasa-pengaspalan-jakarta/" target="_blank" rel="noreferrer noopener">jasa pengaspalan Jakarta</a>, kami memiliki relasi dengan berbagai kontraktor yang bisa Anda hubungi sesuai kebutuhan.</p>



<p>Dalam dunia konstruksi, pemilihan material yang tepat bisa berdampak besar terhadap ketahanan dan biaya pemeliharaan jangka panjang. Maka dari itu, jangan ragu untuk menghubungi kami jika Anda membutuhkan informasi lebih lanjut terkait produk aspal dan ketersediaannya.</p>



<p>Jika Anda saat ini sedang mencari informasi <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan jalan</a> untuk referensi tambahan, kami dapat memberikan rekomendasi dari mitra terpercaya yang telah bekerja sama dengan kami dalam berbagai proyek besar.</p>


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




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



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Kualitas Konsisten &#038; Tepat Waktu</h3>
      <p class="testi-quote">
        Kami sudah berkali-kali memesan aspal dari perusahaan ini untuk proyek jalan lingkungan. Selalu dikirim sesuai waktu dan kualitasnya stabil. Sangat memuaskan untuk kerja jangka panjang.
      </p>
      <p class="testi-identitas">— Yusuf, Kontraktor Sipil</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspal Halus &#038; Tahan Air</h3>
      <p class="testi-quote">
        Warga komplek kami puas karena hasilnya mulus dan tahan air. Kami juga dibantu memilih jenis aspal yang paling cocok dengan kondisi jalan.
      </p>
      <p class="testi-identitas">— Dion, Ketua RT</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Dua Tahun Masih Kuat</h3>
      <p class="testi-quote">
        Digunakan untuk jalan akses kantor kami. Sampai sekarang tidak ada kerusakan berarti. Ini menunjukkan kualitas aspalnya memang bagus.
      </p>
      <p class="testi-identitas">— Evelyn, Manajer Operasional</p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <h3 class="testi-title">Komunikasi Lancar &#038; Jelas</h3>
      <p class="testi-quote">
        Dari awal konsultasi sampai pengiriman, semuanya ditangani secara profesional. Nggak ribet, semua informasi disampaikan dengan jelas.
      </p>
      <p class="testi-identitas">— Herianto, Pengawas Proyek</p>
    </article>

    <!-- Testimoni 5 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspal Kuat untuk Jalan Gudang</h3>
      <p class="testi-quote">
        Kami gunakan aspalnya di area keluar-masuk truk gudang. Hasilnya tidak amblas dan sangat kuat menahan beban berat.
      </p>
      <p class="testi-identitas">— Surya, Kepala Logistik</p>
    </article>

    <!-- Testimoni 6 (Tambahan) -->
    <article class="testi-card">
      <h3 class="testi-title">Harga Kompetitif &#038; Hasil Memuaskan</h3>
      <p class="testi-quote">
        Awalnya coba untuk proyek kecil, ternyata hasilnya sangat baik. Harga bersaing dan pelayanan ramah membuat kami yakin untuk repeat order.
      </p>
      <p class="testi-identitas">— Lestari, Kontraktor Mandiri</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 40px 20px;
    background: #fdfdfd;
    text-align: center;
  }

  .testi-heading {
    font-size: 22px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 28px;
  }

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

  .testi-card {
    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;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #666;
    margin: 0;
  }
</style>



<section id="Form">
<h2 class="subjudul">Pesan Sekarang dan Dapatkan Harga Aspal Menarik</h2>
</section>



<p>Dapatkan pasokan aspal hotmix langsung dari sumbernya! Kami menyediakan material berkualitas tinggi dengan harga yang kompetitif. Dengan dukungan tim berpengalaman dan pengiriman cepat, proyek jalan, parkiran, atau area industri Anda akan lebih efisien dan tahan lama.<br>Segera isi form pemesanan atau hubungi kami sekarang untuk mendapatkan penawaran harga spesial.</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="wp-block-heading has-text-align-center"></h2>



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



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1756355208051"><strong class="schema-faq-question"><strong>1. Apakah aspal yang ditawarkan sudah sesuai standar nasional?</strong></strong> <p class="schema-faq-answer">Tentu saja, seluruh produk aspal yang kami distribusikan telah memenuhi standar SNI dan lolos uji laboratorium untuk memastikan kualitas dan ketahanannya.</p> </div> <div class="schema-faq-section" id="faq-question-1756355223064"><strong class="schema-faq-question"><strong>2. Apakah ada minimal pemesanan untuk wilayah Jakarta?</strong></strong> <p class="schema-faq-answer">Kami menetapkan minimal pemesanan berdasarkan jenis aspal dan lokasi pengiriman. Untuk wilayah Jakarta, minimal pemesanan biasanya mulai dari 5 ton, namun bisa dinegosiasikan.</p> </div> <div class="schema-faq-section" id="faq-question-1756355246795"><strong class="schema-faq-question"><strong>3. Berapa lama proses pengiriman setelah pemesanan dilakukan?</strong></strong> <p class="schema-faq-answer">Setelah pesanan dikonfirmasi dan pembayaran dilakukan, pengiriman akan dilakukan maksimal dalam 1–2 hari kerja, tergantung pada ketersediaan armada dan lokasi proyek.</p> </div> <div class="schema-faq-section" id="faq-question-1756355254388"><strong class="schema-faq-question"><strong>4. Apakah tersedia layanan konsultasi teknis sebelum pembelian?</strong></strong> <p class="schema-faq-answer">Tentu saja. Kami menyediakan konsultasi teknis gratis agar Anda dapat memilih jenis aspal yang paling sesuai dengan kebutuhan proyek Anda.</p> </div> <div class="schema-faq-section" id="faq-question-1756355265490"><strong class="schema-faq-question"><strong>5. Bagaimana jika saya belum memiliki rekanan untuk pengerjaan aspal?</strong></strong> <p class="schema-faq-answer">Walaupun kami tidak menyediakan jasa pengaspalan, kami dapat memberikan rekomendasi jasa pengaspalan jalan dari mitra terpercaya yang sudah berpengalaman.</p> </div> </div>



<p></p>
<p>Artikel <a href="https://hargaaspal.com/harga-aspal-jakarta/">Harga Aspal Jakarta: Penawaran Produk Aspal Berkualitas untuk Kebutuhan Proyek Anda</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Pabrik Aspal Jakarta, Rajanya Aspal Berkualitas</title>
		<link>https://hargaaspal.com/pabrik-aspal-jakarta/</link>
		
		<dc:creator><![CDATA[Harga Aspal]]></dc:creator>
		<pubDate>Wed, 15 Jan 2025 07:56:49 +0000</pubDate>
				<category><![CDATA[Jakarta]]></category>
		<category><![CDATA[Pabrik Aspal]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=1486</guid>

					<description><![CDATA[<p>Jakarta sebagai pusat ekonomi dan pemerintahan di Indonesia memiliki kebutuhan infrastruktur yang sangat tinggi, terutama dalam hal pembangunan dan perbaikan</p>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-jakarta/">Pabrik Aspal Jakarta, Rajanya Aspal Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Jakarta sebagai pusat ekonomi dan pemerintahan di Indonesia memiliki kebutuhan infrastruktur yang sangat tinggi, terutama dalam hal pembangunan dan perbaikan jalan. Sebagai bagian penting dari infrastruktur, aspal memainkan peran krusial dalam memastikan kualitas jalan yang tahan lama dan aman. Di tengah kebutuhan tersebut, hadir <a href="https://hargaaspal.com/pabrik-aspal-jakarta/">Pabrik Aspal Jakarta</a> sebagai solusi terpercaya dalam menyediakan berbagai jenis aspal berkualitas dan harga aspal yang kompetitif untuk berbagai proyek konstruksi jalan.</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">Selamat Datang di Pabrik Aspal Jakarta</h2>



<p>Sebagai penyedia aspal terkemuka di Jakarta, kami memiliki komitmen untuk memberikan produk terbaik yang sesuai dengan kebutuhan konstruksi jalan di berbagai wilayah di Ibukota dan sekitarnya. Dengan menggunakan teknologi mutakhir dan adanya tim ahli yang berpengalaman, kami memproduksi aspal dengan standar kualitas tinggi yang memenuhi spesifikasi proyek-proyek jalan raya, perumahan, hingga area industri.</p>



<p>Kami juga memiliki <a href="https://hargaaspal.com/asphalt-mixing-plant/" target="_blank" rel="noreferrer noopener">Asphalt Mixing Plant</a> modern yang mampu memproduksi aspal dalam berbagai jenis dan volume sesuai kebutuhan pelanggan. Proses produksi kami melalui pengawasan ketat untuk memastikan kualitas aspal tetap konsisten dan memenuhi persyaratan teknis yang berlaku. Selain itu, kami terus berinovasi dalam menciptakan produk aspal yang lebih ramah lingkungan dan efisien dalam penggunaannya. Kami percaya bahwa dengan menyediakan produk yang berkualitas tinggi, kami dapat membantu meningkatkan kualitas infrastruktur di Jakarta dan sekitarnya.</p>



<figure class="wp-block-image size-full"><img decoding="async" width="350" height="350" src="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Jakarta.png" alt="Pabrik Aspal Jakarta" class="wp-image-1506" srcset="https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Jakarta.png 350w, https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Jakarta-60x60.png 60w, https://hargaaspal.com/wp-content/uploads/2025/01/Pabrik-Aspal-Jakarta-150x150.png 150w" sizes="(max-width: 350px) 100vw, 350px" /></figure>



<p>Sebagai mitra yang terpercaya, kami juga menyediakan layanan konsultasi untuk memastikan setiap proyek pelanggan mendapatkan solusi aspal yang paling sesuai dengan kebutuhan mereka. Sehingga kami berkomitmen untuk membangun hubungan jangka panjang dengan pelanggan melalui pelayanan yang profesional dan produk yang unggul.</p>



<section id="Produk">
<h2 class="subjudul">Produk-Produk Pabrik Aspal Jakarta</h2>
</section>



<p>Kami menawarkan berbagai jenis aspal hotmix untuk berbagai jenis proyek konstruksi. Berikut adalah beberapa produk unggulan yang kami sediakan:</p>



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



<p>Aspal jenis ini penggunaannya sebagai lapisan atas pada konstruksi jalan. AC-WC dirancang untuk menahan beban lalu lintas yang tinggi dan memiliki daya tahan yang baik terhadap perubahan cuaca ekstrem. Oleh karena itu produk ini sangat cocok untuk jalan-jalan di area perkotaan seperti Jakarta yang memiliki tingkat lalu lintas padat.</p>



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



<p>AC-BC digunakan sebagai lapisan pengikat antara lapisan pondasi dan lapisan permukaan jalan. Jenis aspal ini memberikan kekuatan tambahan pada konstruksi jalan agar lebih stabil dan tahan lama.</p>



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



<p>Aspal AC-Base digunakan sebagai lapisan dasar pada jalan. Produk ini memberikan fondasi yang kuat untuk memastikan jalan tidak mudah rusak meskipun terkena beban berat secara terus-menerus.</p>



<figure class="wp-block-image size-large"><img decoding="async" width="500" height="380" src="https://hargaaspal.com/wp-content/uploads/2025/01/pabrik-aspal-jakarta-aspal-drum-500x380.jpg" alt="pabrik aspal jakarta aspal drum" class="wp-image-1505"/></figure>



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



<p>Aspal Hotmix HRS penggunaannya untuk lapisan permukaan jalan dengan tingkat elastisitas yang tinggi. Selain itu jenis aspal ini sangat cocok untuk jalan dengan volume lalu lintas sedang hingga tinggi karena memiliki daya tahan yang baik terhadap deformasi dan retak. HRS juga memberikan permukaan jalan yang lebih halus dan aman untuk digunakan oleh berbagai jenis kendaraan.</p>



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



<p>Aspal emulsi adalah aspal cair untuk perbaikan jalan, penambalan, dan sebagai lapisan perekat sebelum pengaplikasian aspal hotmix. Sehingga jenis aspal ini sangat praktis penggunaannya untuk proyek-proyek pemeliharaan jalan.</p>



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



<p>Aspal cutback adalah aspal yang dicampur dengan pelarut tertentu sehingga lebih mudah diaplikasikan pada suhu rendah. Sehingga produk ini biasanya untuk proyek jalan di area yang sulit terjangkau atau memiliki kondisi iklim yang ekstrem.</p>



<h2 class="subjudul">Keunggulan Produk Aspal dari Pabrik Aspal Jakarta</h2>



<p>Berikut beberapa keunggulan produk aspal dari Pabrik Aspal Jakarta:</p>



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



<p>Kami menggunakan bahan baku terbaik dan melalui proses dengan menggunakan teknologi terkini. Setiap batch produk aspal yang kami hasilkan telah melalui serangkaian uji kualitas untuk memastikan ketahanan dan keandalannya dalam berbagai kondisi.</p>



<h3 class="wp-block-heading">2. Ketahanan Tinggi</h3>



<p>Produk kami dirancang untuk tahan terhadap beban lalu lintas yang tinggi dan perubahan cuaca. Dengan daya tahan yang luar biasa, aspal yang kami sediakan mampu mengurangi biaya pemeliharaan jalan dalam jangka panjang.</p>



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



<p>Tersedia dalam berbagai jenis untuk memenuhi kebutuhan proyek konstruksi yang beragam. Baik untuk proyek besar maupun kecil, kami memiliki solusi aspal yang sesuai untuk berbagai aplikasi jalan.</p>



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



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



<p>Harga aspal merupakan salah satu pertimbangan utama dalam proyek konstruksi jalan. Kami menawarkan harga yang kompetitif dengan tetap menjaga kualitas produk. <a href="https://hargaaspal.com" target="_blank" rel="noreferrer noopener">Harga aspal</a> yang kami tawarkan bervariasi tergantung pada jenis aspal dan volume pesanan. Berikut adalah kisaran harga produk aspal dan satuan harga aspal yang kami sediakan:</p>


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



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




<p>Kami juga bekerjasama dengan <a href="https://hargaaspal.com/jasa-pengaspalan-jakarta/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Jakarta</a>, merupakan jasa pengaspalan profesional untuk daerah Jakarta dan sekitarnya. Selain itu Sebagai mitra kami, perusahaan tersebut sudah menggunakan produk aspal dari kami di setiap proyek pengaspalan.</p>



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



<p>Aspal dalam satuan ton banyak untuk proyek skala besar seperti pembangunan jalan raya. Satuan ini lebih ekonomis daripada pembelian dalam kemasan kecil. Kontraktor memilih membeli harga hotmix per ton karena kemudahan distribusi dan efisiensi biaya.</p>



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



<p>Aspal dalam satuan kilogram lebih sering untuk proyek kecil atau kebutuhan perbaikan. Karena pekerja lapangan sering membeli aspal dalam ukuran ini untuk keperluan tambal sulam jalan atau perbaikan minor. Harga aspal per kilogram lebih mahal daripada pembelian dalam jumlah besar, tetapi tetap menjadi pilihan praktis untuk volume kecil.</p>



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



<p>Aspal hotmix dalam satuan meter kubik cocok untuk proyek jalan beraspal. Pekerja konstruksi menggunakan satuan ini karena lebih mudah dikalkulasikan dengan kebutuhan volume pekerjaan. Harga aspal hotmix per m3 bergantung pada jenis campuran dan bahan tambahan.</p>



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



<p>Aspal cair sering untuk lapisan perekat sebelum pengaspalan utama atau untuk perbaikan jalan berlubang. Karena jenis ini memiliki fleksibilitas tinggi dan mudah pengaplikasiannya. Jadi Harga aspal cair bervariasi tergantung pada jenis dan kandungan bahan tambahannya.</p>



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



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



<p>Aspal dalam kemasan drum menjadi pilihan bagi kontraktor yang membutuhkan jumlah sedang. Drum berisi aspal padat atau cair sesuai dengan spesifikasi proyek. Karena pembelian dalam harga aspal per drum memudahkan penyimpanan dan distribusi di lokasi kerja.</p>



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



<p>Harga aspal per m (meter) sering digunakan untuk proyek kecil, seperti perbaikan trotoar atau jalan lingkungan. Pengukuran ini lebih relevan untuk pekerjaan yang memerlukan aplikasi linier, seperti pembuatan marka jalan.</p>



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



<p>Harga aspal per m2 sering untuk proyek pelapisan ulang jalan atau pembangunan area parkir. Di samping itu satuan ini mempertimbangkan ketebalan lapisan aspal yang diaplikasikan. Semakin tebal lapisan, semakin banyak volume aspal yang dibutuhkan, sehingga biaya total akan lebih tinggi.</p>



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



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Pelayanan Profesional &#038; Tepat Waktu</h3>
      <p class="testi-quote">
        &#8220;Pelayanan dari Pabrik Aspal Jakarta sangat profesional. Pengiriman tepat waktu dan kualitas nomor satu.&#8221;
      </p>
      <p class="testi-identitas">— Mutia, Developer Perumahan</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspal Emulsi Berkualitas</h3>
      <p class="testi-quote">
        &#8220;Produk aspal emulsi dari Pabrik Aspal Jakarta sangat praktis pengaplikasiannya dan memiliki kualitas yang sangat baik.&#8221;
      </p>
      <p class="testi-identitas">— Mirza, Pemilik Proyek Pemeliharaan Jalan</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Aspal Hotmix Memuaskan</h3>
      <p class="testi-quote">
        &#8220;Kami sangat puas dengan kualitas aspal hotmix dari Pabrik Aspal Jakarta. Selain itu harga aspalnya juga bersaing.&#8221;
      </p>
      <p class="testi-identitas">— Emi, Kontraktor Jalan</p>
    </article>

    <!-- Testimoni 4 (Tambahan) -->
    <article class="testi-card">
      <h3 class="testi-title">Kualitas Terjaga &#038; Harga Masuk Akal</h3>
      <p class="testi-quote">
        &#8220;Kerja sama dengan Pabrik Aspal Jakarta selalu memuaskan. Kualitas aspalnya terjaga dan harga sangat masuk akal untuk proyek besar.&#8221;
      </p>
      <p class="testi-identitas">— Indira, Pengawas Proyek</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 40px 20px;
    background: #fdfdfd;
    text-align: center;
  }

  .testi-heading {
    font-size: 22px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 28px;
  }

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

  .testi-card {
    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;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #666;
    margin: 0;
  }
</style>



<section id="Form">
<h2 class="subjudul">Hubungi Kami Pabrik Aspal Jakarta – Pasokan Aspal Hotmix Terpercaya</h2>
</section>



<p>Butuh material aspal hotmix untuk proyek Anda di Jakarta? Pabrik Aspal Jakarta siap menyediakan aspal berkualitas tinggi dengan harga kompetitif dan pengiriman tepat waktu. Kami melayani kebutuhan pengaspalan untuk jalan umum, perumahan, parkiran, hingga kawasan industri dengan hasil yang awet dan rapi. Isi form pemesanan di bawah atau hubungi tim kami sekarang untuk mendapatkan penawaran terbaik sesuai kebutuhan proyek Anda.</p>


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




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



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1759305741983"><strong class="schema-faq-question"><strong>1. Apa keunggulan Pabrik Aspal Jakarta daripada dengan penyedia aspal lainnya?</strong></strong> <p class="schema-faq-answer">Kami menawarkan produk berkualitas tinggi dengan harga yang kompetitif, didukung oleh tim profesional yang berpengalaman dalam industri konstruksi jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1759305763186"><strong class="schema-faq-question"><strong>2. Apakah Pabrik Aspal Jakarta melayani pengiriman ke luar Jakarta?</strong></strong> <p class="schema-faq-answer">Ya, kami melayani pengiriman aspal ke wilayah Jabodetabek dan sekitarnya. Untuk pengiriman ke luar wilayah tersebut, silakan hubungi tim kami untuk informasi lebih lanjut.</p> </div> <div class="schema-faq-section" id="faq-question-1759305773294"><strong class="schema-faq-question"><strong>3. Apakah Pabrik Aspal Jakarta memberikan garansi pada produk aspal?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami memberikan garansi pada setiap produk aspal yang kami sediakan. Garansi ini mencakup kualitas dan ketahanan produk sesuai dengan spesifikasi dan kesepakatan.</p> </div> <div class="schema-faq-section" id="faq-question-1759305791226"><strong class="schema-faq-question"><strong>4. Bagaimana cara memesan produk aspal dari Pabrik Aspal Jakarta?</strong></strong> <p class="schema-faq-answer">Anda dapat menghubungi tim sales kami melalui nomor telepon atau email yang tersedia di website ini untuk konsultasi dan pemesanan produk.</p> </div> <div class="schema-faq-section" id="faq-question-1764211458948"><strong class="schema-faq-question">5. Apakah menyediakan <a href="https://hargaaspal.com/jasa-pengaspalan-jalan" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a>?</strong> <p class="schema-faq-answer">Tidak, tapi kami bekerja sama dengan jasa pengaspalan Jakarta.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/pabrik-aspal-jakarta/">Pabrik Aspal Jakarta, Rajanya Aspal Berkualitas</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Jasa Pengaspalan Jakarta, Kontraktor Aspal Profesional di Jakarta</title>
		<link>https://hargaaspal.com/jasa-pengaspalan-jakarta/</link>
		
		<dc:creator><![CDATA[harga aspal]]></dc:creator>
		<pubDate>Wed, 22 May 2024 04:39:18 +0000</pubDate>
				<category><![CDATA[Jakarta]]></category>
		<category><![CDATA[Jasa Pengaspalan]]></category>
		<guid isPermaLink="false">https://hargaaspal.com/?p=982</guid>

					<description><![CDATA[<p>Halo kami dari Jasa Pengaspalan Jakarta, memberikan solusi terbaik untuk kebutuhan jasa pengaspalan, jasa perbaikan dan pembangunan jalan Anda. Jakarta</p>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-jakarta/">Jasa Pengaspalan Jakarta, Kontraktor Aspal Profesional di Jakarta</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Halo kami dari <a href="https://hargaaspal.com/jasa-pengaspalan-jakarta/" target="_blank" rel="noreferrer noopener">Jasa Pengaspalan Jakarta</a>, memberikan solusi terbaik untuk kebutuhan jasa pengaspalan, jasa perbaikan dan pembangunan jalan Anda. Jakarta sebagai ibu kota Indonesia memiliki tantangan infrastruktur yang kompleks, mulai dari kepadatan lalu lintas hingga kondisi cuaca ekstrem yang sering menyebabkan jalan cepat rusak. Banjir yang kerap terjadi semakin memperparah kondisi jalan, sehingga jalan memerlukan perbaikan dan jasa pengaspalan berkualitas untuk menjaga kelancaran aktivitas masyarakat dan bisnis.</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">Selamat Datang di Jasa pengaspalan Jakarta</h2>



<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-Jakarta-400x380.webp" alt="jasa pengaspalan Jakarta" class="wp-image-2031"/></figure>



<p>Kami adalah perusahaan yang bergerak di bidang konstruksi jalan, khususnya <a href="https://hargaaspal.com/jasa-pengaspalan-jalan/" target="_blank" rel="noreferrer noopener">jasa pengaspalan</a>. Dengan pengalaman bertahun-tahun, kami berkomitmen untuk memberikan layanan jasa pengaspalan murah dan berkualitas tinggi dengan standar terbaik. Kami melayani berbagai proyek, mulai dari jalan lingkungan, jalan perumahan, hingga jalan raya.</p>



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



<p>Sebelum membahas lebih lanjut tentang layanan jasa aspal kami, penting untuk memahami faktor-faktor yang menyebabkan kerusakan jalan. Karena dengan mengetahui penyebabnya, kita dapat mengambil langkah pencegahan dan perbaikan yang tepat. Berikut penyebab jalan rusak:</p>



<h3 class="wp-block-heading">1. Beban Kendaraan Berlebihan</h3>



<p>Jalan yang sering dilalui kendaraan dengan bobot melebihi kapasitas desainnya akan lebih cepat mengalami kerusakan seperti retak dan berlubang. Hal ini terjadi karena tekanan yang berlebihan dari kendaraan berat, terutama truk besar, dapat menyebabkan deformasi pada permukaan jalan. Jika tidak melakukan perbaikan, kondisi ini bisa memperburuk kualitas jalan dan berpotensi membahayakan pengguna jalan.</p>



<h3 class="wp-block-heading">2. Pengaruh Cuaca dan Banjir</h3>



<p>Hujan deras dan banjir dapat merusak struktur jalan, terutama jika sistem drainase tidak optimal. Air yang meresap ke dalam lapisan jalan dapat menyebabkan erosi dan melemahkan daya tahan aspal. Ketika air masuk ke dalam celah kecil di permukaan jalan, lalu membeku dan mencair akibat perubahan suhu, tekanan dapat mempercepat kerusakan jalan.</p>



<h3 class="wp-block-heading">3. Kualitas Aspal yang Buruk</h3>



<p>Menggunakan aspal yang tidak sesuai standar atau pencampuran yang tidak tepat akan membuat jalan cepat retak dan berlubang. Kualitas bahan yang buruk menyebabkan permukaan jalan tidak dapat bertahan lama terhadap beban kendaraan dan cuaca ekstrem. Oleh karena itu, pemilihan bahan berkualitas tinggi sangat penting untuk menjamin daya tahan jalan.</p>



<h3 class="wp-block-heading">4. Kurangnya Perawatan Rutin</h3>



<p>Jalan yang tidak mendapatkan perawatan secara berkala akan mengalami degradasi lebih cepat, sehingga perlu segera melakukan perbaikan. Tanpa pemeliharaan rutin seperti penambalan lubang kecil atau pelapisan ulang, retakan kecil bisa berkembang menjadi kerusakan yang lebih besar, meningkatkan risiko kecelakaan dan biaya perbaikan yang lebih mahal di kemudian hari.</p>



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



<p>Setelah memahami penyebab kerusakan jalan, berikut adalah berbagai layanan dari kami Jasa pengaspalan Jakarta untuk mengatasi masalah tersebut. Kami menyediakan solusi lengkap mulai dari pengaspalan baru hingga perbaikan jalan rusak.</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-hotmix-Jakarta-400x380.webp" alt="jasa pengaspalan hotmix Jakarta" class="wp-image-2032"/></figure>



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



<p>Kami Jasa pengaspalan Jakarta menyediakan layanan jasa aspal untuk jalan raya dengan standar tinggi agar dapat menahan beban kendaraan berat dan tahan terhadap kondisi cuaca ekstrem. Dengan menggunakan bahan berkualitas serta metode pengerjaan terbaik, kami memastikan jalan raya tetap kuat dan minim kerusakan dalam jangka panjang.</p>



<h3 class="wp-block-heading">2. Jasa Pengaspalan Jalan Perumahan</h3>



<p>Jalan di kawasan perumahan memerlukan pengaspalan yang rapi dan nyaman. Jasa pengaspalan Jakarta menggunakan aspal berkualitas tinggi yang tahan terhadap genangan air dan pemakaian sehari-hari. Selain itu, kami juga memastikan proses pengerjaan tidak mengganggu aktivitas penghuni perumahan.</p>



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



<p>Area parkir membutuhkan permukaan yang kuat dan tahan lama agar dapat menampung berbagai jenis kendaraan. Kami menawarkan solusi pengaspalan parkiran dengan perhitungan ketebalan yang tepat, sehingga tidak mudah mengalami retak atau berlubang akibat tekanan kendaraan.</p>



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



<p>Selain pengaspalan baru, kami juga menyediakan layanan perbaikan dan pemeliharaan jalan yang sudah mengalami kerusakan. Kami melakukan patching atau overlay untuk menutupi lubang serta retakan pada jalan, sehingga dapat kembali digunakan dengan aman dan nyaman.</p>



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



<p>Jasa pengaspalan Jakarta menggunakan teknologi <a href="https://hargaaspal.com/jenis-aspal-hotmix-menurut-kegunaannya/" target="_blank" rel="noreferrer noopener">aspal hotmix</a> yang terkenal lebih awet dan tahan lama. Produksi aspal ini melalui pencampuran yang presisi, sehingga memberikan hasil pengaspalan yang lebih halus, rata, dan memiliki daya tahan tinggi.</p>



<section id="Harga">
<h2 class="subjudul">Biaya Jasa Pengaspalan  dan Satuan Harga Aspal di Jasa Pengaspalan Jakarta</h2>
</section>



<p>Kami menawarkan layanan jasa pengaspalan dengan biaya terjangkau serta sistem harga yang jelas dan kompetitif. Penentuan harga menyesuaikan luas area, kondisi jalan, dan jenis material yang dipakai. Berikut rincian biaya jasa pengaspalan beserta harga satuan 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">

    <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>



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




<h2 class="subjudul">Tahap-tahap Proses Pengaspalan pada Jasa Pengaspalan Jakarta</h2>



<p>Melakukan proses pengaspalan tidak bisa secara sembarangan. Kami mengikuti tahapan yang terstruktur untuk memastikan hasil yang maksimal. Berikut adalah tahap-tahap yang kami lakukan.</p>



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



<p>Sebelum proses pengaspalan, kami melakukan survei lokasi untuk mengevaluasi kondisi tanah, kemiringan, serta potensi masalah yang bisa muncul selama pengerjaan. Survei ini penting untuk menentukan jenis material, metode pengaspalan yang sesuai, dan estimasi biaya serta waktu pengerjaan.</p>



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



<p>Pembersihan area dan perataan tanah sebelum pengaspalan. Proses ini mencakup pengangkatan material lama, pembersihan puing-puing, serta pemadatan tanah agar stabil dan siap menerima lapisan aspal. Jika ada lubang atau permukaan yang tidak rata, dilakukan perbaikan terlebih dahulu untuk memastikan hasil akhir lebih kuat dan tahan lama.</p>



<h3 class="wp-block-heading">3. Penyebaran Base Course</h3>



<p>Lapisan dasar agregat disebarkan dan dipadatkan agar jalan lebih kokoh. Base course ini terdiri dari batu pecah atau material granular yang berfungsi sebagai pondasi kuat untuk menopang lapisan aspal di atasnya. Melakukan pemadatan dengan alat berat untuk memastikan permukaan dasar cukup kuat menahan beban kendaraan yang akan melintas.</p>



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



<p>Menerapkan lapisan perekat untuk memastikan aspal menempel dengan sempurna. Prime coat berfungsi untuk meningkatkan daya rekat antara base course dan lapisan aspal, serta mencegah perembesan air ke dalam lapisan bawah. Proses ini dilakukan dengan menggunakan alat penyemprot khusus agar hasilnya merata dan efektif.</p>



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



<p>Mengaplikasikan aspal menggunakan <em>asphalt finisher</em> agar merata. Mesin ini memastikan ketebalan aspal yang sesuai standar dan menghasilkan permukaan yang halus serta seragam. Aspal yang digunakan sudah melalui proses pencampuran yang tepat agar memiliki ketahanan yang baik terhadap beban dan kondisi cuaca ekstrem.</p>



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



<p>Menggunakan roller agar permukaan jalan lebih padat dan rata. Proses pemadatan ini sangat penting untuk memastikan tidak ada rongga udara dalam lapisan aspal, sehingga meningkatkan daya tahan dan kekuatan jalan. Kami menggunakan kombinasi tandem roller dan vibratory roller untuk mendapatkan hasil pemadatan yang optimal.</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-jakarta-400x380.webp" alt="jasa pengaspalan jalan jakarta" class="wp-image-2033"/></figure>



<h3 class="wp-block-heading">7. Finishing dan Pengecekan Kualitas</h3>



<p>Setelah pemadatan selesai, dilakukan pengecekan kualitas untuk memastikan jalan telah sesuai dengan spesifikasi yang diinginkan. Kami melakukan uji ketahanan, kelicinan, serta memastikan bahwa tidak ada bagian yang kurang rata atau berlubang. Jika ditemukan kekurangan, segera dilakukan perbaikan sebelum jalan siap digunakan.</p>



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



<p>Memilih penyedia jasa pengaspalan yang tepat adalah langkah penting untuk mendapatkan hasil yang memuaskan. Berikut adalah alasan mengapa Anda harus memilih Jasa Pengaspalan Jakarta:</p>



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



<p>Kami Jasa pengaspalan Jakarta memiliki tim ahli yang berpengalaman dan terlatih dalam bidang jasa pengaspalan. Setiap anggota tim kami siap memberikan solusi terbaik untuk proyek Anda, mulai dari perencanaan hingga eksekusi.</p>



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



<p>Jasa pengaspalan Jakarta hanya menggunakan material aspal berkualitas dari <a href="https://hargaaspal.com/pabrik-aspal-jakarta/" target="_blank" rel="noreferrer noopener">pabrik aspal Jakarta</a>. Material berkualitas tinggi ini menjamin jalan yang dihasilkan lebih tahan lama dan tidak mudah rusak.</p>



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



<p>Di Jasa pengaspalan Jakarta harga layanan jasa aspal murah dan <a href="https://hargaaspal.com/" target="_blank" rel="noreferrer noopener">harga aspal</a> terjangkau dan transparan. Kami memberikan penawaran terbaik tanpa mengorbankan kualitas pekerjaan.</p>



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



<p>Kami Jasa pengaspalan Jakarta memberikan garansi kepuasan untuk setiap proyek. Jika ada masalah, tim kami siap melakukan evaluasi dan perbaikan tanpa biaya tambahan.</p>



<h3 class="wp-block-heading">5. Pelayanan Cepat dan Tepat Waktu</h3>



<p>Kami Jasa pengaspalan Jakarta mengutamakan efisiensi waktu dalam setiap proyek. Tim kami bekerja dengan cepat dan tepat sesuai dengan jadwal kesepakatan.</p>



<h3 class="wp-block-heading">6. Teknologi dan Alat Modern</h3>



<p>Jasa pengaspalan Jakarta menggunakan alat canggih seperti asphalt mixing plant, vibratory roller, dan pavers untuk memastikan hasil pengaspalan yang presisi dan berkualitas tinggi.</p>



<h3 class="wp-block-heading">7. Layanan Lengkap dari Awal hingga Akhir</h3>



<p>Jasa pengaspalan Jakarta menyediakan layanan lengkap, mulai dari survei lokasi, perhitungan material, hingga finishing. Anda tidak perlu repot mencari jasa pengaspalan jalan lain untuk menyelesaikan proyek Anda.</p>



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



<section class="testi-section">
  <div class="testi-grid">

    <!-- Testimoni 1 -->
    <article class="testi-card">
      <h3 class="testi-title">Proses Cepat &#038; Harga Kompetitif</h3>
      <p class="testi-quote">
        &#8220;Proses pengerjaan cepat dan hasilnya sesuai ekspektasi. Tim profesional dan harga kompetitif. Sangat recommended!&#8221;
      </p>
      <p class="testi-identitas">— Ani</p>
    </article>

    <!-- Testimoni 2 -->
    <article class="testi-card">
      <h3 class="testi-title">Jalan Kompleks Lebih Nyaman</h3>
      <p class="testi-quote">
        &#8220;Jalan di komplek kami jadi lebih nyaman setelah diaspal oleh Jasa Pengaspalan Jakarta.&#8221;
      </p>
      <p class="testi-identitas">— Shani</p>
    </article>

    <!-- Testimoni 3 -->
    <article class="testi-card">
      <h3 class="testi-title">Pelayanan Memuaskan &#038; Hasil Tahan Lama</h3>
      <p class="testi-quote">
        &#8220;Pelayanan dari Jasa Pengaspalan Jakarta sangat memuaskan. Hasil pengaspalan halus dan tahan lama.&#8221;
      </p>
      <p class="testi-identitas">— Gracia</p>
    </article>

    <!-- Testimoni 4 -->
    <article class="testi-card">
      <h3 class="testi-title">Rapi &#038; Presisi untuk Proyek Besar</h3>
      <p class="testi-quote">
        &#8220;Hasil pengaspalan rapi dan presisi, cocok untuk proyek-proyek besar.&#8221;
      </p>
      <p class="testi-identitas">— Yeyen</p>
    </article>

    <!-- Testimoni 5 -->
    <article class="testi-card">
      <h3 class="testi-title">Material Ramah Lingkungan</h3>
      <p class="testi-quote">
        &#8220;Material yang digunakan Jasa Pengaspalan Jakarta ramah lingkungan, sangat sesuai dengan kebutuhan kami.&#8221;
      </p>
      <p class="testi-identitas">— Wijaya</p>
    </article>

  </div>
</section>

<style>
  .testi-section {
    font-family: 'Segoe UI', sans-serif;
    padding: 40px 20px;
    background: #fdfdfd;
    text-align: center;
  }

  .testi-heading {
    font-size: 22px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 28px;
  }

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

  .testi-card {
    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;
  }
  .testi-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 8px 20px rgba(0,0,0,.14);
  }

  .testi-title {
    font-size: 16px;
    font-weight: 700;
    color: #a10026;
    margin-bottom: 8px;
  }

  .testi-quote {
    font-size: 14px;
    color: #444;
    line-height: 1.65;
    margin: 0 0 8px;
  }

  .testi-identitas {
    font-size: 13.5px;
    color: #666;
    margin: 0;
  }
</style>



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



<p>Percayakan proyek pengaspalan Anda kepada tim profesional kami. Jasa pengaspalan Jakarta hadir dengan material hotmix terbaik, tenaga berpengalaman, dan peralatan modern untuk menghasilkan jalan yang kuat, rata, dan nyaman digunakan. Kami menawarkan harga bersaing, pengerjaan tepat waktu, serta layanan konsultasi gratis untuk membantu Anda memilih solusi yang sesuai kebutuhan.<br>Hubungi kami sekarang atau isi form pemesanan di bawah agar proyek Anda segera terealisasi dengan hasil maksimal.</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 Jasa Pengaspalan Jakarta</h2>



<div class="schema-faq wp-block-yoast-faq-block"><div class="schema-faq-section" id="faq-question-1759303360349"><strong class="schema-faq-question"><strong>1.Apa saja layanan yang ditawarkan?</strong></strong> <p class="schema-faq-answer">Kami menawarkan jasa aspal jalan baru, perbaikan jalan rusak, pengaspalan ulang, dan pemasangan marka jalan.</p> </div> <div class="schema-faq-section" id="faq-question-1759303381769"><strong class="schema-faq-question"><strong>2. Berapa lama waktu pengerjaan?</strong></strong> <p class="schema-faq-answer">Waktu pengerjaan tergantung pada luas area dan kondisi jalan, konsultasikan kepada tim kami.</p> </div> <div class="schema-faq-section" id="faq-question-1759303395631"><strong class="schema-faq-question"><strong>3. Apakah material yang digunakan ramah lingkungan?</strong></strong> <p class="schema-faq-answer">Tentu saja, kami menggunakan material yang ramah lingkungan dan sesuai standar.</p> </div> <div class="schema-faq-section" id="faq-question-1759303412425"><strong class="schema-faq-question"><strong>4. Apakah ada garansi untuk layanan?</strong></strong> <p class="schema-faq-answer">Ya, kami memberikan garansi kepuasan untuk setiap proyek yang kami kerjakan.</p> </div> <div class="schema-faq-section" id="faq-question-1759303420949"><strong class="schema-faq-question"><strong>5. Apakah bisa dilakukan di malam hari?</strong></strong> <p class="schema-faq-answer">Tergantung pada lokasi dan perizinan, kami dapat menyesuaikan waktu pengerjaan.</p> </div> </div>
<p>Artikel <a href="https://hargaaspal.com/jasa-pengaspalan-jakarta/">Jasa Pengaspalan Jakarta, Kontraktor Aspal Profesional di Jakarta</a> pertama kali tampil pada <a href="https://hargaaspal.com">Harga Aspal Terbaru</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
