<?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>Tak Berkategori Archives - Jasa SEO Semarang - Website UMKM Digital</title>
	<atom:link href="https://sindu.id/category/tak-berkategori/feed/" rel="self" type="application/rss+xml" />
	<link>https://sindu.id/category/tak-berkategori/</link>
	<description>Jasa SEO dan Pembuatan Website UMKM Murah di Semarang</description>
	<lastBuildDate>Fri, 30 Jan 2026 09:14:17 +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://sindu.id/wp-content/uploads/2024/11/Icon-Sindu_seo-150x150.png</url>
	<title>Tak Berkategori Archives - Jasa SEO Semarang - Website UMKM Digital</title>
	<link>https://sindu.id/category/tak-berkategori/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Jasa Pembuatan Website Lebak untuk Bisnis Modern</title>
		<link>https://sindu.id/jasa-pembuatan-website-lebak/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-lebak/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Fri, 30 Jan 2026 09:13:49 +0000</pubDate>
				<category><![CDATA[Tak Berkategori]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=1893</guid>

					<description><![CDATA[<p>Jasa pembuatan website Lebak membantu UMKM, perusahaan, dan instansi membangun website profesional, cepat diakses, dan mudah dikelola. Kami juga menyediakan konsultasi gratis untuk menentukan kebutuhan website yang tepat di wilayah Lebak dan sekitarnya. Kenapa Harus Sindu.id? [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-lebak/">Jasa Pembuatan Website Lebak untuk Bisnis Modern</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><a href="https://sindu.id/jasa-pembuatan-website-lebak" target="_blank" rel="noreferrer noopener">Jasa pembuatan website Lebak</a> membantu UMKM, perusahaan, dan instansi membangun website profesional, cepat diakses, dan mudah dikelola. Kami juga menyediakan konsultasi gratis untuk menentukan kebutuhan website yang tepat di wilayah Lebak dan sekitarnya.</p>


<!-- Tombol Scroll -->
<button class="btn-scroll" onclick="location.href='#harga'">
  Lihat Harga
</button>

<style>
/* Smooth scroll */
html{
  scroll-behavior:smooth;
}

/* Tombol tengah */
.btn-scroll{
  background:#4f46e5;
  color:#fff;
  padding:14px 26px;
  border:none;
  border-radius:10px;
  font-size:16px;
  font-weight:600;
  cursor:pointer;

  display:block;
  margin:40px auto;
}

/* Hover */
.btn-scroll:hover{
  background:#3730a3;
}

/* Section Harga */
.harga-section{
  padding:80px 16px;
  margin-top:120px;
  text-align:center;
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

.harga-section h2{
  font-size:2rem;
  margin-bottom:12px;
}

.harga-section p{
  max-width:720px;
  margin:0 auto;
  line-height:1.6;
  color:#555;
}
</style>


<style>
.kontak-wrapper {
  padding: 16px;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
}

.kontak-list {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.kontak-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 220px;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kontak-btn::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  width: 28px;
  height: 100%;
  background: rgba(255,255,255,0.18);
  border-radius: 50%;
}

.whatsapp {
  background: linear-gradient(135deg,#25D366,#1ebe5d);
}

.whatsapp:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(37,211,102,0.25);
}

.telpon {
  background: linear-gradient(135deg,#22d3ee,#14b8a6);
}

.telpon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(20,184,166,0.25);
}

.kontak-btn svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .kontak-btn {
    width: 100%;
    font-size: 14px;
    padding: 10px 12px;
  }
  .kontak-btn svg {
    width: 18px;
    height: 18px;
  }
}
</style>

<div class="kontak-wrapper">
  <div class="kontak-list">
    <!-- WhatsApp -->
    <a href="https://wa.me/628999805530?text=Kami%20tertarik%20pada%20jasa%20Anda" 
       target="_blank" 
       class="kontak-btn whatsapp">
       <svg viewBox="0 0 24 24">
         <path d="M20.52 3.48C18.18 1.14 15.09 0 12 0 5.37 0 .01 5.36 0 12c0 2.12.55 4.19 1.6 6.02L0 24l6.18-1.57A11.94 11.94 0 0012 24c6.63 0 12-5.36 12-12 0-3.09-1.14-6.18-3.48-8.52zM12 22.08c-2.1 0-4.11-.57-5.87-1.57l-.42-.25-3.66.93.98-3.57-.27-.45A9.95 9.95 0 012.08 12 9.99 9.99 0 1112 22.08zm5.37-7.74c-.3-.15-1.78-.88-2.06-.98-.28-.1-.48-.15-.68.15-.2.3-.77.98-.95 1.18-.17.2-.35.22-.65.08-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.76-1.66-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.38-.03-.53-.08-.15-.68-1.63-.93-2.23-.24-.57-.48-.5-.68-.51-.17 0-.38-.02-.58-.02s-.53.08-.8.38c-.27.3-1.03 1.01-1.03 2.46 0 1.45 1.06 2.85 1.21 3.05.15.2 2.09 3.18 5.07 4.45.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.09 1.78-.73 2.03-1.44.25-.71.25-1.32.17-1.45-.08-.12-.28-.2-.58-.35z"/>
       </svg>
       WHATSAPP
    </a>

    <!-- Telepon -->
    <a href="tel:+628999805530" class="kontak-btn telpon">
       <svg viewBox="0 0 24 24">
         <path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.05-.24c1.12.37 2.33.57 3.56.57a1 1 0 011 1v3.5a1 1 0 01-1 1C9.39 21.5 2.5 14.61 2.5 6a1 1 0 011-1H7a1 1 0 011 1c0 1.23.2 2.44.57 3.56a1 1 0 01-.24 1.05l-2.71 2.18z"/>
       </svg>
       TELEPON
    </a>
  </div>
</div>




<h2 class="wp-block-heading has-large-font-size">Kenapa Harus Sindu.id?</h2>



<p><a href="https://sindu.id/" target="_blank" rel="noreferrer noopener">Sindu.id</a> adalah partner digital Anda yang membantu membangun website profesional sesuai tujuan bisnis. Kami fokus memberikan solusi yang menghasilkan dampak nyata bagi bisnis Anda. Dengan pengalaman dan pendekatan ini, setiap proyek yang kami kerjakan siap membantu bisnis Anda tumbuh lebih efektif.</p>



<ol class="wp-block-list">
<li><strong>Kolaborasi yang Kuat</strong><br>Visi Anda, keahlian kami. Setiap website mencerminkan USP bisnis dan memberikan pengalaman terbaik bagi pelanggan.</li>



<li><strong>Pengalaman Lebih dari 10 Tahun</strong><br>Kami telah mendukung transformasi digital berbagai bisnis di Indonesia dengan keahlian di web development dan digital marketing.</li>



<li><strong>Pendekatan Berorientasi Hasil</strong><br>Kami menciptakan pengalaman online yang mendorong prospek, konversi, dan pertumbuhan bisnis, bukan sekadar membuat website.</li>



<li><strong>Pendekatan Terintegrasi</strong><br>Tim kami menggabungkan desain modern, pengalaman pengguna, dan strategi digital sehingga website yang dibuat tidak hanya indah tetapi juga efektif dan relevan dengan tujuan bisnis Anda.</li>



<li><strong>Desain Kekinian &amp; User-Centric</strong><br>Tampilan website menarik sekaligus memudahkan pengguna dengan navigasi intuitif dan pengalaman menyenangkan bagi setiap pengunjung.</li>



<li><strong>Pengembangan Efisien dan Transparan</strong><br>Tim kami menjaga komunikasi terbuka dengan update rutin melalui email dan WhatsApp, sehingga setiap tahap proyek jelas dan mudah dipantau.</li>



<li><strong>Keamanan &amp; Persiapan Masa Depan</strong><br>Kami memastikan website aman dengan backup berkala, pembaruan domain dan hosting, serta teknologi keamanan terbaru.</li>
</ol>



<h2 class="wp-block-heading has-large-font-size">Masalah Umum Jika Bisnis Tidak Memiliki Website</h2>



<p>Banyak bisnis mengandalkan media sosial sebagai satu-satunya sarana online. Tanpa website, bisnis sering kehilangan peluang, kepercayaan, dan kontrol penuh atas kehadiran digitalnya.</p>



<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
.problem-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.problem-container {
  max-width: 1100px;
  margin: 0 auto;
}

.problem-container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 16px;
  color: #111827;
}

.problem-desc {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}

.problem-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.problem-item {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 24px;
  transition: all 0.3s ease;
}

.problem-item:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

.problem-header {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}

.problem-icon {
  font-size: 22px;
  color: #2563eb;
}

.problem-item h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #111827;
}

.problem-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
}
</style>

<section class="problem-section">
  <div class="problem-container">
    <div class="problem-list">

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-search problem-icon"></i>
        </div>
        <h3>Bisnis Sulit Ditemukan di Pencarian</h3>
        <p>Tanpa website, calon pelanggan kesulitan menemukan informasi bisnis saat mereka mencari solusi secara online.</p>
      </div>

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-share-nodes problem-icon"></i>
        </div>
        <h3>Bergantung Penuh pada Media Sosial</h3>
        <p>Bisnis menyerahkan jangkauan dan visibilitas pada platform pihak ketiga yang bisa berubah kapan saja.</p>
      </div>

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-user-shield problem-icon"></i>
        </div>
        <h3>Kepercayaan Calon Pelanggan Menurun</h3>
        <p>Bisnis tanpa website terlihat kurang profesional dan sulit membangun kepercayaan sejak awal.</p>
      </div>

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-bullseye problem-icon"></i>
        </div>
        <h3>Promosi Tidak Terarah</h3>
        <p>Bisnis tidak memiliki pusat informasi yang jelas untuk mengarahkan calon pelanggan.</p>
      </div>

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-clock problem-icon"></i>
        </div>
        <h3>Peluang Penjualan Terlewat</h3>
        <p>Bisnis kehilangan calon pelanggan yang mencari informasi di luar jam operasional.</p>
      </div>

      <div class="problem-item">
        <div class="problem-header">
          <i class="fas fa-chart-line problem-icon"></i>
        </div>
        <h3>Sulit Mengukur Performa Digital</h3>
        <p>Bisnis tidak memiliki data pengunjung untuk mengevaluasi dan meningkatkan strategi pemasaran.</p>
      </div>

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



<h2 class="wp-block-heading has-large-font-size">Keunggulan Jika Memesan Jasa Website Lebak</h2>



<p>Memesan jasa website di Lebak memberi banyak keuntungan nyata bagi bisnis. Anda mendapatkan solusi yang sesuai dengan kebutuhan lokal dan tujuan bisnis. Berikut beberapa keunggulan utama yang bisa Anda rasakan.</p>



<h3 class="wp-block-heading has-large-font-size">1. Memahami pasar lokal dengan baik</h3>



<p>Jasa website Lebak memahami karakter pelanggan dan jenis usaha di wilayah setempat, sehingga setiap website yang dibuat tampil relevan dan tepat sasaran.</p>



<h3 class="wp-block-heading has-large-font-size">2. Mempercepat komunikasi dan proses kerja</h3>



<p>Anda berkomunikasi langsung dengan tim lokal tanpa hambatan jarak. Hasilnya, proses konsultasi dan revisi berjalan lebih cepat.</p>



<h3 class="wp-block-heading has-large-font-size">3. Mendukung tujuan bisnis secara jelas</h3>



<p>Tim jasa website Lebak merancang website untuk promosi, branding, dan penjualan, sehingga setiap elemen bekerja mendukung pencapaian target bisnis.</p>



<h3 class="wp-block-heading has-large-font-size">4. Memberikan dukungan yang responsif</h3>



<p>Anda menerima pendampingan sejak awal hingga website siap digunakan. Dengan dukungan ini, kebutuhan bisnis tertangani lebih cepat.</p>



<h3 class="wp-block-heading has-large-font-size">5. Menawarkan biaya yang transparan</h3>



<p>Jasa website Lebak menawarkan harga sesuai kebutuhan bisnis lokal. Karena itu, Anda menyesuaikan layanan tanpa biaya tersembunyi.</p>



<h3 class="wp-block-heading has-large-font-size">6. Memudahkan pengembangan jangka panjang</h3>



<p>Website memberi fleksibilitas untuk menambah fitur dan konten. Seiring pertumbuhan bisnis, strategi digital terus berkembang.</p>



<h2 class="wp-block-heading has-large-font-size">Jenis Website yang Pernah Kami Buat</h2>



<p>Kami telah membantu berbagai bisnis dan instansi membangun website sesuai kebutuhan mereka. Setiap proyek dibuat dengan fokus pada fungsi, desain, dan hasil nyata bagi pengguna. Berikut beberapa jenis website yang pernah kami buat di antaranya:</p>



<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
.website-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.website-container {
  max-width: 1100px;
  margin: 0 auto;
}

.website-container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 16px;
  color: #111827;
}

