/* --- KODE CSS UNTUK DIINTEGRASIKAN ATAU DITAMBAHKAN DI CUSTOMIZER WORDPRESS --- */
/* [1] --- GLOBAL STYLE & PALETTE WARNA --- */
:root {
--dark-red: #8B0000;
--bright-red: #e53935;
--dark-grey: #1c1c1c;
--light-grey: #f4f4f4;
--blue-purple-start: #4e54c8;
--blue-purple-end: #8f94fb;
--gradient-red: linear-gradient(135deg, var(--bright-red), var(--dark-red));
--gradient-black-red: linear-gradient(135deg, var(--dark-grey), #410a09);
--gradient-white-dark: linear-gradient(135deg, #ffffff, #e9e9e9);
--whatsapp-green: #25D366;
}
body.kota-techno-body {
font-family: 'Poppins', sans-serif;
background-color: #fdfdfd;
color: #333;
line-height: 1.7;
}
.kota-techno-container {
max-width: 1100px;
margin: 0 auto;
padding: 20px;
overflow-x: hidden;
}
/* [2] --- TIPOGRAFI & HEADING --- */
.hero-icon {
text-align: center;
font-size: 48px;
color: var(--dark-red);
background: -webkit-linear-gradient(135deg, var(--bright-red), var(--dark-red));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-bottom: -10px;
}
h1.main-headline {
text-align: center;
font-size: 2.8rem;
font-weight: 700;
margin-bottom: 2rem;
line-height: 1.2;
}
h2.section-title {
font-size: 2.2rem;
font-weight: 700;
color: white;
background: var(--gradient-black-red);
padding: 15px 25px;
border-radius: 12px;
margin: 60px 0 30px 0;
display: flex;
align-items: center;
gap: 15px;
box-shadow: 0 8px 20px rgba(0,0,0,0.15);
border-left: 5px solid var(--bright-red);
}
h3.subsection-title {
font-size: 1.6rem;
font-weight: 600;
color: var(--dark-red);
margin: 40px 0 20px 0;
border-bottom: 2px solid var(--bright-red);
padding-bottom: 10px;
}
/* [3] --- ELEMEN INTERAKTIF & DESAIN --- */
.gradient-separator {
height: 5px;
width: 100%;
background: linear-gradient(90deg, transparent, var(--dark-red), transparent);
margin: 50px 0;
opacity: 0.5;
}
.highlight-box {
background: var(--gradient-white-dark);
padding: 30px;
border-radius: 15px;
border: 1px solid #ddd;
margin: 30px 0;
box-shadow: 0 4px 15px rgba(0,0,0,0.05);
}
.flex-container {
display: flex;
gap: 30px;
align-items: center;
margin: 40px 0;
}
.flex-item {
flex: 1;
}
/* [4] --- CTA BUTTON (WHATSAPP) --- */
.cta-whatsapp {
display: inline-flex;
align-items: center;
gap: 12px;
background-color: var(--whatsapp-green);
color: white !important;
padding: 14px 28px;
border-radius: 50px;
font-weight: 600;
text-decoration: none;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
}
.cta-whatsapp:hover {
transform: translateY(-3px);
box-shadow: 0 8px 25px rgba(37, 211, 102, 0.5);
background-color: #29e770;
}
/* [5] --- ACCORDION (TABLE OF CONTENT, FAQ, HARGA) --- */
details.custom-accordion {
background: #fff;
border-radius: 10px;
margin-bottom: 10px;
border: 1px solid #e0e0e0;
box-shadow: 0 2px 5px rgba(0,0,0,0.03);
}
details.custom-accordion summary {
padding: 20px;
font-weight: 600;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
list-style: none; /* Hapus panah default */
color: var(--dark-grey);
}
details.custom-accordion summary::after {
content: '+'; /* Tanda plus */
font-size: 1.5em;
color: var(--dark-red);
transition: transform 0.3s ease;
}
details[open].custom-accordion summary::after {
content: '−'; /* Tanda minus */
transform: rotate(180deg);
}
.accordion-content {
padding: 0 20px 20px 20px;
}
.accordion-content ul {
list-style-type: none;
padding-left: 0;
}
.accordion-content ul li a {
text-decoration: none;
color: #555;
padding: 8px 0;
display: block;
border-bottom: 1px dashed #eee;
}
.accordion-content ul li a:hover {
color: var(--dark-red);
}
/* [6] --- TABLE RESPONSIVE --- */
.responsive-table-wrapper {
overflow-x: auto;
margin: 40px 0;
border-radius: 10px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
table.custom-table {
width: 100%;
border-collapse: collapse;
min-width: 800px;
}
table.custom-table th {
background: var(--gradient-black-red);
color: white;
padding: 15px;
text-align: left;
font-weight: 600;
}
table.custom-table td {
padding: 15px;
border-bottom: 1px solid #e0e0e0;
}
table.custom-table tbody tr:nth-child(even) {
background-color: var(--light-grey);
}
table.custom-table tbody tr:hover {
background-color: #e9e9e9;
}
/* [7] --- RESPONSIVE DESIGN --- */
@media (max-width: 768px) {
h1.main-headline {
font-size: 2rem;
}
h2.section-title {
font-size: 1.8rem;
}
h1.main-headline, h2.section-title {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
.flex-container {
flex-direction: column;
}
}
Jasa Pembuatan Website Sidoarjo: Wujudkan Visi Digital Anda, Bukan Sekadar Kode.
Di jantung Sidoarjo yang dinamis, di mana industri dan UMKM tumbuh pesat, sebuah peluang besar terhampar di dunia digital. Anda punya visi, sebuah ide brilian yang siap mengubah pasar. Namun, visi tanpa eksekusi hanyalah angan. Kami hadir bukan sebagai vendor, melainkan sebagai mitra arsitek digital Anda. Kami tidak hanya membangun website, kami merancang sebuah ekosistem online yang bekerja untuk Anda 24/7, menjangkau pelanggan di seluruh Indonesia.
Fakta Menarik: Menurut data Asosiasi Penyelenggara Jasa Internet Indonesia (APJII), penetrasi internet di Indonesia telah mencapai 78.19%. Ini bukan lagi soal ‘apakah bisnis Anda perlu online?’, tetapi ‘seberapa cepat Anda bisa mendominasi pasar online?’.
Kami memahami denyut nadi ekonomi dan sosial budaya Sidoarjo. Sebuah kabupaten yang tangguh, dengan masyarakat pekerja keras dan pengusaha inovatif. Website Anda harus mencerminkan semangat ini: profesional, tangguh, dan berorientasi pada pertumbuhan. Dari kawasan industri Gedangan hingga pusat perdagangan di Waru, kami siap menerjemahkan keunikan bisnis Anda ke dalam bahasa universal desain dan teknologi.
🗺️ Peta Perjalanan Digital Anda
🚀 Jenis Website Sesuai Kebutuhan Bisnis Anda
Setiap bisnis itu unik. Kami tidak percaya pada solusi “satu untuk semua”. Kami merancang platform digital yang spesifik untuk tujuan Anda.
🏢 Website Company Profile
Membangun citra dan kredibilitas perusahaan Anda. Menjadi etalase digital yang elegan untuk menampilkan visi, misi, portofolio, dan informasi kontak. Kesan pertama adalah segalanya.
🛒 Website Toko Online (E-commerce)
Mengubah pengunjung menjadi pelanggan. Dengan sistem manajemen produk, keranjang belanja, dan integrasi pembayaran yang aman, kami membuka toko Anda untuk pasar Indonesia, 24 jam sehari.
✍️ Blog & Portal Berita
Membangun otoritas dan komunitas. Platform yang dioptimalkan untuk kecepatan dan SEO, memudahkan Anda berbagi konten berkualitas, menarik trafik organik, dan memonetisasi audiens Anda.
🎓 Website Sekolah & Instansi
Menjadi pusat informasi yang terstruktur bagi siswa, orang tua, dan masyarakat. Dari pendaftaran online hingga galeri kegiatan, kami ciptakan platform yang informatif dan mudah diakses.
💎 Paket Investasi Digital yang Transparan
Kami percaya pada nilai jangka panjang. Ini bukan biaya, melainkan investasi pada masa depan bisnis Anda. Pilih paket yang paling sesuai dengan tahap pertumbuhan Anda saat ini.
BRONZE
IDR 75k/bulan
IDR 125.000 Diskon 30%
Sempurna untuk memulai, membangun fondasi digital yang kuat.
- ✅ Free Domain .com, .org, .co.id, dll
- ✅ Page/Halaman (Home, Contact, About us, dll)
- ✅ Desain General
- ✅ Integrasi Social Media & Maps
- ✅ WhatsApp Click to Chat
- ❌ Premium Web Design
- ❌ SEO Basic
- ✅ 2x Revisi Desain
- ✅ 5GB Hosting
- ✅ Basic Page Loader
BEST SELLER
SILVER
IDR 125k/bulan
IDR 250.000 Diskon 50%
Untuk bisnis yang siap bertumbuh dan mendominasi pasar.
- ✅ Semua Fitur Bronze
- ✅ Desain Halaman Produk/Servis/Portofolio
- ✅ Premium Web Design
- ✅ Generate Backlink & SEO Basic
- ✅ Google Analytics & GMB Integrated
- ✅ 5x Revisi Desain
- ✅ 7GB Hosting
- ✅ Advance Page Loader
- ✅ Fitur Advance: WooCommerce, Booking, dll.
GOLD
IDR 250k/bulan
IDR 450.000 Diskon 40%
Solusi tanpa batas untuk visi besar dan performa maksimal.
- ✅ Semua Fitur Silver
- ✅ Custom & Premium Detail Design
- ✅ 7x Revisi Desain
- ✅ Hosting UNLIMITED
- ✅ Premium Page Loader
- ✅ Fitur Advance: Unlimited & Custom
- ✅ Prioritas Support
Catatan Penting: Harga per bulan dengan pembayaran minimal 1 tahun. Dapatkan GRATIS 2 BULAN untuk setiap paket! Investasi cerdas untuk hasil maksimal.
🏆 Fitur Unggulan yang Menjadi Pembeda
Kami tidak hanya memberikan website. Kami memberikan senjata digital yang lengkap.
- SSL Integration: Keamanan data terenkripsi (HTTPS), meningkatkan kepercayaan pelanggan dan peringkat SEO.
- Spam/Anti DDOS Protection: Kami menjaga benteng digital Anda dari serangan dan spam yang mengganggu.
- Maintain and Support: Tim kami siap sedia membantu Anda jika terjadi kendala. Anda tidak sendirian.
- Dedicated cPanel Account: Kontrol penuh atas hosting Anda dengan antarmuka cPanel yang mudah digunakan.
- Premium Group Support: Akses ke grup support eksklusif untuk bertanya dan berdiskusi.
- Minify JS & CSS: Teknik optimasi untuk mempercepat waktu muat website, faktor krusial bagi pengalaman pengguna dan SEO.
💡 Kenapa KotaTechno Adalah Pilihan Tepat?
Desain Berpusat Pada Pengguna (UX)
Website yang indah itu biasa. Website yang indah dan mudah digunakan, itu luar biasa. Kami merancang alur navigasi yang intuitif, mengarahkan pengunjung untuk melakukan tindakan yang Anda inginkan, entah itu membeli produk atau mengisi form kontak.
Kode yang Bersih & Cepat
Di balik desain yang menawan, terdapat struktur kode yang rapi dan dioptimalkan. Menggunakan teknologi terkini, kami memastikan website Anda tidak hanya cepat, tapi juga fleksibel untuk dikembangkan di masa depan. Fondasi yang kokoh untuk istana digital Anda.
Strategi SEO Sejak Awal
SEO bukanlah tambahan, melainkan bagian dari DNA website yang kami bangun. Dari struktur URL, meta tags, hingga kecepatan halaman, semua kami siapkan agar Google mudah menemukan dan mencintai website Anda.
Layanan Holistik
Dari konsultasi awal, desain, pengembangan, hingga maintenance dan support. Kami adalah one-stop solution untuk semua kebutuhan digital Anda. Fokuslah pada bisnis Anda, biarkan kami yang mengurus urusan teknisnya.
🔢 4 Langkah Mudah Memiliki Website Impian
1. Konsultasi
💬
Hubungi kami via WhatsApp. Ceritakan tentang bisnis, visi, dan target pasar Anda. Kami akan mendengarkan dengan seksama.
2. Penawaran & Desain
🎨
Kami akan memberikan penawaran paket terbaik. Setelah setuju, tim UI/UX kami akan membuat draft desain awal (mockup).
3. Pengembangan
👨💻
Setelah desain disetujui, tim developer kami akan mengubahnya menjadi website fungsional yang responsif dan cepat.
4. Peluncuran & Training
🚀
Website Anda siap online! Kami akan memberikan training singkat agar Anda bisa mengelola konten website dengan mudah.
🎁 Bonus Eksklusif Hanya Untuk Anda
Pesan Paket SILVER atau GOLD Hari Ini & Dapatkan:
- GRATIS Desain Logo Basic untuk branding Anda.
- GRATIS Integrasi Google My Business (GMB) agar bisnis Anda muncul di Peta Google.
- GRATIS Video Tutorial cara mengupdate konten website Anda sendiri.
- GRATIS Konsultasi Strategi Konten selama 1 jam.
Ini adalah cara kami mengucapkan ‘terima kasih’ karena telah memercayai kami.
📍 Kehadiran Kami di Jantung Kota Delta, Sidoarjo
“Inovasi membedakan antara seorang pemimpin dan seorang pengikut.”
– Steve Jobs
Sidoarjo bukan hanya sebuah titik di peta. Ini adalah pusat denyut ekonomi Jawa Timur, sebuah ekosistem di mana industri besar dan UMKM hidup berdampingan. Dengan populasi yang padat dan tingkat ekonomi yang terus bergerak, memiliki kehadiran digital di Sidoarjo adalah sebuah keharusan. Kami bangga bisa menjadi bagian dari pertumbuhan ini, menyediakan alat digital bagi para pebisnis tangguh di Kota Delta.
Kantor Pemasaran Representatif Kami:
Jl. Pahlawan No. 123, Lemahputro, Sidoarjo
(Alamat ini adalah contoh untuk representasi lokasi)
Telepon/WhatsApp: 0857-9952-0350
💬 Apa Kata Mereka yang Telah Go Digital?
“Luar biasa! Website toko online saya sekarang kebanjiran order. Tim KotaTechno sangat responsif dan desainnya modern banget. Recommended untuk UMKM Sidoarjo!”
– Ibu Anisa, Owner Keripik Udang “Berkah Jaya”
“Sebagai perusahaan manufaktur, kami butuh website yang profesional. KotaTechno berhasil mewujudkannya. Klien dari luar negeri jadi lebih percaya.”
– Bpk. Hendrawan, Direktur PT. Metal Perkasa
“Prosesnya cepat dan mudah dipahami. Saya yang awam teknologi jadi bisa punya website sendiri. Trainingnya sangat membantu. Terima kasih!”
– Mas Rian, Fotografer Pernikahan
“Paket Silver benar-benar value for money. Fitur SEO-nya mulai terasa, traffic organik ke blog properti saya meningkat drastis. Mantap!”
– Bpk. Santoso, Agen Properti Independen
“Supportnya jempolan. Ada masalah kecil langsung ditangani. Merasa aman dan tidak dilepas begitu saja setelah website jadi. Sukses terus KotaTechno!”
– Ibu Wati, Pengelola Yayasan Pendidikan Anak
❓ Pertanyaan yang Paling Sering Diajukan (FAQ)
Tergantung kompleksitas. Untuk paket Bronze biasanya 7-10 hari kerja. Paket Silver 10-14 hari kerja, dan paket Gold bisa 14-21 hari kerja setelah semua materi (teks, gambar) kami terima.
Tentu saja! Semua website kami bangun di atas Content Management System (CMS) WordPress yang user-friendly. Kami juga akan memberikan training dasar untuk Anda.
Ya, semua paket kami sudah termasuk gratis domain untuk tahun pertama dan hosting sesuai kapasitas paket yang dipilih. Anda tidak perlu pusing memikirkan teknisnya.
Biaya perpanjangan di tahun kedua hanya untuk domain dan hosting saja, yang biayanya jauh lebih terjangkau. Untuk jasa maintenance bersifat opsional.
Kami membangun website dengan fondasi SEO terbaik (SEO-friendly). Namun, peringkat di Google dipengaruhi banyak faktor termasuk kompetisi dan kualitas konten. Kami memberikan alatnya, tapi hasil peringkat memerlukan strategi konten yang berkelanjutan. Kami juga menyediakan jasa SEO bulanan jika dibutuhkan.
Sistem pembayaran adalah Down Payment (DP) 50% di awal sebelum pengerjaan, dan pelunasan 50% setelah website selesai dan siap untuk online (sebelum serah terima akun).
Sangat bisa. Jika bisnis Anda berkembang dan membutuhkan fitur lebih, Anda bisa meng-upgrade paket kapan saja dengan hanya membayar selisihnya.
Materi utama (teks profile, deskripsi produk, foto) disediakan oleh klien. Namun, jika Anda kesulitan, kami menyediakan jasa tambahan untuk content writing dan fotografi.
Tentu! Kami melayani klien dari seluruh Indonesia. Komunikasi bisa dilakukan sepenuhnya secara online melalui WhatsApp, Email, dan Video Call.
Perbedaan utamanya adalah kepemilikan, kustomisasi, dan profesionalisme. Dengan jasa kami, Anda memiliki domain dan hosting sendiri (mis: bisnissaya.com), desain yang unik dan profesional, serta tidak ada iklan dari pihak ketiga. Ini membangun kredibilitas yang tidak bisa didapat dari platform gratisan.
🌐 Jangkauan Layanan Kami di Seluruh Wilayah Sidoarjo
Di manapun lokasi bisnis Anda di Kabupaten Sidoarjo, tim kami siap membantu. Kami berkomitmen untuk mendukung digitalisasi bisnis di setiap sudut Kota Delta.
| Wilayah Kecamatan | Detail Layanan | Marketing Sales | Aksi |
|---|---|---|---|
| Balongbendo | Jasa Pembuatan Website Balongbendo Sidoarjo | Andi | |
| Buduran | Jasa Pembuatan Website Buduran Sidoarjo | Citra | |
| Candi | Jasa Pembuatan Website Candi Sidoarjo | Andi | |
| Gedangan | Jasa Pembuatan Website Gedangan Sidoarjo | Bagus | |
| Jabon | Jasa Pembuatan Website Jabon Sidoarjo | Citra | |
| Krembung | Jasa Pembuatan Website Krembung Sidoarjo | Andi | |
| Krian | Jasa Pembuatan Website Krian Sidoarjo | Bagus | |
| Porong | Jasa Pembuatan Website Porong Sidoarjo | Citra | |
| Prambon | Jasa Pembuatan Website Prambon Sidoarjo | Andi | |
| Sedati | Jasa Pembuatan Website Sedati Sidoarjo | Bagus | |
| Sidoarjo | Jasa Pembuatan Website Sidoarjo Kota | Citra | |
| Sukodono | Jasa Pembuatan Website Sukodono Sidoarjo | Andi | |
| Taman | Jasa Pembuatan Website Taman Sidoarjo | Bagus | |
| Tanggulangin | Jasa Pembuatan Website Tanggulangin Sidoarjo | Citra | |
| Tarik | Jasa Pembuatan Website Tarik Sidoarjo | Andi | |
| Tulangan | Jasa Pembuatan Website Tulangan Sidoarjo | Bagus | |
| Waru | Jasa Pembuatan Website Waru Sidoarjo | Citra | |
| Wonoayu | Jasa Pembuatan Website Wonoayu Sidoarjo | Andi |