<?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>Teknologi dan Digital Archives - Jasa SEO Semarang - Website UMKM Digital</title>
	<atom:link href="https://sindu.id/category/umkm/teknologi-dan-digital/feed/" rel="self" type="application/rss+xml" />
	<link>https://sindu.id/category/umkm/teknologi-dan-digital/</link>
	<description>Jasa SEO dan Pembuatan Website UMKM Murah di Semarang</description>
	<lastBuildDate>Thu, 12 Feb 2026 07:31:11 +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>Teknologi dan Digital Archives - Jasa SEO Semarang - Website UMKM Digital</title>
	<link>https://sindu.id/category/umkm/teknologi-dan-digital/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Jasa Pembuatan Website Pemalang Profesional untuk Bisnis Berkembang</title>
		<link>https://sindu.id/jasa-pembuatan-website-pemalang/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-pemalang/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 07:30:51 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3123</guid>

					<description><![CDATA[<p>Perkembangan teknologi membuat calon pelanggan lebih sering melakukan riset online sebelum membeli. Untuk tetap kompetitif, bisnis di Pemalang perlu identitas digital yang kuat. Jasa pembuatan website Pemalang membantu membangun website profesional, mengoptimalkan performa, dan memudahkan pengelolaan [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pemalang/">Jasa Pembuatan Website Pemalang Profesional untuk Bisnis Berkembang</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Perkembangan teknologi membuat calon pelanggan lebih sering melakukan riset online sebelum membeli. Untuk tetap kompetitif, bisnis di Pemalang perlu identitas digital yang kuat. <a href="https://sindu.id/jasa-pembuatan-website-pemalang/">Jasa pembuatan website Pemalang</a> membantu membangun website profesional, mengoptimalkan performa, dan memudahkan pengelolaan konten secara mandiri. Dengan begitu, bisnis bisa menjangkau lebih banyak pelanggan dan berkomunikasi secara efektif.</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>



<h2 class="wp-block-heading has-large-font-size">Strategi Konten Terarah dalam Jasa Pembuatan Website Pemalang</h2>



<p>Konten menentukan arah komunikasi website. <a href="https://sindu.id/" target="_blank" rel="noreferrer noopener">Sindu.id</a> menyusun strategi konten sejak perencanaan, mulai dari menganalisis kebutuhan audiens Pemalang hingga membuat struktur halaman yang logis dan jelas. Kata kunci ditempatkan secara natural untuk meningkatkan visibilitas di mesin pencari, sambil tetap menjaga kenyamanan pembaca. Hasilnya, website efektif membangun kepercayaan, memperkuat branding, dan memberikan pengalaman pengguna berkualitas.</p>



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



<p>Kami membangun website yang profesional dan efektif menjadi kunci agar bisnis di Pemalang tetap kompetitif. Berikut 6 keunggulan dari jasa website kami:</p>



<!-- ===== KEUNGGULAN WEBSITE PEMALANG ===== -->
<section class="advantages-section">
  <div class="container">
  
    <div class="advantages-grid">
      <!-- 1 -->
      <div class="advantage-item">
        <div class="advantage-icon">📝</div>
        <h3>Konten Strategis dan Relevan</h3>
        <p>Sindu.id menyusun konten berdasarkan analisis audiens lokal, memastikan pesan bisnis tersampaikan dengan jelas dan membangun kepercayaan.</p>
      </div>

      <!-- 2 -->
      <div class="advantage-item">
        <div class="advantage-icon">💻</div>
        <h3>Desain Profesional dan Responsif</h3>
        <p>Tampilan modern dan mobile-friendly membuat pengunjung nyaman di berbagai perangkat, meningkatkan pengalaman pengguna.</p>
      </div>

      <!-- 3 -->
      <div class="advantage-item">
        <div class="advantage-icon">🔍</div>
        <h3>Optimasi SEO untuk Visibilitas</h3>
        <p>Kata kunci ditempatkan secara natural agar mesin pencari memahami topik utama, membantu bisnis lebih mudah ditemukan online.</p>
      </div>

      <!-- 4 -->
      <div class="advantage-item">
        <div class="advantage-icon">⚡</div>
        <h3>Pengelolaan Konten Mandiri</h3>
        <p>Pemilik usaha bisa menambahkan produk, memperbarui informasi, dan menampilkan portofolio kapan saja tanpa bergantung pihak lain.</p>
      </div>

      <!-- 5 -->
      <div class="advantage-item">
        <div class="advantage-icon">🤝</div>
        <h3>Interaksi Pengunjung yang Efektif</h3>
        <p>Struktur website yang jelas memudahkan pengunjung memahami layanan dan mendorong mereka melakukan tindakan yang diinginkan.</p>
      </div>

      <!-- 6 -->
      <div class="advantage-item">
        <div class="advantage-icon">📈</div>
        <h3>Hasil Terukur dan Berkualitas</h3>
        <p>Website dirancang untuk mendukung tujuan bisnis, mulai dari branding hingga peningkatan penjualan, dengan performa yang optimal.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== STYLE ===== -->
<style>
.advantages-section {
  padding: 50px 16px;
  font-family: Arial, sans-serif;
  color: #111;
}
.advantages-section h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
.advantages-section p {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
}
.advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.advantage-item {
  background-color: #fff;
  padding: 24px 16px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}
.advantage-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.advantage-icon {
  font-size: 40px;
  margin-bottom: 16px;
}
.advantage-item h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: #111;
}
.advantage-item p {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}
@media (max-width: 600px) {
  .advantages-section h2 {
    font-size: 28px;
  }
  .advantages-grid {
    gap: 16px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Keamanan dan Stabilitas Sistem dalam Pembuatan Website</h2>



<p>Keamanan menjadi prioritas dalam pengelolaan website. Tim memasang sertifikat SSL untuk melindungi pertukaran data antara pengguna dan server. Mereka juga melakukan pembaruan sistem secara berkala untuk menutup celah keamanan. Selain itu, tim menyiapkan sistem backup rutin agar bisnis tetap memiliki salinan data penting. Jika terjadi kendala teknis, pemilik usaha dapat memulihkan data dengan cepat. Pendekatan ini menjaga stabilitas sekaligus meningkatkan rasa aman pelanggan. Dengan sistem yang aman dan stabil, bisnis dapat menjalankan aktivitas online tanpa gangguan berarti.</p>



<h2 class="wp-block-heading has-large-font-size" id="harga">Harga Jasa Pembuatan Website Pemalang yang Transparan dan Kompetitif</h2>



<p>Kami menawarkan harga jasa pembuatan website yang jelas, transparan, dan sesuai dengan kebutuhan bisnis Anda di Pemalang. Setiap paket dirancang agar Anda mendapatkan nilai maksimal 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">Hasil Pengerjaan Jasa Website Pemalang </h2>


					<div
						class="wp-block-uagb-image-gallery uagb-block-f6dd8591     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3138' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Pemalang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Pemalang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Pemalang-244x300.webp" alt="Jual Jasa Pembuatan Website Pemalang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3139' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Pemalang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Pemalang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Pemalang-268x300.webp" alt="Harga Jasa Pembuatan Website Pemalang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3140' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Pemalang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Pemalang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Pemalang-244x300.webp" alt="Jasa Pembuatan Website Pemalang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3141' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Pemalang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Pemalang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Pemalang-300x263.webp" alt="Tipe Jasa Pembuatan Website Pemalang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


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



<p>Kami membuat website dengan terstruktur, profesional, dan sesuai kebutuhan bisnis. Berikut langkah-langkah proses pembuatan website:</p>



<!-- ===== PROSES PEMBUATAN WEBSITE ===== -->
<section class="process-section">
  <div class="container">

    <div class="process-grid">
      <!-- 1 -->
      <div class="process-item">
        <div class="process-icon">📝</div>
        <h3>1. Analisis Kebutuhan</h3>
        <p>Mempelajari bisnis, audiens, dan tujuan website agar solusi yang diberikan tepat sasaran.</p>
      </div>

      <!-- 2 -->
      <div class="process-item">
        <div class="process-icon">🗂️</div>
        <h3>2. Perencanaan &#038; Struktur</h3>
        <p>Menyusun sitemap, alur navigasi, dan struktur halaman agar website mudah dipahami pengunjung.</p>
      </div>

      <!-- 3 -->
      <div class="process-item">
        <div class="process-icon">🎨</div>
        <h3>3. Desain Visual</h3>
        <p>Membuat tampilan modern, responsif, dan sesuai identitas brand bisnis Anda.</p>
      </div>

      <!-- 4 -->
      <div class="process-item">
        <div class="process-icon">⚙️</div>
        <h3>4. Pengembangan</h3>
        <p>Membangun website menggunakan teknologi ringan dan cepat, dengan optimasi SEO dasar.</p>
      </div>

      <!-- 5 -->
      <div class="process-item">
        <div class="process-icon">✅</div>
        <h3>5. Testing &#038; Review</h3>
        <p>Memastikan semua fitur berjalan lancar, tampilan responsif, dan website siap digunakan.</p>
      </div>

      <!-- 6 -->
      <div class="process-item">
        <div class="process-icon">🚀</div>
        <h3>6. Launch &#038; Monitoring</h3>
        <p>Website siap live, tim tetap memantau performa dan memberikan panduan pengelolaan mandiri.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== STYLE ===== -->
<style>
.process-section {
  padding: 50px 16px;
  font-family: Arial, sans-serif;
  color: #111;
}
.process-section h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 16px;
  color: #1a1a1a;
}
.process-section p {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
}
.process-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.process-item {
  background-color: #f9f9f9;
  padding: 24px 16px;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}
.process-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.process-icon {
  font-size: 40px;
  margin-bottom: 16px;
}
.process-item h3 {
  font-size: 20px;
  margin-bottom: 12px;
  color: #111;
}
.process-item p {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
}
@media (max-width: 600px) {
  .process-section h2 {
    font-size: 28px;
  }
  .process-grid {
    gap: 16px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Dampak Jangka Panjang Jasa Pembuatan Website bagi Bisnis Lokal</h2>



<p>Website memberikan dampak nyata bagi pertumbuhan bisnis. Dalam jangka pendek, bisnis meningkatkan visibilitas dan memperluas jangkauan pasar. Namun dalam jangka panjang, website membantu membangun reputasi yang kuat. Seiring waktu, konten yang konsisten memperkuat posisi brand di mesin pencari. Selain itu, pemilik usaha dapat menganalisis data pengunjung untuk memahami perilaku pelanggan. Berdasarkan data tersebut, mereka dapat menyusun strategi pemasaran yang lebih tepat sasaran. Pendekatan berbasis data ini mendorong pertumbuhan yang stabil dan terukur.</p>



<h2 class="wp-block-heading has-large-font-size">Apa Kata Mereka Setelah Menggunakan Layanan Jasa Pembuatan Website?</h2>



<p>Banyak pelanggan di Pemalang sudah merasakan manfaat website profesional dari Sindu.id. Berikut beberapa pengalaman mereka menggunakan jasa pembuatan website kami:</p>



<!-- ===== TESTIMONI WEBSITE PEMALANG ===== -->
<section class="testimoni-section">
  <div class="container">


    <div class="testimoni-grid">
      
      <!-- 1 -->
      <div class="testimoni-item">
        <p>Saya menjual produk lokal lebih cepat berkat website dari Sindu.id. Desain menarik dan navigasi mudah membuat pengunjung betah menjelajah.</p>
        <div class="testimoni-meta">
          <span class="name">Rina, Pemilik Toko Kue</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

      <!-- 2 -->
      <div class="testimoni-item">
        <p>Tim Sindu.id merancang website untuk jasa fotografi saya, dan hasilnya luar biasa. Hasil kerja ini langsung meningkatkan jumlah klien baru saya. Saya mengelola konten sendiri dengan mudah dan cepat.</p>
        <div class="testimoni-meta">
          <span class="name">Agus, Fotografer</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

      <!-- 3 -->
      <div class="testimoni-item">
        <p>Website e-commerce dari Sindu.id membuat saya lebih percaya diri menjual produk online. Selain itu semua fitur berfungsi dengan lancar dan pengunjung mengaksesnya tanpa hambatan.</p>
        <div class="testimoni-meta">
          <span class="name">Dewi, Penjual Kerajinan</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

      <!-- 4 -->
      <div class="testimoni-item">
        <p>Saya memesan website untuk bisnis catering, dan desainnya memukau. Sejak website aktif, pemesanan meningkat dan komunikasi dengan pelanggan berjalan lancar. Saya memperbarui konten sesuai kebutuhan kapan saja.</p>
        <div class="testimoni-meta">
          <span class="name">Hendra, Pemilik Catering</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

      <!-- 5 -->
      <div class="testimoni-item">
        <p>Website sekolah musik saya tampil profesional dan informatif. Siswa dan orang tua menemukan jadwal kelas dan layanan lain secara online dengan mudah.</p>
        <div class="testimoni-meta">
          <span class="name">Sari, Guru Musik</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

      <!-- 6 -->
      <div class="testimoni-item">
        <p>Sindu.id membantu saya membuat website portfolio desain grafis. Website ini memudahkan saya menarik klien baru dan menampilkan karya terbaik. Semua halaman cepat diakses dan tampil modern.</p>
        <div class="testimoni-meta">
          <span class="name">Budi, Desainer Grafis</span>
          <span class="stars">★★★★★</span>
        </div>
      </div>

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

<!-- ===== STYLE ===== -->
<style>
.testimoni-section {
  padding: 50px 16px;
  font-family: Arial, sans-serif;
  color: #111;
}
.testimoni-section h2 {
  text-align: center;
  font-size: 32px;
  margin-bottom: 16px;
}
.testimoni-section p {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px;
  font-size: 16px;
  line-height: 1.6;
}
.testimoni-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;
  max-width: 1200px;
  margin: 0 auto;
}
.testimoni-item {
  background-color: #fff;
  padding: 24px 16px;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  transition: transform 0.3s, box-shadow 0.3s;
}
.testimoni-item:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}
.testimoni-item p {
  font-size: 15px;
  line-height: 1.6;
  color: #444;
  margin-bottom: 16px;
}
.testimoni-meta {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #111;
}
.stars {
  color: #f5a623;
}
@media (max-width: 600px) {
  .testimoni-section h2 {
    font-size: 28px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Tingkatkan Profesionalisme Bisnis dengan Website Modern</h2>



<p>Di era digital, pelanggan memilih bisnis yang memiliki website cepat, responsif, dan mudah digunakan. Sindu.id menghadirkan website modern yang tampil optimal di semua perangkat. Website yang tepat menunjukkan brand Anda secara profesional, memperluas jangkauan pelanggan, dan membuka peluang penjualan baru. Konsultasikan kebutuhan website Anda sekarang juga, dan kembangkan bisnis Anda dengan strategi digital yang efektif dan terukur.</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 has-large-font-size">FAQ – Pertanyaan Seputar Website Pemalang</h2>



<p>Berikut jawaban atas pertanyaan yang sering diajukan pelanggan tentang pembuatan website di Sindu.id. Semoga membantu Anda memahami proses dan manfaatnya.</p>



<!-- ===== FAQ WEBSITE PEMALANG ===== -->
<section class="faq-section">
  <div class="container">
  

    <div class="faq-list">

      <!-- 1 -->
      <div class="faq-item">
        <input type="checkbox" id="faq1">
        <label for="faq1" class="faq-question">
          Berapa lama proses pembuatan website?
          <span>+</span>
        </label>
        <div class="faq-answer">
          <p>Kami menyelesaikan website dalam 7–14 hari kerja, tergantung kompleksitas fitur dan kesiapan materi dari bisnis Anda.</p>
        </div>
      </div>

      <!-- 2 -->
      <div class="faq-item">
        <input type="checkbox" id="faq2">
        <label for="faq2" class="faq-question">
          Apakah saya bisa mengelola konten sendiri?
          <span>+</span>
        </label>
        <div class="faq-answer">
            <p>Ya tentu saja, kami menyediakan sistem yang mudah digunakan sehingga Anda dapat menambahkan produk, memperbarui informasi, dan mengubah konten tanpa bantuan teknisi.</p>
        </div>
      </div>

      <!-- 3 -->
      <div class="faq-item">
        <input type="checkbox" id="faq3">
        <label for="faq3" class="faq-question">
          Apakah website saya akan SEO friendly?
          <span>+</span>
        </label>
        <div class="faq-answer">
         <p>Kami mengoptimalkan struktur dan konten website agar mesin pencari memahami topik utama, sehingga membantu bisnis Anda lebih mudah ditemukan online.</p>
        </div>
      </div>

      <!-- 4 -->
      <div class="faq-item">
        <input type="checkbox" id="faq4">
        <label for="faq4" class="faq-question">
          Apakah website bisa tampil dengan baik di smartphone?
          <span>+</span>
        </label>
        <div class="faq-answer">
       <p>Kami membuat website responsif, sehingga tampil optimal di semua perangkat, baik desktop, tablet, maupun smartphone.</p>
        </div>
      </div>

      <!-- 5 -->
      <div class="faq-item">
        <input type="checkbox" id="faq5">
        <label for="faq5" class="faq-question">
          Apakah Sindu.id menyediakan layanan tambahan setelah website jadi?
          <span>+</span>
        </label>
        <div class="faq-answer">
         <p>Ya tentu saja, kami menawarkan layanan perawatan, update konten, dan konsultasi strategi digital untuk memastikan website selalu bekerja optimal dan mendukung pertumbuhan bisnis Anda.</p>
        </div>
      </div>

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

<!-- ===== STYLE OPTIMASI ===== -->
<style>
.faq-section {
  padding: 40px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111;
}
.faq-section h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 32px;
}
.faq-section p {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 32px;
  font-size: 16px;
  line-height: 1.6;
}
.faq-list {
  max-width: 900px;
  margin: 0 auto;
}
.faq-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 14px 0;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.faq-question span {
  font-size: 18px;
  transition: transform 0.25s ease;
  display: inline-block;
}
.faq-item input {
  display: none;
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 6px;
}
.faq-item input:checked ~ .faq-answer {
  max-height: 300px;
}
.faq-item input:checked + label span {
  transform: rotate(45deg);
}

/* Responsive */
@media (max-width: 600px) {
  .faq-section {
    padding: 32px 12px;
  }
  .faq-question {
    font-size: 15px;
  }
  .faq-answer {
    font-size: 13px;
  }
}
</style>




<p></p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pemalang/">Jasa Pembuatan Website Pemalang Profesional untuk Bisnis Berkembang</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-pemalang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa Pembuatan Website Purbalingga Profesional &#038; Cepat</title>
		<link>https://sindu.id/jasa-pembuatan-website-purbalingga/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-purbalingga/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 06:17:38 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3095</guid>

					<description><![CDATA[<p>Pelaku usaha di Purbalingga bisa mengembangkan bisnis lebih cepat dengan website profesional yang menarik dan fungsional. Jasa pembuatan website Purbalingga membangun website responsif, SEO-friendly, dan mudah dikelola. Website ini membuat bisnis Anda tampil modern dan kredibel, [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-purbalingga/">Jasa Pembuatan Website Purbalingga Profesional &amp; Cepat</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Pelaku usaha di Purbalingga bisa mengembangkan bisnis lebih cepat dengan website profesional yang menarik dan fungsional. <a href="https://sindu.id/jasa-pembuatan-website-purbalingga/" target="_blank" rel="noreferrer noopener">Jasa pembuatan website Purbalingga</a> membangun website responsif, SEO-friendly, dan mudah dikelola. Website ini membuat bisnis Anda tampil modern dan kredibel, memudahkan pelanggan menemukan layanan Anda, dan meningkatkan peluang penjualan.</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>



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



<p><a href="https://sindu.id/" target="_blank" rel="noreferrer noopener">Sindu.id</a> adalah tim profesional yang fokus membantu bisnis di Purbalingga tampil maksimal secara online. Dengan pengalaman membangun berbagai website, kami merancang desain modern, responsif, dan SEO-friendly yang memudahkan pengelolaan serta menarik pelanggan. Tim Sindu.id selalu bekerja langsung dengan klien untuk memahami kebutuhan bisnis, menghadirkan solusi tepat, dan mendorong pertumbuhan usaha secara nyata.</p>



<h2 class="wp-block-heading has-large-font-size">Website Sebagai Fondasi Brand Online</h2>



<p>Setiap bisnis perlu menampilkan identitas yang jelas agar pelanggan mudah mengenali dan mengingatnya. Website menunjukkan produk, layanan, dan nilai bisnis secara langsung melalui desain yang profesional dan terstruktur. Desain yang menarik membuat pengunjung merasa nyaman dan meningkatkan kepercayaan terhadap brand Anda. Website yang konsisten dan informatif memperkuat reputasi bisnis dan menciptakan kesan pertama yang positif. Dengan website yang tepat, bisnis membangun fondasi kuat untuk branding digital yang efektif.</p>



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



<p>Sindu.id menghadirkan layanan pembuatan website profesional dan sesuai kebutuhan bisnis Anda di Purbalingga. Berikut 6 keunggulan utama dari jasa kami:</p>



<!-- ===== KEUNGGULAN JASA WEBSITE ===== -->
<section class="advantages-section">
  <div class="container">
    <div class="advantages-grid">
      <div class="advantage-card">
        <div class="advantage-icon">🎨</div>
        <h3>Desain Profesional &#038; Modern</h3>
        <p>Tampilan modern dan profesional yang menarik perhatian pelanggan dan meningkatkan kredibilitas brand.</p>
      </div>

      <div class="advantage-card">
        <div class="advantage-icon">⚡</div>
        <h3>Website Cepat &#038; Responsif</h3>
        <p>Website tampil sempurna di semua perangkat, memberikan pengalaman browsing yang lancar dan nyaman.</p>
      </div>

      <div class="advantage-card">
        <div class="advantage-icon">🔍</div>
        <h3>SEO-Friendly &#038; Mudah Ditemukan</h3>
        <p>Meningkatkan peluang ditemukan pelanggan di Google, meningkatkan traffic dan penjualan.</p>
      </div>

      <div class="advantage-card">
        <div class="advantage-icon">🛠️</div>
        <h3>Solusi Sesuai Kebutuhan</h3>
        <p>Website disesuaikan dengan tujuan bisnis dan fitur yang dibutuhkan untuk efisiensi pengelolaan.</p>
      </div>

      <div class="advantage-card">
        <div class="advantage-icon">🤝</div>
        <h3>Dukungan &#038; Konsultasi</h3>
        <p>Konsultasi dan dukungan setiap saat agar website berjalan lancar dan mendukung pertumbuhan bisnis.</p>
      </div>

      <div class="advantage-card">
        <div class="advantage-icon">🛡️</div>
        <h3>Keamanan &#038; Pemeliharaan</h3>
        <p>Update rutin dan backup data sehingga website aman, stabil, dan selalu siap digunakan.</p>
      </div>
    </div>
  </div>
</section>

<!-- ===== STYLE ===== -->
<style>
.advantages-section {
  padding: 50px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111;
  text-align: center;
}
.advantages-section h2 {
  font-size: 28px;
  margin-bottom: 32px;
}
.advantages-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.advantage-card {
  background-color: #fff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
  transition: transform 0.2s, box-shadow 0.2s;
}
.advantage-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.advantage-icon {
  font-size: 40px;
  margin-bottom: 16px;
}
.advantage-card h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.advantage-card p {
  font-size: 15px;
  line-height: 1.5;
  color: #555;
}
@media (max-width: 768px) {
  .advantages-grid {
    grid-template-columns: 1fr;
  }
  .advantage-card:hover {
    transform: none;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Website Kami Rancang Sesuai Tujuan Bisnis Anda</h2>



<p>Setiap bisnis memiliki tujuan berbeda saat membangun website. Karena itu, Sindu.id merancang website yang menarik dan mendukung strategi bisnis Anda secara langsung, sehingga setiap fitur membantu mencapai target Anda.</p>



<ol class="wp-block-list">
<li><strong>Tingkatkan Profesionalitas Brand</strong><br>Dengan website yang tepat, bisnis Anda tampil meyakinkan di mata pelanggan. Brand lebih mudah dikenali, diingat, dan dipercaya, sehingga membangun citra profesional menjadi lebih cepat.</li>



<li><strong>Permudah Pelanggan Berinteraksi</strong><br>Selain membangun citra, website juga mempermudah komunikasi. Pelanggan dapat bertanya, berkonsultasi, atau mengakses layanan melalui tombol WhatsApp, Live Chat, dan Form Kontak.</li>



<li><strong>Dorong Penjualan dan Konversi</strong><br>Lebih dari sekadar informasi, website membantu meningkatkan penjualan. Selain itu dengan katalog produk, keranjang belanja, dan sistem pembayaran otomatis, pengunjung membeli lebih cepat dan tanpa hambatan.</li>
</ol>



<h2 class="wp-block-heading has-large-font-size" id="harga">Harga &amp; Paket Layanan Website Purbalingga </h2>



<p>Sindu.id menawarkan paket pembuatan website yang fleksibel dan sesuai kebutuhan bisnis Anda di Purbalingga. Berikut paket sesuai fitur, desain, dan skala usaha Anda.</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">Hasil Kerja Tim Kami</h2>



<p>Sindu.id telah membantu berbagai bisnis di Purbalingga membangun website profesional yang meningkatkan kredibilitas dan penjualan. Setiap proyek kami menampilkan desain modern, fitur yang mudah digunakan, dan optimasi SEO agar bisnis klien lebih mudah ditemukan pelanggan. Berikut beberapa contoh hasil kerja tim Sindu.id:</p>


					<div
						class="wp-block-uagb-image-gallery uagb-block-171a0ea6     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3108' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purbalingga.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purbalingga.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purbalingga-292x300.webp" alt="Jual Jasa Pembuatan Website Purbalingga" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3109' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purbalingga.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purbalingga.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purbalingga-300x272.webp" alt="Jasa Pembuatan Website Purbalingga" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3110' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purbalingga.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purbalingga.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purbalingga-300x272.webp" alt="Harga Jasa Pembuatan Website Purbalingga" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3113' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jenis-Jasa-Pembuatan-Website-Purbalingga.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jenis-Jasa-Pembuatan-Website-Purbalingga.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jenis-Jasa-Pembuatan-Website-Purbalingga-300x263.webp" alt="Jenis Jasa Pembuatan Website Purbalingga" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


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



<p>Kami memastikan setiap langkah berjalan lancar dan transparan, sehingga klien selalu memahami perkembangan proyek. Berikut tahapan pembuatan website bersama Sindu.id:</p>



<ol class="wp-block-list">
<li><strong>Konsultasi Kebutuhan</strong><br>Tim Sindu.id berdiskusi langsung dengan Anda untuk memahami tujuan, target pasar, dan fitur yang dibutuhkan dalam website.</li>



<li><strong>Desain UI/UX &amp; Persetujuan Layout</strong><br>Kami membuat desain tampilan website yang modern dan user-friendly. Anda memberikan masukan agar desain sesuai dengan brand dan kebutuhan bisnis.</li>



<li><strong>Pengembangan Website &amp; Integrasi Fitur</strong><br>Tim Sindu.id membangun website menggunakan teknologi terbaru, menambahkan fitur interaktif, integrasi media sosial, dan sistem e-commerce bila dibutuhkan.</li>



<li><strong>Testing &amp; Launch</strong><br>Kami memastikan website berfungsi dengan sempurna di semua perangkat, cepat, dan aman sebelum resmi diluncurkan.</li>



<li><strong>Maintenance &amp; Dukungan Lanjutan</strong><br>Sindu.id menyediakan layanan maintenance, update konten, dan dukungan teknis untuk memastikan website tetap optimal dan berkembang seiring waktu.</li>
</ol>



<h2 class="wp-block-heading has-large-font-size">Fitur Tambahan Website yang Bisa Kami Buatkan</h2>



<p>Berikut fitur tambahan dari Sindu.id yang membuat website lebih interaktif, fungsional, dan menarik pelanggan.</p>



<!-- ===== FITUR TAMBAHAN WEBSITE ===== -->
<section class="features-section">
  <div class="features-grid">
    <div class="feature-card">
      <div class="feature-icon">💳</div>
      <h3>Payment Gateway Otomatis</h3>
      <p>Integrasi pembayaran online otomatis memudahkan transaksi cepat dan aman.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">📲</div>
      <h3>Tombol WhatsApp Sekali Klik</h3>
      <p>Pengunjung bisa menghubungi langsung melalui WhatsApp, mempercepat komunikasi.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">🛒</div>
      <h3>Keranjang Belanja &#038; Checkout</h3>
      <p>Sistem keranjang intuitif memudahkan pelanggan membeli produk dengan proses checkout cepat.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">💬</div>
      <h3>Live Chat Real-Time</h3>
      <p>Fitur live chat melayani pengunjung langsung, meningkatkan kepuasan pelanggan.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">🌐</div>
      <h3>Website Multibahasa</h3>
      <p>Website bisa diakses audiens dari berbagai negara, memperluas jangkauan pasar global.</p>
    </div>
    <div class="feature-card">
      <div class="feature-icon">📝</div>
      <h3>Blog &#038; Konten Dinamis</h3>
      <p>Blog atau halaman berita mendukung strategi SEO dan menjaga pengunjung tetap terlibat.</p>
    </div>
  </div>
</section>

<!-- ===== STYLE OPTIMASI ===== -->
<style>
.features-section {
  padding: 40px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111;
  text-align: center;
}
.features-section h2 {
  font-size: 28px;
  margin-bottom: 32px;
}
.features-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.feature-card {
  background-color: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  text-align: center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform, box-shadow;
}
.feature-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 3px 8px rgba(0,0,0,0.07);
}
.feature-icon {
  font-size: 2.2rem;
  margin-bottom: 12px;
}
.feature-card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}
.feature-card p {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  margin: 0;
}

/* Responsive */
@media (max-width: 768px) {
  .features-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .feature-card {
    padding: 16px;
  }
  .feature-card:hover {
    transform: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  }
  .feature-card h3 {
    font-size: 16px;
  }
  .feature-card p {
    font-size: 13px;
  }
}
</style>




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



<p>Berikut beberapa pengalaman pelanggan kami yang menggunakan jasa pembuatan website dari Sindu.id di Purbalingga.</p>



<!-- ===== TESTIMONI ===== -->
<section class="testimoni-section">
  <div class="testimoni-grid">
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Sindu.id membuat website toko online saya cepat diakses dan mudah digunakan. Pelanggan menemukan produk lebih mudah, dan penjualan meningkat.</p>
      <p class="testimoni-name">— Andi Saputra, Pemilik Toko Online</p>
    </div>
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Tim Sindu.id merancang website sekolah kami dengan tampilan modern dan interaktif. Orang tua dan siswa mengakses informasi dengan mudah setiap hari.</p>
      <p class="testimoni-name">— Rina Dewi, Sekolah Kreatif Purbalingga</p>
    </div>
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Sindu.id menampilkan portofolio dan layanan konsultasi saya secara profesional. Klien menemukan saya lebih cepat dan menghubungi saya langsung.</p>
      <p class="testimoni-name">— Budi Hartono, Konsultan Bisnis</p>
    </div>
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Website baru menampilkan menu dan sistem reservasi online yang jelas. Pelanggan memesan lebih cepat dan kunjungan ke café meningkat.</p>
      <p class="testimoni-name">— Sari Lestari, Pemilik Café &#038; Resto</p>
    </div>
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Sindu.id membuat website event dengan form pendaftaran online. Peserta mendaftar sendiri dengan mudah, sehingga acara berjalan lebih lancar.</p>
      <p class="testimoni-name">— Fajar Nugroho, Event Organizer</p>
    </div>
    <div class="testimoni-card">
      <div class="testimoni-stars">⭐⭐⭐⭐⭐</div>
      <p class="testimoni-text">Website e-commerce menampilkan katalog produk rapi dan navigasi mudah. Pelanggan membeli lebih cepat dan kembali lagi untuk transaksi berikutnya.</p>
      <p class="testimoni-name">— Dewi Anggraini, Penjual Produk Handmade</p>
    </div>
  </div>
</section>

<!-- ===== STYLE OPTIMASI ===== -->
<style>
.testimoni-section {
  padding: 40px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111;
  text-align: center;
}
.testimoni-section h2 {
  font-size: 28px;
  margin-bottom: 32px;
}
.testimoni-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}
.testimoni-card {
  background: #fff;
  padding: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  will-change: transform, box-shadow;
  text-align: left;
}
.testimoni-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0,0,0,0.07);
}
.testimoni-stars {
  font-size: 1.25rem;
  margin-bottom: 10px;
  color: #f5c518;
}
.testimoni-text {
  font-size: 14px;
  line-height: 1.5;
  color: #555;
  margin-bottom: 10px;
}
.testimoni-name {
  font-weight: bold;
  font-size: 13px;
  color: #111;
  text-align: right;
}

/* Responsive */
@media (max-width: 768px) {
  .testimoni-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .testimoni-card {
    padding: 16px;
  }
  .testimoni-card:hover {
    transform: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  }
  .testimoni-text {
    font-size: 13px;
  }
  .testimoni-name {
    font-size: 12px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Bangun Citra Bisnis yang Profesional dengan Website Modern</h2>



<p>Di era digital, website yang cepat, responsif, dan mudah digunakan menjadi kunci agar pelanggan menemukan dan percaya pada bisnis Anda. Sindu.id menghadirkan website modern yang tampil optimal di semua perangkat. Website yang tepat menampilkan brand Anda secara profesional, memperluas jangkauan pelanggan, dan membuka peluang penjualan baru. Konsultasikan kebutuhan website Anda sekarang juga, dan mulai kembangkan bisnis Anda secara efektif dan terukur.</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 has-large-font-size">FAQ – Pertanyaan Seputar Jasa Pembuatan Website Purbalingga</h2>



<!-- ===== FAQ SECTION ===== -->
<section class="faq-section">
  <div class="faq-list">

    <!-- FAQ 1 -->
    <div class="faq-item">
      <input type="checkbox" id="faq1">
      <label class="faq-question" for="faq1">
        Layanan apa saja yang ditawarkan Sindu.id?
        <span>+</span>
      </label>
      <div class="faq-answer">
        <p>Kami membuat website untuk berbagai kebutuhan, termasuk bisnis, e-commerce, sekolah, portofolio, dan event. Setiap website kami rancang sesuai tujuan dan kebutuhan bisnis Anda.</p>
      </div>
    </div>

    <!-- FAQ 2 -->
    <div class="faq-item">
      <input type="checkbox" id="faq2">
      <label class="faq-question" for="faq2">
        Berapa lama proses pembuatan website?
        <span>+</span>
      </label>
      <div class="faq-answer">
        <p>Tim Sindu.id menyelesaikan website dalam 7–14 hari kerja, tergantung kompleksitas fitur dan materi yang disiapkan klien.</p>
      </div>
    </div>

    <!-- FAQ 3 -->
    <div class="faq-item">
      <input type="checkbox" id="faq3">
      <label class="faq-question" for="faq3">
        Apakah website bekerja optimal di semua perangkat?
        <span>+</span>
      </label>
      <div class="faq-answer">
        <p>Kami membangun website yang tampil sempurna di desktop, tablet, dan smartphone, sehingga pengunjung menikmati pengalaman browsing yang nyaman.</p>
      </div>
    </div>

    <!-- FAQ 4 -->
    <div class="faq-item">
      <input type="checkbox" id="faq4">
      <label class="faq-question" for="faq4">
        Bagaimana dengan optimasi website untuk Google?
        <span>+</span>
      </label>
      <div class="faq-answer">
        <p>Kami mengoptimalkan website agar pelanggan menemukan bisnis Anda lebih mudah di mesin pencari. Strategi SEO yang tepat membantu menjangkau lebih banyak pelanggan.</p>
      </div>
    </div>

    <!-- FAQ 5 -->
    <div class="faq-item">
      <input type="checkbox" id="faq5">
      <label class="faq-question" for="faq5">
        Apakah Sindu.id memberikan dukungan setelah website selesai?
        <span>+</span>
      </label>
      <div class="faq-answer">
        <p>Kami memberikan konsultasi, update konten, dan maintenance website agar tetap cepat, aman, dan mendukung pertumbuhan bisnis Anda secara berkelanjutan.</p>
      </div>
    </div>

  </div>
</section>

<!-- ===== STYLE OPTIMASI ===== -->
<style>
.faq-section {
  padding: 40px 12px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #111;
}
.faq-section h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 32px;
}
.faq-list {
  max-width: 900px;
  margin: 0 auto;
}
.faq-item {
  border-bottom: 1px solid #e5e5e5;
  padding: 14px 0;
}
.faq-question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 16px;
  font-weight: 600;
}
.faq-question span {
  font-size: 18px;
  transition: transform 0.25s ease;
  display: inline-block;
}
.faq-item input {
  display: none;
}
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
  font-size: 14px;
  line-height: 1.6;
  margin-top: 6px;
}
.faq-item input:checked ~ .faq-answer {
  max-height: 300px;
}
.faq-item input:checked + label span {
  transform: rotate(45deg);
}

/* Responsive */
@media (max-width: 600px) {
  .faq-section {
    padding: 32px 12px;
  }
  .faq-question {
    font-size: 15px;
  }
  .faq-answer {
    font-size: 13px;
  }
}
</style>




<p></p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-purbalingga/">Jasa Pembuatan Website Purbalingga Profesional &amp; Cepat</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-purbalingga/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Bangun Branding Digital Anda – Jasa Pembuatan Website Pekalongan Terpercaya</title>
		<link>https://sindu.id/jasa-pembuatan-website-pekalongan/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-pekalongan/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 04:49:48 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3102</guid>

					<description><![CDATA[<p>Persaingan bisnis di Pekalongan terus meningkat setiap tahun. Oleh karena itu, pelaku usaha harus memperkuat identitas digital agar mampu bertahan dan berkembang. Jasa Pembuatan Website Pekalongan berperan sebagai pusat informasi yang menampilkan profil, layanan, serta keunggulan [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pekalongan/">Bangun Branding Digital Anda – Jasa Pembuatan Website Pekalongan Terpercaya</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Persaingan bisnis di Pekalongan terus meningkat setiap tahun. Oleh karena itu, pelaku usaha harus memperkuat identitas digital agar mampu bertahan dan berkembang. <a href="https://sindu.id/jasa-pembuatan-website-pekalongan/" target="_blank" rel="noreferrer noopener">Jasa Pembuatan Website Pekalongan</a> berperan sebagai pusat informasi yang menampilkan profil, layanan, serta keunggulan bisnis secara terstruktur. Saat ini, konsumen mencari informasi melalui internet sebelum mengambil keputusan. Jika bisnis belum memiliki website profesional, calon pelanggan akan beralih ke kompetitor yang lebih siap secara digital. Karena itu, kehadiran website membantu bisnis tampil lebih kredibel dan mudah ditemukan. Di sisi lain, transformasi digital mendorong pelaku usaha untuk bergerak lebih cepat. Dengan website yang tepat, bisnis dapat menjangkau pasar yang lebih luas tanpa batas wilayah.</p>


<style>
.btn-lihat-harga {
  display: inline-block;
  padding: 14px 32px;
  background: #25a244;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 30px;
  transition: all 0.3s ease;
}

.btn-lihat-harga:hover {
  background: #1e7f34;
  transform: translateY(-2px);
}

.center-btn {
  text-align: center;
  margin: 40px 0;
}
</style>

<!-- TOMBOL -->
<div class="center-btn">
  <a href="#" class="btn-lihat-harga" id="btnHarga">Lihat Harga</a>
</div>

<!-- TARGET -->
<div id="#harga">
  <!-- ISI DAFTAR HARGA -->
</div>

<script>
document.getElementById("btnHarga").addEventListener("click", function(e) {
  e.preventDefault();

  const target = document.getElementById("harga");
  const offset = 80; // atur jika header sticky
  const posisi = target.getBoundingClientRect().top + window.pageYOffset - offset;

  window.scrollTo({
    top: posisi,
    behavior: "smooth"
  });
});
</script>




<h2 class="wp-block-heading has-large-font-size">Peran Strategis Website dalam Meningkatkan Kepercayaan Pelanggan</h2>



<p>Website membentuk kesan pertama yang kuat. Ketika pengunjung membuka halaman dengan desain rapi dan navigasi jelas, mereka langsung menilai bisnis tersebut profesional. Selain itu, informasi yang lengkap memudahkan pelanggan memahami layanan tanpa kebingungan. Selanjutnya, website membantu bisnis menampilkan identitas brand secara konsisten, terutama ketika dikembangkan secara strategis melalui platform terpercaya seperti <a href="https://sindu.id/" type="link" id="https://sindu.id/" target="_blank" rel="noreferrer noopener">sindu.id</a>. Logo, warna, dan pesan utama tersusun secara harmonis sehingga brand terlihat solid. Dengan demikian, pelanggan merasa lebih yakin untuk melanjutkan interaksi. Tidak hanya itu, website juga mempercepat komunikasi. Pengunjung dapat menemukan kontak, alamat, dan detail layanan dalam satu tempat yang terorganisir.</p>



<h2 class="wp-block-heading has-large-font-size">Struktur Website yang Efektif untuk Bisnis di Pekalongan</h2>



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

<!-- ========================= -->
<!-- Struktur Website Section -->
<!-- ========================= -->

<section class="struktur-website">
  <div class="container">
    
 
    <p class="section-desc">
      Struktur yang jelas membantu pengunjung memahami informasi dengan cepat.
      Selain itu, susunan halaman yang tepat meningkatkan kredibilitas dan
      memudahkan navigasi.
    </p>

    <div class="grid-2x2">

      <!-- Item 1 -->
      <div class="card">
        <div class="icon icon-blue">
          <i class="fa-solid fa-house"></i>
        </div>
        <h3>Halaman Beranda</h3>
        <p>
          Beranda menampilkan identitas bisnis secara ringkas dan kuat.
          Pengunjung langsung memahami layanan utama dan nilai yang Anda tawarkan.
        </p>
      </div>

      <!-- Item 2 -->
      <div class="card">
        <div class="icon icon-green">
          <i class="fa-solid fa-briefcase"></i>
        </div>
        <h3>Halaman Layanan</h3>
        <p>
          Halaman ini menjelaskan detail layanan secara spesifik.
          Dengan penjelasan yang jelas, calon pelanggan lebih mudah memahami solusi.
        </p>
      </div>

      <!-- Item 3 -->
      <div class="card">
        <div class="icon icon-orange">
          <i class="fa-solid fa-users"></i>
        </div>
        <h3>Tentang Kami</h3>
        <p>
          Bagian ini memperkenalkan visi, misi, dan latar belakang bisnis
          sehingga membangun kepercayaan pelanggan.
        </p>
      </div>

      <!-- Item 4 -->
      <div class="card">
        <div class="icon icon-purple">
          <i class="fa-solid fa-image"></i>
        </div>
        <h3>Portofolio</h3>
        <p>
          Portofolio menampilkan hasil kerja nyata sehingga bisnis terlihat
          lebih profesional dan meyakinkan.
        </p>
      </div>

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

<style>
.struktur-website {
  padding: 60px 20px;
}

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

.section-title {
  text-align: center;
  font-size: 28px;
  margin-bottom: 15px;
  font-weight: 700;
}

.section-desc {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px auto;
  font-size: 16px;
  color: #555;
}

.grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.card {
  border: 1px solid #eaeaea;
  padding: 30px 20px;
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
  background: #ffffff;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

/* Icon Styling */
.icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 18px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 26px;
  color: #fff;
}

/* Warna berbeda */
.icon-blue { background: #0073e6; }
.icon-green { background: #00b894; }
.icon-orange { background: #f39c12; }
.icon-purple { background: #6c5ce7; }

.card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.card p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .grid-2x2 {
    grid-template-columns: 1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Desain Responsif dan Optimal di Semua Perangkat</h2>



<p>Mayoritas pengguna internet mengakses website melalui smartphone. Oleh sebab itu, desain responsif harus menjadi prioritas utama. Website harus menyesuaikan tampilan dengan berbagai ukuran layar agar tetap nyaman dibaca. Selain tampilan, kecepatan loading juga memengaruhi pengalaman pengguna. Website yang lambat membuat pengunjung meninggalkan halaman lebih cepat. Karena itu, pengembang perlu mengoptimalkan ukuran gambar dan struktur kode sejak awal. Dengan performa yang cepat dan desain adaptif, bisnis dapat menjaga kenyamanan pengunjung sekaligus meningkatkan peluang interaksi.</p>



<h2 class="wp-block-heading has-large-font-size">Fitur Penting yang Mendukung Pertumbuhan Bisnis</h2>



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

<!-- ========================= -->
<!-- Fitur Bisnis Section -->
<!-- ========================= -->

<section class="fitur-bisnis">
  <div class="container">

    
    <p class="section-desc">
      Website profesional menghadirkan fitur strategis yang membantu bisnis berkembang.
      Selain meningkatkan efisiensi, fitur yang tepat juga mempercepat interaksi dengan pelanggan.
    </p>

    <div class="grid-2x2">

      <!-- Fitur 1 -->
      <div class="card">
        <div class="icon icon-blue">
          <i class="fa-solid fa-paper-plane"></i>
        </div>
        <h3>Formulir Pemesanan Online</h3>
        <p>
          Pelanggan dapat mengirim permintaan layanan kapan saja.
          Dengan sistem ini, bisnis menerima prospek lebih cepat dan terorganisir.
        </p>
      </div>

      <!-- Fitur 2 -->
      <div class="card">
        <div class="icon icon-green">
          <i class="fa-brands fa-whatsapp"></i>
        </div>
        <h3>Integrasi WhatsApp</h3>
        <p>
          Tombol WhatsApp mempercepat komunikasi langsung.
          Selain itu, pelanggan bisa bertanya tanpa harus meninggalkan website.
        </p>
      </div>

      <!-- Fitur 3 -->
      <div class="card">
        <div class="icon icon-orange">
          <i class="fa-solid fa-pen-to-square"></i>
        </div>
        <h3>Dashboard Mudah Dikelola</h3>
        <p>
          Pemilik bisnis dapat memperbarui konten dengan mudah.
          Anda bisa menambah artikel, produk, atau foto tanpa coding.
        </p>
      </div>

      <!-- Fitur 4 -->
      <div class="card">
        <div class="icon icon-purple">
          <i class="fa-solid fa-chart-line"></i>
        </div>
        <h3>Optimasi SEO</h3>
        <p>
          Struktur SEO membantu website muncul di mesin pencari.
          Dengan strategi yang tepat, trafik organik meningkat secara konsisten.
        </p>
      </div>

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

<style>
.fitur-bisnis {
  padding: 60px 20px;
}

.fitur-bisnis .container {
  max-width: 1100px;
  margin: auto;
}

.section-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
}

.section-desc {
  text-align: center;
  max-width: 700px;
  margin: 0 auto 40px auto;
  font-size: 16px;
  color: #555;
}

.grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.card {
  border: 1px solid #eaeaea;
  padding: 30px 20px;
  border-radius: 12px;
  text-align: center;
  transition: all 0.3s ease;
  background: #ffffff;
}

.card:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.icon {
  width: 65px;
  height: 65px;
  margin: 0 auto 18px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  font-size: 26px;
  color: #fff;
}

/* Warna ikon */
.icon-blue { background: #0073e6; }
.icon-green { background: #00b894; }
.icon-orange { background: #f39c12; }
.icon-purple { background: #6c5ce7; }

.card h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.card p {
  font-size: 14px;
  color: #666;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 768px) {
  .grid-2x2 {
    grid-template-columns: 1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Optimasi SEO Lokal untuk Menjangkau Pasar Pekalongan</h2>



<p>SEO lokal membantu bisnis muncul ketika calon pelanggan mencari layanan di Pekalongan. Oleh karena itu, strategi optimasi harus terencana dengan baik. Penggunaan kata kunci yang relevan perlu menyatu secara alami dalam setiap bagian konten.Selain itu, struktur heading yang rapi membantu mesin pencari memahami topik utama. Kecepatan website dan keamanan juga mendukung performa SEO secara keseluruhan. Dengan pendekatan ini, website dapat memperoleh trafik organik secara konsisten. Lebih lanjut, optimasi yang tepat mengurangi ketergantungan pada iklan berbayar. Bisnis tetap mendapatkan kunjungan tanpa biaya promosi yang besar.</p>



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


					<div
						class="wp-block-uagb-image-gallery uagb-block-3acf76a6     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3104' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pekalongan.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pekalongan.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pekalongan-300x300.webp" alt="umkm jasa pembuatan website pekalongan" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3105' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pekalongan.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pekalongan.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pekalongan-300x300.webp" alt="toko jasa pembuatan website pekalongan" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3106' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pekalongan.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pekalongan.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pekalongan-300x300.webp" alt="jual jasa pembuatan website pekalongan" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3107' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pekalongan.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pekalongan.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pekalongan-300x300.webp" alt="jasa pembuatan website pekalongan" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


<h2 class="wp-block-heading has-large-font-size">Strategi Konten yang Menarik dan Informatif</h2>



<p>Konten berkualitas menentukan keberhasilan website. Oleh karena itu, setiap halaman harus menyampaikan informasi secara jelas dan langsung. Kalimat aktif membantu pembaca memahami pesan tanpa interpretasi yang rumit. Selain menjelaskan layanan, konten juga perlu menjawab kebutuhan calon pelanggan. Dengan pendekatan ini, pengunjung merasa mendapatkan solusi sejak awal. Di samping itu, penggunaan kalimat transisi menjaga alur pembahasan tetap logis dan nyaman dibaca. Ketika bisnis mengelola konten secara konsisten, website akan berkembang menjadi sumber informasi yang terpercaya.</p>



<h2 class="wp-block-heading has-large-font-size">Harga yang Kami Tawarkan Jasa Pembuatan Website Pekalongan</h2>


<section id="harga">
  <!-- ISI DAFTAR HARGA DI SINI -->
</section>

<!-- Modern Pricing Table Grid 2x2 -->
<div class="pricing-grid-modern">
  <!-- Paket Biasa -->
  <div class="pricing-card-modern" style="--color:#4CAF50;">
    <h3>Paket Biasa</h3>
    <p class="price">Rp 1.000.000</p>
    <ul>
      <li>💻 Template website standar</li>
      <li>📄 1-3 halaman web</li>
      <li>📱 Desain responsif</li>
      <li>✉️ Form kontak sederhana</li>
      <li>🛠 Support dasar via chat</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Biasa" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Elit -->
  <div class="pricing-card-modern" style="--color:#2196F3;">
    <h3>Paket Elit</h3>
    <p class="price">Rp 3.000.000</p>
    <ul>
      <li>🎨 Desain custom modern</li>
      <li>📄 4-6 halaman web</li>
      <li>🔍 Integrasi SEO dasar</li>
      <li>✉️ Form kontak + WhatsApp</li>
      <li>🛠 Support profesional</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Elit" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Premium -->
  <div class="pricing-card-modern" style="--color:#FF9800;">
    <h3>Paket Premium</h3>
    <p class="price">Rp 5.000.000</p>
    <ul>
      <li>🎨 Full custom profesional</li>
      <li>📄 Halaman tak terbatas</li>
      <li>⚡ SEO & optimasi kecepatan</li>
      <li>📱 Form, WhatsApp & Sosial Media</li>
      <li>🛠 Support lengkap & update konten</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Premium" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Custom -->
  <div class="pricing-card-modern" style="--color:#E91E63;">
    <h3>Paket Custom</h3>
    <p class="price">Hubungi Kami</p>
    <ul>
      <li>⚙️ Fitur & desain sesuai kebutuhan</li>
      <li>🛒 Sistem booking / e-commerce khusus</li>
      <li>🔗 Integrasi API & sistem internal</li>
      <li>🛠 Support prioritas & training</li>
      <li>📚 Dokumentasi lengkap & panduan admin</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20konsultasi%20Paket%20Custom" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>
</div>

<!-- CSS Modern -->
<style>
.pricing-grid-modern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1100px;
  margin: 50px auto;
  font-family: 'Arial', sans-serif;
}

.pricing-card-modern {
  background: #fff;
  border-radius: 20px;
  padding: 30px 25px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.pricing-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: var(--color);
}

.pricing-card-modern h3 {
  font-size: 1.6em;
  margin-bottom: 15px;
  color: var(--color);
}

.pricing-card-modern .price {
  font-size: 1.3em;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
}

.pricing-card-modern ul {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  text-align: left;
}

.pricing-card-modern ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 0.95em;
}

.btn-wa-modern {
  display: inline-block;
  padding: 12px 25px;
  background: var(--color);
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s, transform 0.3s;
}

.btn-wa-modern:hover {
  background: #000;
  transform: scale(1.05);
}

.pricing-card-modern:hover {
  transform: translateY(-7px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
  .pricing-grid-modern {
    grid-template-columns: 1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Keamanan dan Pemeliharaan Website Secara Berkala</h2>



<p>Pemilik usaha harus menjaga keamanan website secara aktif. Sistem keamanan yang kuat melindungi data pelanggan dan menjaga reputasi bisnis. Oleh sebab itu, tim pengelola perlu melakukan pembaruan sistem secara rutin. Selain itu, backup data secara berkala mencegah kehilangan informasi penting. Pemeliharaan teknis juga memastikan semua fitur berjalan lancar tanpa gangguan. Dengan langkah ini, bisnis dapat mempertahankan performa website dalam jangka panjang. Keamanan yang terjaga mencerminkan profesionalisme dan tanggung jawab terhadap pelanggan.</p>



<h2 class="wp-block-heading has-large-font-size">Apa Kata Mereka Setelah Menggunakan Jasa Pembuatan Website Pekalongan?</h2>



<!-- ========================= -->
<!-- Testimoni Section -->
<!-- ========================= -->

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

  

    <div class="testimoni-grid">

      <!-- Testimoni 1 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Website bisnis saya terlihat jauh lebih profesional. Selain itu, tampilannya cepat dan mudah diakses.&#8221;</p>
        <h4>Andi Pratama</h4>
        <span>Owner Toko Bangunan</span>
      </div>

      <!-- Testimoni 2 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Pelayanan cepat dan hasilnya sesuai harapan. Sekarang pelanggan lebih mudah menemukan bisnis kami.&#8221;</p>
        <h4>Siti Rahma</h4>
        <span>Owner Catering</span>
      </div>

      <!-- Testimoni 3 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Struktur website rapi dan SEO-nya terasa efektif. Trafik meningkat dalam beberapa bulan.&#8221;</p>
        <h4>Budi Santoso</h4>
        <span>Kontraktor</span>
      </div>

      <!-- Testimoni 4 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Dashboard mudah digunakan. Saya bisa update konten sendiri tanpa bantuan teknis.&#8221;</p>
        <h4>Rina Wulandari</h4>
        <span>Owner Butik</span>
      </div>

      <!-- Testimoni 5 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Desainnya modern dan responsif. Website tetap nyaman diakses melalui smartphone.&#8221;</p>
        <h4>Dewi Lestari</h4>
        <span>Jasa Travel</span>
      </div>

      <!-- Testimoni 6 -->
      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Komunikasi lancar dan proses pengerjaan tepat waktu. Hasilnya benar-benar memuaskan.&#8221;</p>
        <h4>Hendra Wijaya</h4>
        <span>Distributor Material</span>
      </div>

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

<style>
.testimoni-section {
  padding: 60px 20px;
}

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

.testimoni-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.testimoni-desc {
  text-align: center;
  margin-bottom: 40px;
  color: #555;
  font-size: 15px;
}

.testimoni-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.testimoni-card {
  border: 1px solid #e5e5e5;
  padding: 25px;
  border-radius: 12px;
  background: #ffffff;
  transition: all 0.3s ease;
}

.testimoni-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
}

.stars {
  color: #f39c12;
  font-size: 16px;
  margin-bottom: 10px;
}

.testimoni-card p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
  margin-bottom: 15px;
}

.testimoni-card h4 {
  margin: 0;
  font-size: 16px;
  color: #222;
}

.testimoni-card span {
  font-size: 13px;
  color: #777;
}

/* Responsive */
@media (max-width: 768px) {
  .testimoni-grid {
    grid-template-columns: 1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Investasi Digital Jangka Panjang untuk Bisnis Pekalongan</h2>



<p>Website profesional memberikan nilai investasi yang berkelanjutan. Pertama, bisnis memiliki aset digital yang dapat dikembangkan sesuai kebutuhan pasar. Kedua, brand awareness meningkat seiring pertumbuhan trafik organik. Selain itu, website membuka peluang ekspansi ke luar wilayah Pekalongan. Bisnis dapat menjangkau pelanggan dari berbagai daerah tanpa membuka cabang fisik. Dengan strategi yang tepat, pertumbuhan usaha menjadi lebih stabil dan terarah. Pada akhirnya, website bukan sekadar mengikuti tren digital. Website menghadirkan fondasi kuat yang mendukung perkembangan bisnis secara konsisten dan berkelanjutan.</p>



<h2 class="wp-block-heading has-large-font-size">Wujudkan Website Profesional untuk Bisnis Anda di Pekalongan Sekarang Juga!</h2>



<p>Miliki website yang tampil profesional, responsif, dan siap bersaing di mesin pencari. Dengan strategi yang tepat, bisnis Anda dapat menjangkau lebih banyak pelanggan, meningkatkan kredibilitas, serta memperkuat brand secara digital. Saatnya membawa usaha Anda naik ke level berikutnya melalui website yang terstruktur dan optimal.</p>


<!-- Opsi Kontak: WhatsApp & Telepon -->
<div style="display:flex; justify-content:center; align-items:center; gap:20px; margin:40px 0; flex-wrap:wrap;">

  <!-- WhatsApp -->
  <a href="https://wa.me/628999805530?text=Halo%20saya%20ingin%20tanya%20tentang%20website" target="_blank" class="contact-btn wa-btn">
    💬 Hubungi Kami via WhatsApp
  </a>

  <!-- Telepon -->
  <a href="tel:+628999805530" class="contact-btn phone-btn">
    📞 Hubungi Kami via Telepon
  </a>

</div>

<style>
/* Style Konsisten untuk Kedua Tombol */
.contact-btn {
  color: #ffffff;
  padding: 16px 32px;
  border-radius: 60px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

/* WhatsApp Button */
.wa-btn {
  background: linear-gradient(135deg, #25D366, #1ebe5d);
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
}

.wa-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 15px 35px rgba(37, 211, 102, 0.45);
  background: linear-gradient(135deg, #1ebe5d, #25D366);
}

/* Telepon Button */
.phone-btn {
  background: linear-gradient(135deg, #007bff, #0056b3);
  box-shadow: 0 10px 25px rgba(0, 123, 255, 0.35);
}

.phone-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0, 123, 255, 0.45);
  background: linear-gradient(135deg, #0056b3, #007bff);
}

/* Responsive Mobile */
@media (max-width: 600px) {
  .contact-btn {
    font-size: 16px;
    padding: 14px 24px;
    width: 100%;
    justify-content: center;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Pertanyaan Seputar Jasa Pembuatan Website Pekalongan (FAQ)</h2>



<!-- ========================= -->
<!-- FAQ Section -->
<!-- ========================= -->

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

   

    <div class="faq-item">
      <button class="faq-question">Apakah website bisa dikelola sendiri?</button>
      <div class="faq-answer">
        <p>Ya, Anda dapat mengelola konten website secara mandiri melalui dashboard yang mudah digunakan tanpa perlu memahami coding.</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question">Berapa lama proses pembuatan website?</button>
      <div class="faq-answer">
        <p>Waktu pengerjaan biasanya berkisar antara 1–3 minggu tergantung jumlah halaman dan fitur yang dibutuhkan.</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question">Apakah website sudah responsif di semua perangkat?</button>
      <div class="faq-answer">
        <p>Website dirancang responsif sehingga tampil optimal di smartphone, tablet, maupun desktop.</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question">Apakah website bisa muncul di Google?</button>
      <div class="faq-answer">
        <p>Website menggunakan struktur SEO yang membantu meningkatkan visibilitas di mesin pencari seperti Google.</p>
      </div>
    </div>

    <div class="faq-item">
      <button class="faq-question">Apakah tersedia fitur tambahan sesuai kebutuhan bisnis?</button>
      <div class="faq-answer">
        <p>Ya, website dapat dilengkapi fitur seperti formulir pemesanan, integrasi WhatsApp, katalog produk, dan blog sesuai kebutuhan usaha Anda.</p>
      </div>
    </div>

  </div>
</section>

<style>
.faq-section-custom {
  padding: 60px 20px;
}

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

.faq-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 10px;
  color: #222;
}

.faq-desc {
  text-align: center;
  margin-bottom: 40px;
  color: #555;
  font-size: 15px;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0;
  cursor: pointer;
  color: #222;
  transition: 0.3s;
}

.faq-question:hover {
  color: #0073e6;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.faq-answer p {
  padding: 0 0 15px 0;
  margin: 0;
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

/* Active State */
.faq-item.active .faq-answer {
  max-height: 200px;
}

</style>

<script>
document.querySelectorAll(".faq-question").forEach(button => {
  button.addEventListener("click", () => {
    const faqItem = button.parentElement;
    faqItem.classList.toggle("active");
  });
});
</script>

<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pekalongan/">Bangun Branding Digital Anda – Jasa Pembuatan Website Pekalongan Terpercaya</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-pekalongan/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa Pembuatan Website Pati untuk Meningkatkan Daya Saing Bisnis Anda</title>
		<link>https://sindu.id/jasa-pembuatan-website-pati/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-pati/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 03:41:08 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3057</guid>

					<description><![CDATA[<p>Persaingan bisnis di Pati terus bergerak cepat. Karena itu, pelaku usaha harus membangun kehadiran digital yang kuat agar tidak tertinggal. Jasa pembuatan website Pati membantu bisnis lokal tampil profesional sekaligus menjangkau pasar yang lebih luas. Selain [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pati/">Jasa Pembuatan Website Pati untuk Meningkatkan Daya Saing Bisnis Anda</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Persaingan bisnis di Pati terus bergerak cepat. Karena itu, pelaku usaha harus membangun kehadiran digital yang kuat agar tidak tertinggal. <a href="https://sindu.id/jasa-pembuatan-website-pati/" type="link" id="https://sindu.id/jasa-pembuatan-website-pati/" target="_blank" rel="noreferrer noopener">Jasa pembuatan website Pati</a> membantu bisnis lokal tampil profesional sekaligus menjangkau pasar yang lebih luas. Selain memperluas jangkauan, website memudahkan pelanggan menemukan informasi penting kapan saja. Pengunjung dapat melihat profil usaha, layanan, produk, hingga portofolio hanya dalam beberapa klik. Dengan begitu, bisnis memperoleh peluang konversi yang lebih besar. Di sisi lain, website memperkuat kredibilitas. Ketika calon pelanggan menemukan tampilan profesional di mesin pencari, mereka lebih percaya dan lebih siap melakukan transaksi.</p>


<style>
.btn-lihat-harga {
  display: inline-block;
  padding: 14px 32px;
  background: #25a244;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 30px;
  transition: all 0.3s ease;
}

.btn-lihat-harga:hover {
  background: #1e7f34;
  transform: translateY(-2px);
}

.center-btn {
  text-align: center;
  margin: 40px 0;
}
</style>

<!-- TOMBOL -->
<div class="center-btn">
  <a href="#" class="btn-lihat-harga" id="btnHarga">Lihat Harga</a>
</div>

<!-- TARGET -->
<div id="#harga">
  <!-- ISI DAFTAR HARGA -->
</div>

<script>
document.getElementById("btnHarga").addEventListener("click", function(e) {
  e.preventDefault();

  const target = document.getElementById("harga");
  const offset = 80; // atur jika header sticky
  const posisi = target.getBoundingClientRect().top + window.pageYOffset - offset;

  window.scrollTo({
    top: posisi,
    behavior: "smooth"
  });
});
</script>




<h2 class="wp-block-heading has-large-font-size">Jasa Pembuatan Website Pati Menggunakan Strategi AI-SEO-LLMO 2026</h2>



<p>Pembuatan website modern menuntut strategi yang terarah. Oleh sebab itu, jasa pembuatan website Pati menerapkan pendekatan AI-SEO-LLMO 2026 agar website mampu bersaing di mesin pencari. Tim memulai proses dengan riset kata kunci berbasis perilaku pencarian lokal. Selanjutnya, mereka menyusun struktur halaman secara sistematis supaya Google memahami topik utama dengan jelas. Kemudian, tim mengembangkan konten yang relevan, informatif, dan mudah dipahami pembaca. Selain fokus pada konten, tim juga mengoptimalkan aspek teknis seperti kecepatan, internal linking, dan struktur heading. Melalui strategi terintegrasi ini, <a href="https://sindu.id/" type="link" id="https://sindu.id/" target="_blank" rel="noreferrer noopener">sindu.id</a> menghadirkan website yang kompetitif dan siap bersaing secara digital. Dengan langkah tersebut, website tampil optimal sekaligus memiliki fondasi SEO yang kuat.</p>



<h2 class="wp-block-heading has-large-font-size">Pembuatan Website Pati Mengutamakan Desain Responsif</h2>



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

<style>
.responsive-section {
  max-width: 1100px;
  margin: auto;
  padding: 50px 20px;
  font-family: Arial, sans-serif;
}

.responsive-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.responsive-desc {
  text-align: center;
  font-size: 15px;
  color: #444;
  max-width: 700px;
  margin: 0 auto 40px auto;
  line-height: 1.7;
}

.responsive-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.responsive-item {
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 25px;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 6px 15px rgba(0,0,0,0.05);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.responsive-item:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 25px rgba(0,0,0,0.08);
}

.responsive-icon {
  font-size: 40px;
  margin-bottom: 15px;
}

.icon-blue { color: #1e88e5; }
.icon-green { color: #43a047; }
.icon-orange { color: #fb8c00; }
.icon-purple { color: #8e24aa; }

.responsive-item h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #111;
}

.responsive-item p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .responsive-grid {
    grid-template-columns: 1fr;
  }
}
</style>

<section class="responsive-section">

 

  <p class="responsive-desc">
    Website responsif memastikan tampilan tetap optimal di semua perangkat.
    Selain itu, desain fleksibel meningkatkan kenyamanan pengguna dan
    memperkuat citra profesional bisnis Anda.
  </p>

  <div class="responsive-grid">

    <div class="responsive-item">
      <div class="responsive-icon icon-blue">
        <i class="fas fa-mobile-screen-button"></i>
      </div>
      <h3>Tampilan Mobile Optimal</h3>
      <p>Website menyesuaikan ukuran layar smartphone agar pengguna membaca dan menavigasi dengan mudah.</p>
    </div>

    <div class="responsive-item">
      <div class="responsive-icon icon-green">
        <i class="fas fa-laptop"></i>
      </div>
      <h3>Kompatibel Semua Perangkat</h3>
      <p>Desain tetap rapi di laptop, tablet, maupun desktop tanpa mengurangi kualitas visual.</p>
    </div>

    <div class="responsive-item">
      <div class="responsive-icon icon-orange">
        <i class="fas fa-bolt"></i>
      </div>
      <h3>Loading Cepat</h3>
      <p>Optimasi performa membantu website terbuka lebih cepat sehingga pengunjung tetap nyaman.</p>
    </div>

    <div class="responsive-item">
      <div class="responsive-icon icon-purple">
        <i class="fas fa-user-check"></i>
      </div>
      <h3>User Experience Nyaman</h3>
      <p>Navigasi sederhana dan tata letak terstruktur memudahkan pengunjung menemukan informasi penting.</p>
    </div>

  </div>

</section>




<h2 class="wp-block-heading has-large-font-size">Pati Mendukung Berbagai Jenis Usaha</h2>



<p>Setiap bisnis memiliki kebutuhan unik. Oleh karena itu, jasa pembuatan website Pati menyesuaikan fitur sesuai dengan karakter dan tujuan masing-masing industri. Sebagai contoh, toko online membutuhkan katalog produk yang terstruktur serta sistem pembayaran digital yang praktis. Sementara itu, perusahaan jasa lebih menonjolkan halaman profil, detail layanan, dan portofolio proyek untuk membangun kredibilitas. Selain itu, beberapa bisnis juga memerlukan fitur tambahan seperti formulir konsultasi atau integrasi WhatsApp untuk mempercepat komunikasi.</p>



<p>Selanjutnya, tim menganalisis seluruh kebutuhan tersebut secara menyeluruh agar setiap elemen website benar-benar relevan. Kemudian, tim merancang solusi yang tepat sasaran berdasarkan hasil analisis tersebut. Dengan demikian, website tidak hanya tampil menarik, tetapi juga berfungsi sebagai alat pemasaran yang efektif. Pada akhirnya, strategi yang spesifik dan terarah membantu bisnis mencapai tujuan pemasaran secara maksimal dan terukur.</p>



<h2 class="wp-block-heading has-large-font-size">Jasa Pembuatan Website Pati Menyusun Struktur Konten yang Jelas</h2>



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

<style>
.struktur-section {
  max-width: 1100px;
  margin: auto;
  padding: 50px 20px;
  font-family: Arial, sans-serif;
}

.struktur-title {
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #111;
}

.struktur-desc {
  text-align: center;
  font-size: 15px;
  color: #444;
  max-width: 750px;
  margin: 0 auto 40px auto;
  line-height: 1.7;
}

.struktur-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
}

.struktur-item {
  border: 1px solid #e5e5e5;
  border-radius: 14px;
  padding: 25px;
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(0,0,0,0.05);
  transition: all 0.3s ease;
  text-align: center;
}

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

.struktur-icon {
  font-size: 38px;
  margin-bottom: 15px;
}

.icon-blue { color: #1e88e5; }
.icon-green { color: #43a047; }
.icon-orange { color: #fb8c00; }
.icon-purple { color: #8e24aa; }

.struktur-item h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #111;
}

.struktur-item p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

@media (max-width: 768px) {
  .struktur-grid {
    grid-template-columns: 1fr;
  }
}
</style>

<section class="struktur-section">



  <p class="struktur-desc">
    Struktur konten yang terarah membantu pengunjung memahami informasi dengan cepat.
    Selain itu, susunan yang rapi memudahkan mesin pencari mengenali topik utama
    sehingga website lebih optimal secara SEO.
  </p>

  <div class="struktur-grid">

    <div class="struktur-item">
      <div class="struktur-icon icon-blue">
        <i class="fas fa-layer-group"></i>
      </div>
      <h3>Hierarki Konten Rapi</h3>
      <p>Tim menyusun heading dan subheading secara sistematis agar pembaca memahami alur informasi dengan mudah.</p>
    </div>

    <div class="struktur-item">
      <div class="struktur-icon icon-green">
        <i class="fas fa-align-left"></i>
      </div>
      <h3>Paragraf Terstruktur</h3>
      <p>Konten disusun secara runtut dan logis sehingga pesan bisnis tersampaikan secara jelas dan efektif.</p>
    </div>

    <div class="struktur-item">
      <div class="struktur-icon icon-orange">
        <i class="fas fa-link"></i>
      </div>
      <h3>Internal Linking Optimal</h3>
      <p>Setiap halaman saling terhubung untuk membantu navigasi pengguna dan meningkatkan kekuatan SEO.</p>
    </div>

    <div class="struktur-item">
      <div class="struktur-icon icon-purple">
        <i class="fas fa-search"></i>
      </div>
      <h3>SEO Friendly</h3>
      <p>Struktur konten mendukung optimasi mesin pencari agar website lebih mudah ditemukan di Google.</p>
    </div>

  </div>

</section>




<h2 class="wp-block-heading has-large-font-size">Meningkatkan Kecepatan dan Performa</h2>



<p>Kecepatan website memengaruhi keputusan pengunjung untuk tetap membaca atau meninggalkan halaman. Oleh sebab itu, jasa pembuatan website Pati mengutamakan performa sejak awal pengembangan. Tim mengompresi gambar, merapikan struktur kode, dan mengatur sistem cache agar loading berlangsung cepat. Selain itu, mereka memilih layanan hosting yang stabil untuk menjaga konsistensi akses. Dengan performa optimal, website mempertahankan pengunjung lebih lama dan meningkatkan potensi interaksi.</p>



<h2 class="wp-block-heading has-large-font-size">Berikut Hasil Pembuatan Website Oleh Tim Kami</h2>


					<div
						class="wp-block-uagb-image-gallery uagb-block-1b8570b0     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3071' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pati.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pati.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/umkm-jasa-pembuatan-website-pati-300x300.webp" alt="umkm jasa pembuatan website pati" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3072' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pati.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pati.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/toko-jasa-pembuatan-website-pati-300x300.webp" alt="toko jasa pembuatan website pati" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3073' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pati.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pati.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/jual-jasa-pembuatan-website-pati-300x300.webp" alt="jual jasa pembuatan website pati" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3074' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pati.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pati.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/jasa-pembuatan-website-pati-300x300.webp" alt="jasa pembuatan website pati" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


<h2 class="wp-block-heading has-large-font-size">Website Menjaga Keamanan Secara Proaktif</h2>



<p>Keamanan digital memerlukan tindakan nyata, bukan sekadar fitur tambahan. Karena itu, jasa pembuatan website Pati menerapkan sistem perlindungan yang ketat. Tim memasang SSL untuk melindungi data pengguna. Mereka juga mengaktifkan sistem keamanan tambahan guna mencegah serangan siber. Selain itu, tim melakukan backup rutin agar data tetap aman jika terjadi gangguan teknis. Langkah proaktif ini membangun kepercayaan sekaligus menjaga stabilitas operasional bisnis.</p>



<h2 class="wp-block-heading has-large-font-size">Harga Jasa Pembuatan Website yang Kami Tawatkan</h2>


<section id="harga">
  <!-- ISI DAFTAR HARGA DI SINI -->
</section>

<!-- Modern Pricing Table Grid 2x2 -->
<div class="pricing-grid-modern">
  <!-- Paket Biasa -->
  <div class="pricing-card-modern" style="--color:#4CAF50;">
    <h3>Paket Biasa</h3>
    <p class="price">Rp 1.000.000</p>
    <ul>
      <li>💻 Template website standar</li>
      <li>📄 1-3 halaman web</li>
      <li>📱 Desain responsif</li>
      <li>✉️ Form kontak sederhana</li>
      <li>🛠 Support dasar via chat</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Biasa" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Elit -->
  <div class="pricing-card-modern" style="--color:#2196F3;">
    <h3>Paket Elit</h3>
    <p class="price">Rp 3.000.000</p>
    <ul>
      <li>🎨 Desain custom modern</li>
      <li>📄 4-6 halaman web</li>
      <li>🔍 Integrasi SEO dasar</li>
      <li>✉️ Form kontak + WhatsApp</li>
      <li>🛠 Support profesional</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Elit" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Premium -->
  <div class="pricing-card-modern" style="--color:#FF9800;">
    <h3>Paket Premium</h3>
    <p class="price">Rp 5.000.000</p>
    <ul>
      <li>🎨 Full custom profesional</li>
      <li>📄 Halaman tak terbatas</li>
      <li>⚡ SEO & optimasi kecepatan</li>
      <li>📱 Form, WhatsApp & Sosial Media</li>
      <li>🛠 Support lengkap & update konten</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20tanya%20tentang%20Paket%20Premium" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>

  <!-- Paket Custom -->
  <div class="pricing-card-modern" style="--color:#E91E63;">
    <h3>Paket Custom</h3>
    <p class="price">Hubungi Kami</p>
    <ul>
      <li>⚙️ Fitur & desain sesuai kebutuhan</li>
      <li>🛒 Sistem booking / e-commerce khusus</li>
      <li>🔗 Integrasi API & sistem internal</li>
      <li>🛠 Support prioritas & training</li>
      <li>📚 Dokumentasi lengkap & panduan admin</li>
    </ul>
    <a href="https://wa.me/628999805530?text=Halo%2C%20saya%20ingin%20konsultasi%20Paket%20Custom" class="btn-wa-modern" target="_blank">Hubungi via WhatsApp</a>
  </div>
</div>

<!-- CSS Modern -->
<style>
.pricing-grid-modern {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 25px;
  max-width: 1100px;
  margin: 50px auto;
  font-family: 'Arial', sans-serif;
}

.pricing-card-modern {
  background: #fff;
  border-radius: 20px;
  padding: 30px 25px;
  text-align: center;
  box-shadow: 0 10px 25px rgba(0,0,0,0.1);
  position: relative;
  overflow: hidden;
  transition: transform 0.3s, box-shadow 0.3s;
}

.pricing-card-modern::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 5px;
  height: 100%;
  background-color: var(--color);
}

.pricing-card-modern h3 {
  font-size: 1.6em;
  margin-bottom: 15px;
  color: var(--color);
}

.pricing-card-modern .price {
  font-size: 1.3em;
  color: #333;
  margin-bottom: 20px;
  font-weight: bold;
}

.pricing-card-modern ul {
  list-style: none;
  padding: 0;
  margin-bottom: 25px;
  text-align: left;
}

.pricing-card-modern ul li {
  padding: 10px 0;
  border-bottom: 1px solid #eee;
  font-size: 0.95em;
}

.btn-wa-modern {
  display: inline-block;
  padding: 12px 25px;
  background: var(--color);
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: bold;
  transition: background 0.3s, transform 0.3s;
}

.btn-wa-modern:hover {
  background: #000;
  transform: scale(1.05);
}

.pricing-card-modern:hover {
  transform: translateY(-7px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.2);
}

/* Responsif untuk mobile */
@media (max-width: 768px) {
  .pricing-grid-modern {
    grid-template-columns: 1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Pembuatan Website Pati Membangun Aset Digital Jangka Panjang</h2>



<p>Website berperan sebagai aset digital yang terus berkembang. Oleh karena itu, jasa pembuatan website Pati merancang fondasi yang mendukung pertumbuhan jangka panjang. Strategi SEO berkelanjutan membantu website memperoleh trafik organik secara stabil. Selain itu, pembaruan konten menjaga relevansi informasi sesuai tren pencarian terbaru. Dengan pendekatan konsisten, bisnis dapat mengurangi ketergantungan pada promosi jangka pendek dan membangun visibilitas secara berkelanjutan.</p>



<h2 class="wp-block-heading has-large-font-size">Apa Kata Mereka Setelah Menggunakan Jasa Pembuatan Website Kami?</h2>



<style>
.testimoni-section {
  max-width: 1100px;
  margin: auto;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.testimoni-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.testimoni-item {
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  padding: 20px;
  background: #ffffff;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

.testimoni-item p {
  color: #333333;
  font-size: 14px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.testimoni-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.testimoni-nama {
  font-weight: bold;
  color: #111111;
  font-size: 14px;
}

.testimoni-bintang {
  color: #f4b400;
  font-size: 14px;
}

@media (max-width: 768px) {
  .testimoni-grid {
    grid-template-columns: 1fr;
  }
}
</style>

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

    <div class="testimoni-item">
      <p>Website bisnis saya terlihat jauh lebih profesional. Selain itu, loading cepat dan mudah dikelola. Klien jadi lebih percaya.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Andi Prasetyo</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

    <div class="testimoni-item">
      <p>Tim bekerja cepat dan hasilnya sesuai ekspektasi. Struktur SEO-nya juga rapi sehingga website mulai muncul di Google.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Rina Wulandari</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

    <div class="testimoni-item">
      <p>Tampilan responsif di HP maupun laptop sangat bagus. Selain itu, navigasi jelas sehingga pelanggan mudah menemukan informasi.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Budi Santoso</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

    <div class="testimoni-item">
      <p>Sejak menggunakan jasa ini, branding usaha saya semakin kuat. Website membantu meningkatkan jumlah inquiry setiap bulan.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Siti Rahma</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

    <div class="testimoni-item">
      <p>Proses pengerjaan terstruktur dan komunikatif. Selain itu, saya mendapat arahan SEO yang sangat membantu bisnis lokal saya.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Dedi Kurniawan</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

    <div class="testimoni-item">
      <p>Website terlihat modern dan performanya stabil. Bahkan saat trafik meningkat, halaman tetap cepat diakses.</p>
      <div class="testimoni-footer">
        <span class="testimoni-nama">Maya Lestari</span>
        <span class="testimoni-bintang">★★★★★</span>
      </div>
    </div>

  </div>
</section>




<h1 class="wp-block-heading has-large-font-size">Siap Memperkuat Branding Secara Konsisten?</h1>



<p>Branding yang kuat membutuhkan konsistensi visual dan pesan komunikasi. Karena itu, jasa pembuatan website Pati menyelaraskan desain dan narasi agar mencerminkan karakter bisnis. Tim menentukan konsep visual yang sesuai dengan identitas brand. Selanjutnya, mereka menyusun gaya bahasa yang konsisten untuk memperkuat citra profesional. Dengan strategi tersebut, website menjadi pusat branding digital yang solid. Pada akhirnya, website membantu bisnis membangun reputasi, memperluas jangkauan, dan memperkuat posisi di pasar Pati secara berkelanjutan.</p>


<!-- Opsi Kontak: WhatsApp & Telepon -->
<div style="display:flex; justify-content:center; align-items:center; gap:20px; margin:40px 0; flex-wrap:wrap;">

  <!-- WhatsApp -->
  <a href="https://wa.me/628999805530?text=Halo%20saya%20ingin%20tanya%20tentang%20website" target="_blank" class="contact-btn wa-btn">
    💬 Hubungi Kami via WhatsApp
  </a>

  <!-- Telepon -->
  <a href="tel:+628999805530" class="contact-btn phone-btn">
    📞 Hubungi Kami via Telepon
  </a>

</div>

<style>
/* Style Konsisten untuk Kedua Tombol */
.contact-btn {
  color: #ffffff;
  padding: 16px 32px;
  border-radius: 60px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  transition: all 0.3s ease;
}

/* WhatsApp Button */
.wa-btn {
  background: linear-gradient(135deg, #25D366, #1ebe5d);
  box-shadow: 0 10px 25px rgba(37, 211, 102, 0.35);
}

.wa-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 15px 35px rgba(37, 211, 102, 0.45);
  background: linear-gradient(135deg, #1ebe5d, #25D366);
}

/* Telepon Button */
.phone-btn {
  background: linear-gradient(135deg, #007bff, #0056b3);
  box-shadow: 0 10px 25px rgba(0, 123, 255, 0.35);
}

.phone-btn:hover {
  transform: translateY(-4px) scale(1.03);
  box-shadow: 0 15px 35px rgba(0, 123, 255, 0.45);
  background: linear-gradient(135deg, #0056b3, #007bff);
}

/* Responsive Mobile */
@media (max-width: 600px) {
  .contact-btn {
    font-size: 16px;
    padding: 14px 24px;
    width: 100%;
    justify-content: center;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Pertanyaan Seputar Jasa Pembuatan Website Pati (FAQ)</h2>



<style>
.faq-section {
  max-width: 900px;
  margin: auto;
  padding: 40px 20px;
  font-family: Arial, sans-serif;
}

.faq-item {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
  padding: 15px 0;
  cursor: pointer;
  color: #111;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-question span {
  font-size: 20px;
  transition: transform 0.3s ease;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.faq-answer p {
  margin: 0 0 15px 0;
  color: #333;
  line-height: 1.6;
  font-size: 14px;
}
</style>

<section class="faq-section">

  <div class="faq-item">
    <button class="faq-question">
      Apakah website bisa dikelola sendiri?
      <span>+</span>
    </button>
    <div class="faq-answer">
      <p>Ya, website dirancang agar mudah dikelola. Anda dapat menambah konten, mengubah gambar, atau memperbarui informasi tanpa harus memahami coding.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Berapa lama proses pembuatan website?
      <span>+</span>
    </button>
    <div class="faq-answer">
      <p>Durasi pengerjaan bergantung pada tingkat kompleksitas website. Namun, rata-rata proses pembuatan membutuhkan waktu sekitar 7 hingga 21 hari kerja.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Apakah website sudah SEO friendly?
      <span>+</span>
    </button>
    <div class="faq-answer">
      <p>Website dikembangkan dengan struktur SEO yang baik, mulai dari optimasi kecepatan, struktur heading, hingga penyesuaian konten agar mudah ditemukan di mesin pencari.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Apakah website bisa diakses melalui HP?
      <span>+</span>
    </button>
    <div class="faq-answer">
      <p>Tentu. Website dibuat dengan desain responsif sehingga tampil optimal di berbagai perangkat, termasuk smartphone, tablet, dan desktop.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">
      Apakah tersedia layanan maintenance website?
      <span>+</span>
    </button>
    <div class="faq-answer">
      <p>Ya, tersedia layanan maintenance untuk menjaga keamanan, memperbarui sistem, serta memastikan website tetap berjalan stabil.</p>
    </div>
  </div>

</section>

<script>
document.querySelectorAll(".faq-question").forEach(button => {
  button.addEventListener("click", () => {
    const answer = button.nextElementSibling;
    const icon = button.querySelector("span");

    if (answer.style.maxHeight) {
      answer.style.maxHeight = null;
      icon.textContent = "+";
    } else {
      document.querySelectorAll(".faq-answer").forEach(a => a.style.maxHeight = null);
      document.querySelectorAll(".faq-question span").forEach(i => i.textContent = "+");

      answer.style.maxHeight = answer.scrollHeight + "px";
      icon.textContent = "−";
    }
  });
});
</script>

<p>The post <a href="https://sindu.id/jasa-pembuatan-website-pati/">Jasa Pembuatan Website Pati untuk Meningkatkan Daya Saing Bisnis Anda</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-pati/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa Pembuatan Website Purworejo SEO Friendly</title>
		<link>https://sindu.id/jasa-pembuatan-website-purworejo/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-purworejo/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 03:38:19 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3060</guid>

					<description><![CDATA[<p>Bisnis di Purworejo membutuhkan website yang mampu menarik perhatian sejak detik pertama. Melalui jasa pembuatan website Purworejo, Anda bisa menampilkan bisnis secara profesional dan mudah ditemukan di Google. Website membantu pelanggan mengenal produk atau layanan dengan [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-purworejo/">Jasa Pembuatan Website Purworejo SEO Friendly</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Bisnis di Purworejo membutuhkan website yang mampu menarik perhatian sejak detik pertama. Melalui <a href="https://sindu.id/jasa-pembuatan-website-purworejo/" target="_blank" rel="noreferrer noopener">jasa pembuatan website Purworejo</a>, Anda bisa menampilkan bisnis secara profesional dan mudah ditemukan di Google. Website membantu pelanggan mengenal produk atau layanan dengan cepat. Dengan strategi yang tepat, Anda dapat memperluas pasar, membangun kepercayaan, dan meningkatkan penjualan secara konsisten.</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>



<h2 class="wp-block-heading has-large-font-size">Masalah yang Sering Dialami Bisnis Lokal</h2>



<p>Banyak bisnis lokal di Purworejo masih mengandalkan promosi dari mulut ke mulut dan media sosial tanpa memiliki website sendiri. Kondisi ini membuat calon pelanggan kesulitan menemukan informasi lengkap tentang produk, layanan, lokasi, dan kontak bisnis Anda. Sebagian pemilik usaha juga membiarkan website berjalan tanpa optimasi, sehingga tampilannya kurang meyakinkan dan sulit bersaing di Google. Situasi tersebut menurunkan kepercayaan pelanggan dan menghambat peningkatan penjualan. Tanpa strategi digital yang tepat, bisnis sulit berkembang dan kehilangan banyak peluang setiap hari.</p>



<h2 class="wp-block-heading has-large-font-size">Solusi Jasa Pembuatan Website dari Purworejo </h2>



<p><a href="https://sindu.id/" target="_blank" rel="noreferrer noopener">Sindu.id</a> menyediakan jasa pembuatan website Purworejo untuk membantu bisnis tampil profesional dan mudah ditemukan di Google. Tim kami merancang website cepat, responsif, dan SEO-friendly agar pelanggan dapat mengakses informasi dengan nyaman di semua perangkat. Kami menyusun struktur konten yang jelas, menonjolkan keunggulan bisnis secara kuat, serta mendorong pengunjung untuk menghubungi atau melakukan pembelian. Melalui strategi digital yang terarah, Sindu.id membantu bisnis lokal memperluas jangkauan pasar dan meningkatkan penjualan secara konsisten.</p>



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



<p>Kami membantu bisnis di Purworejo berkembang melalui website cepat, terstruktur, dan siap bersaing di Google. Kami fokus pada hasil nyata agar website tidak hanya tampil menarik, tetapi juga menghasilkan leads dan penjualan.</p>



<!-- ===== KEUNGGULAN KAMI (Tanpa heavy CDN) ===== -->
<section class="unggul">
  <div class="wrap">

    <div class="grid">

      <div class="item">
        <div class="icon">💻</div>
        <h3>Desain Profesional</h3>
        <p>Kami merancang tampilan modern dan rapi agar bisnis Anda terlihat lebih terpercaya.</p>
      </div>

      <div class="item">
        <div class="icon">🔍</div>
        <h3>SEO Lokal</h3>
        <p>Tim kami mengoptimalkan struktur website agar bisnis Anda mudah muncul di Google Purworejo.</p>
      </div>

      <div class="item">
        <div class="icon">⚡</div>
        <h3>Website Cepat</h3>
        <p>Kami membangun website ringan agar pengunjung nyaman saat membuka di semua perangkat.</p>
      </div>

      <div class="item">
        <div class="icon">🗂️</div>
        <h3>Struktur Jelas</h3>
        <p>Kami menyusun halaman terarah agar pengunjung langsung memahami layanan Anda.</p>
      </div>

      <div class="item">
        <div class="icon">🎧</div>
        <h3>Support Responsif</h3>
        <p>Tim kami siap membantu dan memberikan panduan pengelolaan website.</p>
      </div>

      <div class="item">
        <div class="icon">🤝</div>
        <h3>Proses Transparan</h3>
        <p>Kami menjelaskan setiap tahap pengerjaan agar Anda memahami progres proyek.</p>
      </div>

    </div>

  </div>
</section>

<style>
.unggul {
  padding: 50px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

.wrap {
  max-width: 1100px;
  margin: auto;
}

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

.item {
  padding: 18px;
  border: 1px solid #eee;
  border-radius: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.icon {
  font-size: 22px;
  margin-bottom: 10px;
  color: #2563eb;
}

.item h3 {
  font-size: 17px;
  margin: 8px 0;
  color: #111;
}

.item p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* Responsive */
@media(max-width:600px){
  .unggul {
    padding: 40px 12px;
  }
  .item {
    padding: 14px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Sistem Keamanan Website yang Melindungi Bisnis Anda</h2>



<p>Kami membangun website dengan standar keamanan tinggi untuk melindungi aktivitas digital bisnis Anda. Tim kami memasang konfigurasi server yang tepat, mengaktifkan SSL, serta memperkuat sistem agar peretas tidak mudah menembusnya. Kami juga menjaga stabilitas website agar transaksi dan pengiriman data berjalan lancar. Dengan perlindungan yang kuat, pelanggan merasa tenang saat mengakses informasi maupun melakukan pembelian, sehingga Anda dapat menjaga reputasi dan meningkatkan kepercayaan terhadap brand secara konsisten.</p>



<h2 class="wp-block-heading has-large-font-size">Layanan Jasa Pembuatan Website Purworejo yang Ditawarkan</h2>



<p>Sindu.id menyediakan layanan pembuatan website yang menyesuaikan kebutuhan bisnis di Purworejo. Kami merancang setiap layanan dengan strategi yang jelas agar membantu meningkatkan visibilitas dan penjualan.</p>



<ol class="wp-block-list">
<li><strong>Landing Page Promosi</strong><br>Kami membuat halaman promosi yang fokus pada satu penawaran agar membantu Anda mengumpulkan leads dan meningkatkan konversi.</li>



<li><strong>Website Company Profile</strong><br>Kami membantu bisnis menampilkan profil usaha, layanan, portofolio, dan kontak secara profesional agar pelanggan lebih mudah mengenal brand Anda.</li>



<li><strong>Website Toko Online (E-Commerce)</strong><br>Kami membangun toko online dengan sistem katalog produk dan fitur pemesanan agar Anda dapat menjual produk secara lebih luas.</li>



<li><strong>Website UMKM</strong><br>Kami merancang website sederhana, informatif, dan mudah dikelola agar pelaku UMKM dapat mempromosikan produk atau jasa dengan percaya diri.</li>
</ol>



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



<p>Kami menyediakan pilihan paket yang fleksibel agar Anda dapat menyesuaikan kebutuhan dan anggaran bisnis. Setiap paket kami rancang untuk membantu bisnis tumbuh dan tampil lebih profesional di dunia digital.</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">Portofolio Website yang Dikerjakan Tim Kami</h2>


					<div
						class="wp-block-uagb-image-gallery uagb-block-f44730fa     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3065' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purworejo.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purworejo.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Purworejo-300x272.webp" alt="Harga Jasa Pembuatan Website Purworejo" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3066' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Purworejo.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Purworejo.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Purworejo-300x257.webp" alt="Tipe Jasa Pembuatan Website Purworejo" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3067' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purworejo.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purworejo.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Purworejo-278x300.webp" alt="Jual Jasa Pembuatan Website Purworejo" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3068' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purworejo.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purworejo.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Purworejo-269x300.webp" alt="Jasa Pembuatan Website Purworejo" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


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



<p>Sindu.id menyediakan fitur tambahan untuk meningkatkan performa website dan membantu bisnis Anda berkembang lebih cepat di era digital.</p>



<!-- ===== FITUR TAMBAHAN ===== -->
<section class="fitur">
  <div class="container">

    <div class="fitur-grid">

      <div class="fitur-item">
        <div class="icon">💬</div>
        <h3>Live Chat &#038; WhatsApp</h3>
        <p>Kami memasang fitur chat agar pelanggan dapat langsung menghubungi bisnis Anda.</p>
      </div>

      <div class="fitur-item">
        <div class="icon">📝</div>
        <h3>Blog &#038; Artikel SEO</h3>
        <p>Kami menambahkan fitur blog untuk membantu meningkatkan visibilitas di Google.</p>
      </div>

      <div class="fitur-item">
        <div class="icon">📅</div>
        <h3>Sistem Booking</h3>
        <p>Kami menghadirkan sistem reservasi online untuk bisnis jasa dan layanan profesional.</p>
      </div>

      <div class="fitur-item">
        <div class="icon">📦</div>
        <h3>Katalog Produk</h3>
        <p>Kami menyusun katalog interaktif agar pelanggan nyaman saat melihat produk.</p>
      </div>

      <div class="fitur-item">
        <div class="icon">📈</div>
        <h3>Analytics &#038; Tracking</h3>
        <p>Kami memasang pelacakan pengunjung untuk membantu Anda memantau performa website.</p>
      </div>

      <div class="fitur-item">
        <div class="icon">🛡️</div>
        <h3>Keamanan &#038; Backup</h3>
        <p>Kami mengaktifkan perlindungan dan backup rutin untuk menjaga stabilitas website.</p>
      </div>

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

<style>
.fitur {
  padding: 60px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

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

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

.fitur-item {
  background: #fff;
  padding: 18px;
  border: 1px solid #eee;
  border-radius: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.fitur-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.icon {
  font-size: 22px;
  margin-bottom: 10px;
  color: #2563eb;
}

.fitur-item h3 {
  font-size: 17px;
  margin: 8px 0;
  color: #111;
}

.fitur-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
}

/* Responsive */
@media(max-width:600px){
  .fitur {
    padding: 40px 12px;
  }
  .fitur-item {
    padding: 14px;
  }
}
</style>




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



<p>Berikut 6 testimoni dengan nama dan jenis bisnisnya:</p>



<!-- ===== TESTIMONI ===== -->
<section class="testi">
  <div class="container">

    <div class="testi-grid">

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Website company profile yang tim Sindu.id buat membantu toko bangunan saya terlihat lebih profesional.</p>
        <h4>Andi Prasetyo</h4>
        <span>Pemilik Toko Bangunan</span>
      </div>

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Toko online yang mereka bangun memudahkan pelanggan melihat katalog dan melakukan pemesanan.</p>
        <h4>Rina Lestari</h4>
        <span>Owner Toko Fashion</span>
      </div>

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Calon klien lebih percaya setelah melihat portofolio proyek kontraktor kami di website.</p>
        <h4>Budi Santoso</h4>
        <span>Jasa Kontraktor</span>
      </div>

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Sistem booking online membantu klinik kami mengatur jadwal pelanggan dengan lebih rapi.</p>
        <h4>Dewi Kartika</h4>
        <span>Pemilik Klinik</span>
      </div>

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Usaha kuliner saya tampil lebih modern dan mudah ditemukan pelanggan melalui Google.</p>
        <h4>Hendra Wijaya</h4>
        <span>Pengusaha Kuliner</span>
      </div>

      <div class="testi-item">
        <div class="stars">★★★★★</div>
        <p>Website lembaga kursus kami kini memudahkan orang tua dan siswa mendapatkan informasi pendaftaran.</p>
        <h4>Sari Anggraini</h4>
        <span>Pengelola Lembaga Kursus</span>
      </div>

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

<style>
.testi {
  padding: 60px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
}

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

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

.testi-item {
  border: 1px solid #eee;
  padding: 18px;
  border-radius: 10px;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.testi-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
}

.stars {
  color: #f4b400;
  margin-bottom: 10px;
  font-size: 14px;
}

.testi-item p {
  font-size: 14px;
  line-height: 1.6;
  color: #555;
  margin-bottom: 12px;
}

.testi-item h4 {
  font-size: 15px;
  margin: 0;
  color: #111;
}

.testi-item span {
  font-size: 13px;
  color: #777;
}

/* Responsive */
@media(max-width:600px){
  .testi {
    padding: 40px 12px;
  }
  .testi-item {
    padding: 14px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Tingkatkan Kredibilitas Bisnis dengan Website Profesional</h2>



<p>Di era digital, memiliki website yang cepat dan responsif menjadi kunci agar bisnis mudah ditemukan dan dipercaya pelanggan. Oleh karena itu, Sindu.id menghadirkan website modern yang dapat diakses dengan nyaman di semua perangkat. Website yang tepat membantu bisnis Anda terlihat lebih profesional, menjangkau lebih banyak pelanggan, dan membuka peluang penjualan baru. konsultasikan kebutuhan website Anda sekarang juga, dan mulai wujudkan pertumbuhan bisnis yang lebih efektif dan terukur.</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">FAQ – Jasa Pembuatan Website Purworejo</h2>



<!-- ===== FAQ SECTION ===== -->
<section class="faq-section">


  <!-- FAQ 1 -->
  <div class="faq-item">
    <button class="faq-question">Berapa biaya jasa pembuatan website di Sindu.id?</button>
    <div class="faq-answer">
      <p>Biaya mulai dari Rp2.000.000, tergantung paket dan fitur yang Anda pilih. Kami menyediakan paket fleksibel untuk UMKM, bisnis menengah, dan perusahaan.</p>
    </div>
  </div>

  <!-- FAQ 2 -->
  <div class="faq-item">
    <button class="faq-question">Berapa lama proses pembuatan website selesai?</button>
    <div class="faq-answer">
      <p>Proses biasanya memakan waktu 7–14 hari kerja untuk paket dasar, dan bisa lebih cepat atau lama tergantung kompleksitas fitur dan jumlah halaman.</p>
    </div>
  </div>

  <!-- FAQ 3 -->
  <div class="faq-item">
    <button class="faq-question">Apakah website sudah termasuk domain dan hosting?</button>
    <div class="faq-answer">
      <p>Ya, paket tertentu sudah termasuk domain dan hosting. Tim kami akan membantu Anda memilih layanan yang sesuai kebutuhan bisnis Anda.</p>
    </div>
  </div>

  <!-- FAQ 4 -->
  <div class="faq-item">
    <button class="faq-question">Apakah website bisa muncul di Google?</button>
    <div class="faq-answer">
      <p>Website yang kami buat sudah SEO-friendly sehingga lebih mudah ditemukan di Google. Kami juga memberikan tips dan optimasi awal untuk membantu peringkat di hasil pencarian lokal.</p>
    </div>
  </div>

  <!-- FAQ 5 -->
  <div class="faq-item">
    <button class="faq-question">Apakah saya bisa mengelola website sendiri setelah selesai dibuat?</button>
    <div class="faq-answer">
      <p>Tentu. Kami menyediakan panduan sederhana agar Anda bisa menambah konten, mengupdate informasi, dan mengelola website sendiri dengan mudah.</p>
    </div>
  </div>

</section>

<style>
.faq-section {
  padding: 50px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  color: #111;
}

.faq-section h2 {
  text-align: center;
  font-size: 28px;
  margin-bottom: 40px;
}

/* FAQ item ringan */
.faq-item {
  max-width: 800px;
  margin: 0 auto 15px;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #ddd;
}

/* Pertanyaan */
.faq-question {
  width: 100%;
  padding: 14px 18px;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
  background: #0a5cae;
  color: #fff;
  border: none;
  cursor: pointer;
  transition: background 0.25s ease;
}
.faq-question:hover {
  background: #084a8c;
}

/* Jawaban */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.35s ease, padding 0.35s ease;
  background: #fff;
}
.faq-answer p {
  padding: 0 18px;
  font-size: 15px;
  line-height: 1.6;
  margin: 12px 0;
}

/* Saat aktif */
.faq-item.active .faq-answer {
  max-height: 250px; /* cukup untuk jawaban rata-rata */
  padding: 10px 0;
}

/* Responsive */
@media (max-width: 768px) {
  .faq-section h2 {
    font-size: 24px;
  }
  .faq-question {
    font-size: 15px;
    padding: 12px 16px;
  }
  .faq-answer p {
    font-size: 14px;
    padding: 0 16px;
  }
}
</style>

<script>
// Vanilla JS minimal untuk toggle FAQ
const faqItems = document.querySelectorAll('.faq-item');

faqItems.forEach(item => {
  const btn = item.querySelector('.faq-question');
  btn.addEventListener('click', () => {
    faqItems.forEach(i => i !== item && i.classList.remove('active'));
    item.classList.toggle('active');
  });
});
</script>




<p></p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-purworejo/">Jasa Pembuatan Website Purworejo SEO Friendly</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-purworejo/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Jasa Pembuatan Website Rembang Terbaik &#038; Terjangkau</title>
		<link>https://sindu.id/jasa-pembuatan-website-rembang/</link>
					<comments>https://sindu.id/jasa-pembuatan-website-rembang/#respond</comments>
		
		<dc:creator><![CDATA[sindu]]></dc:creator>
		<pubDate>Thu, 12 Feb 2026 02:52:41 +0000</pubDate>
				<category><![CDATA[Teknologi dan Digital]]></category>
		<guid isPermaLink="false">https://sindu.id/?p=3036</guid>

					<description><![CDATA[<p>Jasa Pembuatan Website Rembang membantu bisnis tampil profesional dan mudah ditemukan oleh pelanggan. Dengan website yang cepat, responsif, dan SEO friendly, usaha Anda bisa berkembang lebih cepat. Tidak hanya menghadirkan tampilan yang menarik, kami juga memastikan [&#8230;]</p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-rembang/">Jasa Pembuatan Website Rembang Terbaik &amp; Terjangkau</a> appeared first on <a href="https://sindu.id">Jasa SEO Semarang - Website UMKM Digital</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p><br><a href="https://sindu.id/jasa-pembuatan-website-rembang/" target="_blank" rel="noreferrer noopener">Jasa Pembuatan Website Rembang</a> membantu bisnis tampil profesional dan mudah ditemukan oleh pelanggan. Dengan website yang cepat, responsif, dan SEO friendly, usaha Anda bisa berkembang lebih cepat. Tidak hanya menghadirkan tampilan yang menarik, kami juga memastikan setiap elemen website mendukung strategi pemasaran dan tujuan bisnis Anda. Tim kami siap merancang website sesuai kebutuhan, meningkatkan kepercayaan pelanggan, dan mendorong pertumbuhan penjualan secara nyata.</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>



<h2 class="wp-block-heading has-large-font-size">Kenapa Lebih Memilih Jasa Kami</h2>



<p><a href="https://sindu.id/" target="_blank" rel="noreferrer noopener">Sindu.id</a> menghadirkan layanan Jasa Pembuatan Website Rembang dengan fokus pada hasil nyata untuk bisnis Anda. Kami menciptakan website cepat, responsif, dan SEO friendly yang memudahkan pelanggan menemukan produk atau layanan Anda. Selain itu setiap proyek kami rancang sesuai kebutuhan unik bisnis, memastikan tampilan profesional sekaligus fungsional. Dengan pengalaman dan dukungan tim ahli, Sindu.id membantu bisnis Anda berkembang lebih percaya diri dan efisien.</p>



<h2 class="wp-block-heading has-large-font-size">Keunggulan Sindu.id untuk Jasa Pembuatan Website Rembang</h2>



<p>Sindu.id menyediakan solusi website profesional yang membuat bisnis Anda menonjol di Rembang. Berikut keunggulan dari jasa layanan kami:</p>



<!-- ===== KEUNGGULAN SINDU.ID ===== -->
<section class="keunggulan-section">
  <div class="container">
    <div class="keunggulan-grid">

      <div class="keunggulan-item">
        <div class="keunggulan-icon">🎧</div>
        <h3>Dukungan Penuh Pasca-Pembuatan</h3>
        <p>Tim Sindu.id selalu mendampingi untuk update, perbaikan, dan pengembangan website, sehingga Anda bisa fokus menjalankan bisnis.</p>
      </div>

      <div class="keunggulan-item">
        <div class="keunggulan-icon">🎨</div>
        <h3>Website Sesuai Kebutuhan</h3>
        <p>Kami merancang website dengan desain dan fitur sesuai permintaan, menyesuaikan karakter dan tujuan bisnis Anda.</p>
      </div>

      <div class="keunggulan-item">
        <div class="keunggulan-icon">⚡</div>
        <h3>Performa Cepat</h3>
        <p>Server premium memastikan website berjalan lancar dan cepat, memberikan kenyamanan pengunjung saat mengakses halaman.</p>
      </div>

      <div class="keunggulan-item">
        <div class="keunggulan-icon">🛡️</div>
        <h3>Keamanan Terjamin</h3>
        <p>Sindu.id menjaga website dari serangan dan aktivitas mencurigakan dengan sistem keamanan terbaik.</p>
      </div>

      <div class="keunggulan-item">
        <div class="keunggulan-icon">📱</div>
        <h3>Responsif &#038; Mobile Friendly</h3>
        <p>Website tampil optimal di desktop, tablet, dan smartphone, memberikan pengalaman terbaik di semua perangkat.</p>
      </div>

      <div class="keunggulan-item">
        <div class="keunggulan-icon">🔍</div>
        <h3>SEO Onpage</h3>
        <p>Kami melakukan optimasi SEO agar website mudah ditemukan di Google dan menjangkau lebih banyak pelanggan potensial.</p>
      </div>

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

<style>
.keunggulan-section {
  padding:60px 16px;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  color:#111;
}

.keunggulan-section h2{
  text-align:center;
  font-size:28px;
  margin-bottom:40px;
}

.keunggulan-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
  max-width:1200px;
  margin:0 auto;
}

.keunggulan-item{
  background:#fff;
  padding:20px 16px;
  border-radius:10px;
  box-shadow:0 4px 12px rgba(0,0,0,0.06);
  text-align:center;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.keunggulan-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.keunggulan-icon{
  font-size:36px;
  margin-bottom:12px;
  display:inline-block;
}

.keunggulan-item h3{
  font-size:18px;
  margin-bottom:8px;
}

.keunggulan-item p{
  font-size:14px;
  line-height:1.5;
  color:#555;
  margin:0;
}

/* RESPONSIVE */
@media(max-width:992px){
  .keunggulan-grid{
    grid-template-columns:repeat(2, 1fr);
  }
}

@media(max-width:640px){
  .keunggulan-grid{
    grid-template-columns:1fr;
  }
  .keunggulan-section{
    padding:40px 12px;
  }
  .keunggulan-item{
    padding:16px 12px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Website Anda Ingin Digunakan untuk Apa? Kami Siapkan Solusinya</h2>



<p>Setiap bisnis memiliki arah dan target yang berbeda. Karena itu, kami tidak hanya fokus pada desain menarik, tetapi juga menyusun website yang selaras dengan strategi dan tujuan pertumbuhan bisnis Anda.</p>



<ol class="wp-block-list">
<li><strong>Perkuat Identitas dan Kredibilitas Bisnis</strong><br>Website membantu Anda menunjukkan profesionalitas dan membangun kesan pertama yang kuat. Calon pelanggan lebih mudah mengenali brand, memahami layanan, dan menaruh kepercayaan sejak awal. Selain membangun citra, website juga membuka jalur komunikasi yang lebih cepat dan praktis dengan pelanggan.</li>



<li><strong>Mudahkan Komunikasi dengan Pelanggan</strong><br>Website menghadirkan informasi lengkap yang memudahkan pelanggan menghubungi Anda. Integrasi WhatsApp, live chat, dan formulir kontak mempercepat interaksi dan meningkatkan peluang closing. Tidak berhenti di situ, website juga berperan langsung dalam mendorong pertumbuhan penjualan.</li>



<li><strong>Tingkatkan Penjualan Secara Konsisten</strong><br>Website memungkinkan Anda menampilkan produk atau layanan secara terstruktur, lengkap dengan fitur transaksi yang praktis. Selain itu pengunjung dapat memilih, memesan, dan menyelesaikan pembelian dengan cepat tanpa hambatan.</li>
</ol>



<h2 class="wp-block-heading has-large-font-size">Sistem Keamanan Kuat untuk Melindungi Bisnis Anda</h2>



<p>Kami menempatkan keamanan sebagai fondasi utama dalam setiap pengembangan website. Selain itu kami menerapkan enkripsi modern, firewall aktif, dan pemantauan rutin untuk melindungi data bisnis serta informasi pelanggan. Tim kami juga membatasi akses mencurigakan dan memperkuat sistem agar transaksi online berjalan lancar tanpa gangguan. Ketika website memiliki perlindungan yang solid, pelanggan merasa tenang saat berinteraksi, dan kepercayaan terhadap bisnis Anda pun tumbuh secara alami.</p>



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



<p>Sindu.id membantu bisnis Anda membangun website profesional, cepat, dan siap bersaing di era digital.</p>



<!-- ===== LAYANAN KAMI ===== -->
<section class="layanan-section">
  <div class="container">
    <div class="layanan-grid">

      <div class="layanan-item">
        <div class="icon-box">🏢</div>
        <h3>Website Company Profile</h3>
        <p>Merancang website profesional untuk menampilkan profil perusahaan, layanan, dan portofolio agar bisnis tampil lebih kredibel.</p>
      </div>

      <div class="layanan-item">
        <div class="icon-box">🛒</div>
        <h3>Website Toko Online</h3>
        <p>Toko online lengkap dengan katalog produk dan sistem pembayaran agar penjualan meningkat.</p>
      </div>

      <div class="layanan-item">
        <div class="icon-box">🏪</div>
        <h3>Website UMKM</h3>
        <p>Membantu pelaku usaha membangun website yang menonjolkan keunggulan produk dan identitas brand.</p>
      </div>

      <div class="layanan-item">
        <div class="icon-box">🎯</div>
        <h3>Landing Page Promosi</h3>
        <p>Menyusun landing page fokus pada konversi untuk mendukung promosi produk, jasa, atau event.</p>
      </div>

      <div class="layanan-item">
        <div class="icon-box">🔄</div>
        <h3>Redesign Website</h3>
        <p>Memperbarui tampilan dan performa website lama agar lebih modern dan relevan dengan bisnis.</p>
      </div>

      <div class="layanan-item">
        <div class="icon-box">🔍</div>
        <h3>Optimasi SEO</h3>
        <p>Melakukan optimasi SEO onpage agar website mudah muncul di hasil pencarian Google.</p>
      </div>

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

<style>
.layanan-section {
  padding:60px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  text-align:center;
  color:#111;
}

.layanan-section h2{
  font-size:28px;
  margin-bottom:40px;
}

.layanan-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1200px;
  margin:0 auto;
}

.layanan-item{
  padding:24px 16px;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,0.06);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.layanan-item:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.icon-box{
  font-size:36px;
  width:70px;
  height:70px;
  margin:0 auto 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#4f46e5;
  color:#fff;
}

.layanan-item h3{
  font-size:18px;
  margin-bottom:8px;
}

.layanan-item p{
  font-size:14px;
  line-height:1.5;
  color:#555;
  margin:0;
}

/* RESPONSIVE */
@media(max-width:992px){
  .layanan-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .layanan-grid{
    grid-template-columns:1fr;
  }
  .layanan-section{
    padding:40px 12px;
  }
  .layanan-item{
    padding:16px 12px;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size" id="harga">Harga Website Profesional Rembang</h2>



<p>Kami menyediakan pilihan paket website yang fleksibel dan menyesuaikan kebutuhan bisnis Anda. Karena setiap bisnis memiliki target dan tantangan yang berbeda, kami menyusun paket yang dapat Anda sesuaikan dengan tujuan tersebut.</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">Portofolio Jasa Pembuatan Website Rembang</h2>



<p>Sindu.id telah membantu berbagai bisnis di Rembang dan sekitarnya membangun website profesional yang mendukung pertumbuhan usaha. Berikut beberapa contoh website yang pernah kami buat:</p>


					<div
						class="wp-block-uagb-image-gallery uagb-block-58608380     "
						style=""
					>
											<div class="spectra-image-gallery spectra-image-gallery__layout--grid spectra-image-gallery__layout--grid-col-2 spectra-image-gallery__layout--grid-col-tab-3 spectra-image-gallery__layout--grid-col-mob-2">
											<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3047' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Rembang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Rembang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Harga-Jasa-Pembuatan-Website-Rembang-300x300.webp" alt="Harga Jasa Pembuatan Website Rembang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3048' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Rembang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Rembang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jual-Jasa-Pembuatan-Website-Rembang-280x300.webp" alt="Jual Jasa Pembuatan Website Rembang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3049' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Rembang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Rembang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Tipe-Jasa-Pembuatan-Website-Rembang-300x255.webp" alt="Tipe Jasa Pembuatan Website Rembang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
						<div class='spectra-image-gallery__media-wrapper' data-spectra-gallery-image-id='3050' tabindex="0">
							<div class="spectra-image-gallery__media spectra-image-gallery__media--grid">
				<picture>
					<source media="(min-width: 1024px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Rembang.webp">
					<source media="(min-width: 768px)" srcset="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Rembang.webp">
					<img decoding="async" class="spectra-image-gallery__media-thumbnail spectra-image-gallery__media-thumbnail--grid" src="https://sindu.id/wp-content/uploads/2026/02/Jasa-Pembuatan-Website-Rembang-260x300.webp" alt="Jasa Pembuatan Website Rembang" loading="lazy" />
				</picture>
				<div class="spectra-image-gallery__media-thumbnail-blurrer"></div>
											<div class="spectra-image-gallery__media-thumbnail-caption-wrapper spectra-image-gallery__media-thumbnail-caption-wrapper--overlay">
											<div class="spectra-image-gallery__media-thumbnail-caption spectra-image-gallery__media-thumbnail-caption--overlay">
									</div>
										</div>
									</div>
						</div>
										</div>
																		</div>
									


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



<p>Sindu.id menjalankan proses kerja yang terstruktur agar setiap website yang kami bangun benar-benar sesuai kebutuhan bisnis Anda. Kami memastikan setiap tahap berjalan jelas, terarah, dan fokus pada hasil.</p>



<ol class="wp-block-list">
<li><strong>Konsultasi &amp; Analisis</strong><br>Kami berdiskusi untuk memahami tujuan bisnis, target pasar, dan fitur yang Anda butuhkan.</li>



<li><strong>Perencanaan Konsep</strong><br>Kami menyusun struktur halaman, menentukan desain, dan merancang alur navigasi agar website memiliki arah yang jelas.</li>



<li><strong>Desain &amp; Development</strong><br>Tim kami mengerjakan tampilan visual sekaligus mengembangkan fitur sesuai kebutuhan bisnis Anda.</li>



<li><strong>Review &amp; Revisi</strong><br>Anda meninjau hasil pengerjaan dan memberikan masukan agar website benar-benar sesuai harapan.</li>



<li><strong>Launching Website</strong><br>Kami mempublikasikan website dan memastikan semua fitur berjalan optimal.</li>



<li><strong>Support &amp; Pengembangan</strong><br>Kami terus mendampingi untuk update, peningkatan fitur, dan pengembangan lanjutan.</li>
</ol>



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



<p>Berikut pengalaman beberapa klien yang menggunakan jasa pembuatan website kami.</p>



<!-- ===== TESTIMONI PELANGGAN ===== -->
<section class="testimoni-section">
  <div class="container">
    <div class="testimoni-grid">

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Sindu.id membantu saya memiliki website profesional yang mudah diakses pelanggan. Sekarang banyak pelanggan menemukan bisnis saya lewat Google.&#8221;</p>
        <h4>Andi Prasetyo</h4>
        <span>Pemilik Toko Bangunan</span>
      </div>

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Tim Sindu.id bekerja cepat dan komunikatif. Website toko online saya terlihat rapi dan membantu meningkatkan pesanan.&#8221;</p>
        <h4>Rina Lestari</h4>
        <span>Owner UMKM Makanan</span>
      </div>

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Website yang mereka buat memperkuat citra bisnis saya. Banyak klien merasa lebih yakin setelah melihat portofolio online.&#8221;</p>
        <h4>Budi Santoso</h4>
        <span>Jasa Kontraktor</span>
      </div>

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Desainnya sesuai karakter brand saya. Pelanggan bisa melihat katalog produk dan langsung melakukan pemesanan.&#8221;</p>
        <h4>Dwi Kartika</h4>
        <span>Pemilik Butik</span>
      </div>

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Sindu.id membantu saya menjelaskan layanan secara profesional. Website terlihat modern dan mudah dipahami.&#8221;</p>
        <h4>Arif Hidayat</h4>
        <span>Konsultan Properti</span>
      </div>

      <div class="testimoni-card">
        <div class="stars">★★★★★</div>
        <p>&#8220;Website berjalan cepat dan stabil. Tim selalu siap membantu saat saya ingin menambahkan fitur baru.&#8221;</p>
        <h4>Sari Wulandari</h4>
        <span>Pengusaha Travel</span>
      </div>

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

<style>
.testimoni-section {
  padding:60px 16px;
  font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  text-align:center;
  color:#111;
}

.testimoni-section h2{
  font-size:28px;
  margin-bottom:40px;
}

.testimoni-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
  max-width:1200px;
  margin:0 auto;
}

.testimoni-card{
  background:#fff;
  padding:20px 16px;
  border-radius:12px;
  box-shadow:0 4px 12px rgba(0,0,0,0.05);
  transition:transform 0.2s ease, box-shadow 0.2s ease;
}

.testimoni-card:hover{
  transform:translateY(-3px);
  box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.stars{
  font-size:20px;
  color:#fbbf24;
  margin-bottom:12px;
  letter-spacing:2px;
}

.testimoni-card p{
  font-size:14px;
  line-height:1.5;
  color:#555;
  margin-bottom:12px;
}

.testimoni-card h4{
  margin:0;
  font-size:16px;
  color:#111;
}

.testimoni-card span{
  font-size:13px;
  color:#777;
}

/* RESPONSIVE */
@media(max-width:992px){
  .testimoni-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:640px){
  .testimoni-grid{
    grid-template-columns:1fr;
  }
}
</style>




<h2 class="wp-block-heading has-large-font-size">Bangun Citra Bisnis Lebih Kuat Lewat Website Profesional</h2>



<p>Sindu.id menghadirkan website modern dengan performa cepat dan tampilan responsif di berbagai perangkat. Website yang tepat membantu bisnis Anda tampil lebih kredibel, menjangkau lebih banyak pelanggan, dan meningkatkan peluang penjualan. Segera konsultasikan kebutuhan website Anda bersama tim Sindu.id dan mulai langkah baru menuju pertumbuhan bisnis yang lebih optimal.</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 has-large-font-size">FAQ – Pertanyaan yang Sering Diajukan</h2>



<p>Berikut ini beberapa pertanyaan yang sering diajukan. Oleh karena itu, Anda dapat memahami layanan kami dengan lebih jelas.</p>



<!-- ===== FAQ SECTION ===== -->
<section class="faq-section">
  <div class="faq-item">
    <button class="faq-question">Berapa lama proses pembuatan website?</button>
    <div class="faq-answer">
      <p>Kami menyelesaikan website dalam 7–14 hari kerja, tergantung kompleksitas fitur dan kesiapan materi Anda.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Apakah saya bisa request desain dan fitur?</button>
    <div class="faq-answer">
      <p>Ya tentu saja, kami menyesuaikan desain dan fitur sesuai kebutuhan bisnis agar website mendukung target pemasaran Anda.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Apakah harga sudah termasuk domain dan hosting?</button>
    <div class="faq-answer">
      <p>Paket sudah termasuk domain dan hosting, serta opsi tambahan sesuai kebutuhan dan anggaran.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Apakah website sudah SEO friendly?</button>
    <div class="faq-answer">
      <p>Ya, website disusun SEO onpage agar mudah muncul di hasil pencarian Google.</p>
    </div>
  </div>

  <div class="faq-item">
    <button class="faq-question">Apakah ada layanan support setelah website online?</button>
    <div class="faq-answer">
      <p>Tim Sindu.id tetap mendampingi setelah website aktif untuk update, pengembangan fitur, dan pemeliharaan rutin.</p>
    </div>
  </div>

</section>

<style>
.faq-section {
  padding:50px 16px;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  color:#111;
}

.faq-section h2{
  text-align:center;
  font-size:28px;
  margin-bottom:40px;
}

.faq-item{
  max-width:800px;
  margin:0 auto 16px;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.faq-question{
  width:100%;
  padding:14px 18px;
  text-align:left;
  font-size:16px;
  font-weight:600;
  background:#0a5cae;
  color:#fff;
  border:none;
  cursor:pointer;
  transition: background 0.2s ease;
}
.faq-question:hover{background:#084a8c;}

.faq-answer{
  max-height:0;
  overflow:hidden;
  transition:max-height 0.3s ease, padding 0.3s ease;
  background:#fff;
}
.faq-answer p{
  padding:0 18px;
  font-size:15px;
  line-height:1.5;
  margin:0;
}

.faq-item.active .faq-answer{
  max-height:300px; /* cukup untuk teks panjang */
  padding:12px 0;
}

/* Responsive */
@media(max-width:768px){
  .faq-section h2{font-size:24px;}
  .faq-question{font-size:15px; padding:12px 14px;}
  .faq-answer p{font-size:14px; padding:0 14px;}
}
</style>

<script>
document.querySelectorAll('.faq-item').forEach(item=>{
  item.querySelector('.faq-question').addEventListener('click',()=>{
    document.querySelectorAll('.faq-item').forEach(i=>{
      if(i!==item) i.classList.remove('active');
    });
    item.classList.toggle('active');
  });
});
</script>




<p></p>
<p>The post <a href="https://sindu.id/jasa-pembuatan-website-rembang/">Jasa Pembuatan Website Rembang Terbaik &amp; Terjangkau</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-rembang/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