.website-desc {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}

.website-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.website-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}

.website-item:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

.website-icon {
  font-size: 32px;
  color: #2563eb;
  margin-bottom: 12px;
}

.website-item h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #111827;
}

.website-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
}
</style>

<section class="website-section">
  <div class="website-container">
    <div class="website-list">

      <div class="website-item">
        <i class="fas fa-building website-icon"></i>
        <h3>Website Company Profile</h3>
        <p>Membantu perusahaan memperkuat branding, menampilkan profil usaha, dan menyajikan informasi layanan secara profesional.</p>
      </div>

      <div class="website-item">
        <i class="fas fa-cart-shopping website-icon"></i>
        <h3>Website Toko Online / E-Commerce</h3>
        <p>Membuat website toko online yang memudahkan pelanggan berbelanja, mengelola produk, dan meningkatkan penjualan.</p>
      </div>

      <div class="website-item">
        <i class="fas fa-landmark website-icon"></i>
        <h3>Website Instansi / Pemerintahan</h3>
        <p>Menyediakan website untuk instansi agar informasi publik tersaji jelas, cepat diakses, dan mudah dikelola.</p>
      </div>

      <div class="website-item">
        <i class="fas fa-bullhorn website-icon"></i>
        <h3>Landing Page Promosi</h3>
        <p>Membuat landing page khusus untuk kampanye promosi, event, atau produk baru agar menarik pengunjung dan mendorong konversi.</p>
      </div>

      <div class="website-item">
        <i class="fas fa-user website-icon"></i>
        <h3>Website Personal / Portfolio</h3>
        <p>Membantu individu menampilkan karya dan portofolio secara rapi untuk membangun reputasi online.</p>
      </div>

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



<h2 class="wp-block-heading has-large-font-size" id="harga">Daftar Harga Jasa Pembuatan Website Lebak</h2>



<p>Kami menawarkan harga yang transparan dan fleksibel sesuai kebutuhan bisnis Anda. Setiap paket disesuaikan dengan fitur, desain, dan tujuan website, sehingga Anda membayar sesuai manfaat yang diterima. Dengan pilihan paket ini, bisnis kecil hingga besar bisa memiliki website profesional tanpa biaya tersembunyi.</p>


<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
/* ===== SECTION ===== */
.pricing {
  padding: 60px 20px; /* dikurangi dari 80px */
  font-family: Arial, sans-serif;
}

/* ===== GRID ===== */
.pricing-grid {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px; /* dikurangi dari 30px */
}

/* Tablet */
@media (min-width: 768px) {
  .pricing-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .pricing-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* ===== CARD ===== */
.pricing-card {
  background: #fff;
  border-radius: 16px; /* dikurangi sedikit */
  padding: 24px 18px; /* dikurangi agar card lebih compact */
  text-align: center;
  border: 3px solid transparent;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06); /* shadow lebih ringan */
  transition: all 0.25s ease; /* transisi lebih cepat */
  position: relative;
  cursor: pointer;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* Overlay Ungu saat klik */
.pricing-card .overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  border-radius: 16px;
  background: rgba(124,58,237,0.05);
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.pricing-card.active {
  border-color: #7c3aed;
  box-shadow: 0 12px 28px rgba(124,58,237,0.15);
}

.pricing-card.active .overlay {
  opacity: 1;
}

/* ===== TEXT ===== */
.pricing-card h3 {
  font-size: 20px;
  margin-bottom: 8px;
  color: #1f2937;
}

.price {
  font-size: 26px;
  font-weight: 700;
  color: #4f46e5;
  margin-bottom: 8px;
}

.desc {
  font-size: 14px;
  color: #6b7280;
  margin-bottom: 16px;
}

/* ===== FEATURES ===== */
.features {
  list-style: none;
  padding: 0;
  margin: 0 0 16px;
  text-align: left;
  flex-grow: 1;
}

.features li {
  display: flex;
  gap: 8px;
  font-size: 14px;
  margin-bottom: 8px;
  color: #374151;
}

.features i { color: #10b981; }
.features .off { color: #9ca3af; }
.features .off i { color: #ef4444; }

/* ===== BUTTON ===== */
.cta-text {
  font-size: 13px;
  color: #6b7280;
  margin-bottom: 8px;
}

.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 10px 20px;
  border-radius: 30px;
  background: linear-gradient(135deg, #6366f1, #7c3aed);
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

/* RESPONSIVE */
@media (max-width: 640px) {
  .pricing-card { padding: 20px 14px; }
  .price { font-size: 22px; }
  .pricing-card h3 { font-size: 18px; }
}
</style>

<section class="pricing">
  <div class="pricing-grid">

    <!-- Paket Lite -->
    <div class="pricing-card active" data-paket="Paket Lite - Rp 2.000.000">
      <div class="overlay"></div>
      <h3>Paket Lite</h3>
      <div class="price">Rp 2.000.000</div>
      <p class="desc">Website siap pakai untuk kebutuhan dasar</p>
      <ul class="features">
        <li><i class="fa-solid fa-check"></i> Website siap pakai</li>
        <li><i class="fa-solid fa-check"></i> Desain modern</li>
        <li><i class="fa-solid fa-check"></i> Optimasi SEO dasar</li>
        <li><i class="fa-solid fa-check"></i> Gratis konsultasi</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Request fitur tambahan</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Dukungan multi bahasa</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Optimasi UI / UX & kecepatan</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Bonus Business Kit</li>
      </ul>
      <p class="cta-text">Tertarik dengan paket ini?</p>
      <a class="btn wa-btn" href="#"><i class="fa-brands fa-whatsapp"></i> AMBIL PAKET</a>
    </div>

    <!-- Paket Premium -->
    <div class="pricing-card" data-paket="Paket Premium - Rp 3.000.000">
      <div class="overlay"></div>
      <h3>Paket Premium</h3>
      <div class="price">Rp 3.000.000</div>
      <p class="desc">Paket favorit untuk bisnis berkembang</p>
      <ul class="features">
        <li><i class="fa-solid fa-check"></i> Website siap pakai</li>
        <li><i class="fa-solid fa-check"></i> Desain profesional</li>
        <li><i class="fa-solid fa-check"></i> Optimasi SEO dasar</li>
        <li><i class="fa-solid fa-check"></i> Request fitur tambahan</li>
        <li><i class="fa-solid fa-check"></i> Dukungan multi bahasa</li>
        <li><i class="fa-solid fa-check"></i> Optimasi UI / UX</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Optimasi kecepatan</li>
        <li class="off"><i class="fa-solid fa-xmark"></i> Bonus Business Kit</li>
      </ul>
      <p class="cta-text">Paket paling direkomendasikan</p>
      <a class="btn wa-btn" href="#"><i class="fa-brands fa-whatsapp"></i> AMBIL PAKET</a>
    </div>

    <!-- Paket Luxury -->
    <div class="pricing-card" data-paket="Paket Luxury - Harga Custom">
      <div class="overlay"></div>
      <h3>Paket Luxury</h3>
      <div class="price">Custom</div>
      <p class="desc">Website profesional sesuai kebutuhan</p>
      <ul class="features">
        <li><i class="fa-solid fa-check"></i> Website siap pakai</li>
        <li><i class="fa-solid fa-check"></i> Desain modern & eksklusif</li>
        <li><i class="fa-solid fa-check"></i> Optimasi SEO lanjutan</li>
        <li><i class="fa-solid fa-check"></i> Request fitur prioritas</li>
        <li><i class="fa-solid fa-check"></i> Dukungan multi bahasa</li>
        <li><i class="fa-solid fa-check"></i> Optimasi UI / UX & kecepatan</li>
        <li><i class="fa-solid fa-check"></i> Bonus Business Kit lengkap</li>
        <li><i class="fa-solid fa-check"></i> Gratis konsultasi</li>
      </ul>
      <p class="cta-text">Diskusikan kebutuhan Anda</p>
      <a class="btn wa-btn" href="#"><i class="fa-brands fa-whatsapp"></i> AMBIL PAKET</a>
    </div>

  </div>
</section>

<script>
const cards = document.querySelectorAll('.pricing-card');
const phone = '628999805530';

cards.forEach(card => {
  const btn = card.querySelector('.wa-btn');

  // Klik card aktifkan overlay ungu
  card.addEventListener('click', () => {
    cards.forEach(c => c.classList.remove('active'));
    card.classList.add('active');
  });

  // Klik WA tombol
  btn.addEventListener('click', e => {
    e.stopPropagation();
    const paket = card.dataset.paket;
    const message = encodeURIComponent(
      `Halo, saya tertarik dan ingin mengambil ${paket}. Mohon informasinya.`
    );
    window.open(`https://wa.me/${phone}?text=${message}`, '_blank');
  });
});
</script>



<h2 class="wp-block-heading has-large-font-size">Berikut Hasil Pekerjaan Jasa Website Lebak</h2>



<p>Setiap desain menonjolkan tampilan profesional, pengalaman pengguna yang nyaman, dan fitur yang sesuai kebutuhan. Berikut beberapa contoh website yang telah kami buat untuk berbagai bisnis dan instansi di Lebak.</p>



<figure class="wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex">
<figure class="wp-block-image size-large"><img fetchpriority="high" decoding="async" width="400" height="268" data-id="1931" src="https://sindu.id/wp-content/uploads/2026/01/Jual-Jasa-Pembuatan-Website-Lebak.webp" alt="Jual Jasa Pembuatan Website Lebak" class="wp-image-1931" srcset="https://sindu.id/wp-content/uploads/2026/01/Jual-Jasa-Pembuatan-Website-Lebak.webp 400w, https://sindu.id/wp-content/uploads/2026/01/Jual-Jasa-Pembuatan-Website-Lebak-300x201.webp 300w" sizes="(max-width: 400px) 100vw, 400px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="400" height="271" data-id="1930" src="https://sindu.id/wp-content/uploads/2026/01/Jasa-Pembuatan-Website-Lebak.webp" alt="Jasa Pembuatan Website Lebak" class="wp-image-1930" srcset="https://sindu.id/wp-content/uploads/2026/01/Jasa-Pembuatan-Website-Lebak.webp 400w, https://sindu.id/wp-content/uploads/2026/01/Jasa-Pembuatan-Website-Lebak-300x203.webp 300w" sizes="(max-width: 400px) 100vw, 400px" /></figure>



<figure class="wp-block-image size-large"><img decoding="async" width="400" height="283" data-id="1929" src="https://sindu.id/wp-content/uploads/2026/01/jenis-Jasa-Pembuatan-Website-Lebak.webp" alt="jenis Jasa Pembuatan Website Lebak" class="wp-image-1929" srcset="https://sindu.id/wp-content/uploads/2026/01/jenis-Jasa-Pembuatan-Website-Lebak.webp 400w, https://sindu.id/wp-content/uploads/2026/01/jenis-Jasa-Pembuatan-Website-Lebak-300x212.webp 300w" sizes="(max-width: 400px) 100vw, 400px" /></figure>



<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="344" height="400" data-id="1928" src="https://sindu.id/wp-content/uploads/2026/01/Harga-v.webp" alt="Harga Jasa Pembuatan Website Lebak" class="wp-image-1928" srcset="https://sindu.id/wp-content/uploads/2026/01/Harga-v.webp 344w, https://sindu.id/wp-content/uploads/2026/01/Harga-v-258x300.webp 258w" sizes="auto, (max-width: 344px) 100vw, 344px" /></figure>
</figure>



<h2 class="wp-block-heading has-large-font-size">Alur Pembuatan Website</h2>



<p>Membuat website profesional membutuhkan proses terstruktur agar hasil maksimal dan sesuai tujuan bisnis. Berikut langkah-langkah pembuatan website yang biasanya kami lakukan:</p>



<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
.web-process-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.web-process-container {
  max-width: 1100px;
  margin: 0 auto;
}

.web-process-container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 16px;
  color: #111827;
}

.web-process-desc {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
  font-size: 15px;
  line-height: 1.6;
  color: #374151;
}

.web-process-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
}

.web-process-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 24px;
  text-align: center;
  transition: all 0.3s ease;
  border: 1px solid #e5e7eb;
}

.web-process-item:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.06);
  transform: translateY(-4px);
}

.web-process-icon {
  font-size: 32px;
  color: #2563eb;
  margin-bottom: 12px;
}

.web-process-item h3 {
  font-size: 18px;
  margin: 0 0 8px;
  color: #111827;
}

.web-process-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #374151;
}
</style>


<section class="web-process-section">
  <div class="web-process-container">
    <div class="web-process-list">

      <div class="web-process-item">
        <i class="fas fa-comments web-process-icon"></i>
        <h3>Diskusi Kebutuhan &#038; Tujuan</h3>
        <p>Kami mendalami visi, tujuan, dan target bisnis Anda untuk membangun dasar yang tepat bagi website.</p>
      </div>

      <div class="web-process-item">
        <i class="fas fa-project-diagram web-process-icon"></i>
        <h3>Perencanaan Struktur &#038; Desain</h3>
        <p>Tim menyusun blueprint website, termasuk layout, navigasi, dan fitur. Desain dibuat menarik dan mudah digunakan.</p>
      </div>

      <div class="web-process-item">
        <i class="fas fa-code web-process-icon"></i>
        <h3>Pengembangan &#038; Implementasi</h3>
        <p>Kami membangun website sesuai rencana. Setiap halaman dan fitur bekerja cepat, aman, dan responsif di semua perangkat.</p>
      </div>
      <div class="web-process-item">
        <i class="fas fa-check-circle web-process-icon"></i>
        <h3>Pengujian &#038; Koreksi</h3>
        <p>Tim meninjau semua halaman dan fitur untuk memastikan performa optimal dan pengalaman pengguna menyenangkan.</p>
      </div>

      <div class="web-process-item">
        <i class="fas fa-rocket web-process-icon"></i>
        <h3>Publikasi &#038; Optimasi</h3>
        <p>Website diluncurkan dan dioptimasi SEO dasar agar mudah ditemukan di mesin pencari.</p>
      </div>

      <div class="web-process-item">
        <i class="fas fa-users-cog web-process-icon"></i>
        <h3>Pendampingan &#038; Update</h3>
        <p>Kami memberi panduan penggunaan dan menyarankan update konten agar website tetap relevan seiring pertumbuhan bisnis.</p>
      </div>

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



<h2 class="wp-block-heading has-large-font-size">Testimoni Klien Kami</h2>



<p>Berikut pengalaman beberapa klien kami yang telah menggunakan layanan pembuatan website Sindu.id. Setiap testimoni menunjukkan bagaimana website profesional membantu mereka meningkatkan kredibilitas, menarik pelanggan, dan mendukung pertumbuhan bisnis.</p>



<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
.testimoni-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.testimoni-container {
  max-width: 1100px;
  margin: 0 auto;
}

.testimoni-container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 12px;
  color: #111827;
}

.testimoni-desc {
  text-align: center;
  max-width: 720px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
}

.testimoni-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 24px;
}

.testimoni-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 28px 20px 20px;
  position: relative;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  min-height: 220px;
}

.testimoni-item:hover {
  box-shadow: 0 12px 28px rgba(0,0,0,0.08);
  transform: translateY(-5px);
}

.testimoni-icon {
  font-size: 18px; /* lebih kecil dari sebelumnya */
  color: #2563eb;
  position: absolute;
  top: 16px;
  left: 16px;
}

.testimoni-item h3 {
  font-size: 17px;
  margin: 0 0 4px;
  color: #111827;
}

.testimoni-item span {
  font-size: 14px;
  color: #6b7280;
  display: block;
  margin-bottom: 12px;
}

.testimoni-item p {
  font-size: 14px;
  line-height: 1.7;
  color: #374151;
  margin-top: auto;
}
</style>

<section class="testimoni-section">
  <div class="testimoni-container">


    <div class="testimoni-list">

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Rina Pratama</h3>
        <span>Website Toko Online</span>
        <p>Sindu.id membantu saya membuat toko online yang menarik dan mudah digunakan. Dengan desain yang jelas dan navigasi sederhana, pelanggan kini lebih mudah menemukan produk saya. Setelah menggunakan website ini, penjualan meningkat secara signifikan.</p>
      </div>

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Budi Santoso</h3>
        <span>Website Company Profile</span>
        <p>Tim Sindu.id membuat website perusahaan kami tampil profesional. Informasi layanan tersaji rapi dan pelanggan mendapatkan pengalaman browsing yang nyaman.</p>
      </div>

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Lestari Dewi</h3>
        <span>Landing Page Promosi</span>
        <p>Landing page untuk kampanye produk baru kami dibuat sangat menarik dan responsif. Setiap elemen mendukung tujuan promosi, sehingga konversi meningkat. Pelanggan lebih mudah melakukan pembelian langsung melalui halaman ini.</p>
      </div>

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Andi Kurniawan</h3>
        <span>Website Instansi</span>
        <p>Website instansi kami kini lebih informatif dan mudah diakses publik. Tim Sindu.id memastikan semua informasi tersaji dengan jelas tanpa membingungkan pengunjung.</p>
      </div>

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Maya Fitri</h3>
        <span>Website Personal / Portfolio</span>
        <p>Website portfolio saya kini menampilkan karya secara profesional. Desain menarik dan navigasi mudah membuat calon klien lebih tertarik dan menghubungi saya langsung.</p>
      </div>

      <div class="testimoni-item">
        <i class="fas fa-quote-left testimoni-icon"></i>
        <h3>Rian Hidayat</h3>
        <span>Website Event / Landing Page</span>
        <p>Sindu.id membuat landing page untuk acara kami dengan desain modern dan interaktif. Pengunjung lebih tertarik dan mendaftar lebih cepat karena tampilan dan fitur yang jelas. Tim juga memberikan saran praktis untuk optimasi acara.</p>
      </div>

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



<h2 class="wp-block-heading has-large-font-size">Mulai Transformasi Digital Bisnis Anda!</h2>



<p>Miliki website profesional yang mampu menarik pelanggan, meningkatkan kepercayaan, dan menonjolkan bisnis Anda. Konsultasikan kebutuhan website Anda bersama Sindu.id sekarang — gratis.</p>


<style>
.kontak-wrapper {
  padding: 16px;
  font-family: Arial, sans-serif;
  display: flex;
  justify-content: center;
}

.kontak-list {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.kontak-btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 220px;
  padding: 12px 16px;
  border-radius: 12px;
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 700;
  overflow: hidden;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.kontak-btn::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 0;
  width: 28px;
  height: 100%;
  background: rgba(255,255,255,0.18);
  border-radius: 50%;
}

.whatsapp {
  background: linear-gradient(135deg,#25D366,#1ebe5d);
}

.whatsapp:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(37,211,102,0.25);
}

.telpon {
  background: linear-gradient(135deg,#22d3ee,#14b8a6);
}

.telpon:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(20,184,166,0.25);
}

.kontak-btn svg {
  width: 20px;
  height: 20px;
  fill: #fff;
}

/* Mobile responsive */
@media (max-width: 480px) {
  .kontak-btn {
    width: 100%;
    font-size: 14px;
    padding: 10px 12px;
  }
  .kontak-btn svg {
    width: 18px;
    height: 18px;
  }
}
</style>

<div class="kontak-wrapper">
  <div class="kontak-list">
    <!-- WhatsApp -->
    <a href="https://wa.me/628999805530?text=Kami%20tertarik%20pada%20jasa%20Anda" 
       target="_blank" 
       class="kontak-btn whatsapp">
       <svg viewBox="0 0 24 24">
         <path d="M20.52 3.48C18.18 1.14 15.09 0 12 0 5.37 0 .01 5.36 0 12c0 2.12.55 4.19 1.6 6.02L0 24l6.18-1.57A11.94 11.94 0 0012 24c6.63 0 12-5.36 12-12 0-3.09-1.14-6.18-3.48-8.52zM12 22.08c-2.1 0-4.11-.57-5.87-1.57l-.42-.25-3.66.93.98-3.57-.27-.45A9.95 9.95 0 012.08 12 9.99 9.99 0 1112 22.08zm5.37-7.74c-.3-.15-1.78-.88-2.06-.98-.28-.1-.48-.15-.68.15-.2.3-.77.98-.95 1.18-.17.2-.35.22-.65.08-.3-.15-1.26-.46-2.4-1.48-.89-.79-1.49-1.76-1.66-2.06-.17-.3-.02-.46.13-.61.13-.13.3-.35.45-.52.15-.17.2-.3.3-.5.1-.2.05-.38-.03-.53-.08-.15-.68-1.63-.93-2.23-.24-.57-.48-.5-.68-.51-.17 0-.38-.02-.58-.02s-.53.08-.8.38c-.27.3-1.03 1.01-1.03 2.46 0 1.45 1.06 2.85 1.21 3.05.15.2 2.09 3.18 5.07 4.45.71.31 1.26.49 1.69.63.71.23 1.36.2 1.87.12.57-.09 1.78-.73 2.03-1.44.25-.71.25-1.32.17-1.45-.08-.12-.28-.2-.58-.35z"/>
       </svg>
       WHATSAPP
    </a>

    <!-- Telepon -->
    <a href="tel:+628999805530" class="kontak-btn telpon">
       <svg viewBox="0 0 24 24">
         <path d="M6.62 10.79a15.053 15.053 0 006.59 6.59l2.2-2.2a1 1 0 011.05-.24c1.12.37 2.33.57 3.56.57a1 1 0 011 1v3.5a1 1 0 01-1 1C9.39 21.5 2.5 14.61 2.5 6a1 1 0 011-1H7a1 1 0 011 1c0 1.23.2 2.44.57 3.56a1 1 0 01-.24 1.05l-2.71 2.18z"/>
       </svg>
       TELEPON
    </a>
  </div>
</div>




<h2 class="wp-block-heading">FAQ Jasa Pembuatan Website Lebak</h2>



<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">

<style>
.faq-section {
  padding: 60px 20px;
  font-family: Arial, sans-serif;
}

.faq-container {
  max-width: 900px;
  margin: 0 auto;
}

.faq-container h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 12px;
  color: #111827;
}

.faq-desc {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
  color: #4b5563;
}

.faq-item {
  background: #ffffff;
  border-radius: 12px;
  padding: 20px 24px;
  margin-bottom: 16px;
  border: 1px solid #e5e7eb;
  transition: all 0.3s ease;
  cursor: pointer;
  position: relative;
}

.faq-item:hover {
  box-shadow: 0 10px 20px rgba(0,0,0,0.06);
  transform: translateY(-3px);
}

.faq-icon {
  font-size: 16px;
  color: #2563eb;
  margin-right: 10px;
}

.faq-question {
  font-size: 16px;
  font-weight: 600;
  color: #111827;
  display: flex;
  align-items: center;
}

.faq-answer {
  margin-top: 8px;
  font-size: 14px;
  color: #374151;
  line-height: 1.6;
  display: none; /* collapsible */
}
</style>

<section class="faq-section">
  <div class="faq-container">
  

    <div class="faq-item">
      <div class="faq-question"><i class="fas fa-question-circle faq-icon"></i> Berapa lama biasanya website selesai dibuat?</div>
      <div class="faq-answer">Tim kami menyelesaikan website sesuai kebutuhan dan kompleksitas fitur. Website sederhana siap digunakan dalam beberapa hari, sementara website dengan fitur lengkap memerlukan waktu lebih lama.</div>
    </div>

    <div class="faq-item">
      <div class="faq-question"><i class="fas fa-question-circle faq-icon"></i> Apakah saya bisa mengelola website sendiri setelah jadi?</div>
      <div class="faq-answer">Anda bisa menambah konten, update produk, atau mengubah tampilan sendiri. Kami menyediakan panduan agar Anda lebih mudah mengelola website.</div>
    </div>

    <div class="faq-item">
      <div class="faq-question"><i class="fas fa-question-circle faq-icon"></i> Apakah website ini responsif di semua perangkat?</div>
      <div class="faq-answer">Website tampil optimal di komputer, tablet, dan smartphone. Desain responsif memastikan pengunjung nyaman menjelajah di semua perangkat.</div>
    </div>

    <div class="faq-item">
      <div class="faq-question"><i class="fas fa-question-circle faq-icon"></i> Apakah website bisa dioptimasi SEO?</div>
      <div class="faq-answer">Kami membangun website dengan struktur SEO-friendly dan memberikan saran optimasi konten agar website mudah ditemukan di mesin pencari.</div>
    </div>

    <div class="faq-item">
      <div class="faq-question"><i class="fas fa-question-circle faq-icon"></i> Apakah ada layanan konsultasi sebelum membuat website?</div>
      <div class="faq-answer">Anda bisa langsung konsultasi gratis untuk membahas kebutuhan, tujuan, dan konsep website. Tim kami akan memberikan saran terbaik sesuai bisnis Anda.</div>
    </div>

  </div>
</section>

<script>
// Script collapsible FAQ
const faqItems = document.querySelectorAll('.faq-item');
faqItems.forEach(item => {
  const question = item.querySelector('.faq-question');
  question.addEventListener('click', () => {
    const answer = item.querySelector('.faq-answer');
    answer.style.display = answer.style.display === 'block' ? 'none' : 'block';
  });
});
</script>



<p></p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-lebak/">Jasa Pembuatan Website Lebak untuk Bisnis Modern</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://sindu.id/jasa-pembuatan-website-lebak/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
