/* ===== WRAPPER ===== */
.bi-page {
font-family: inherit;
max-width: 100%;
margin: 0 auto;
box-sizing: border-box;
}
.bi-page * { box-sizing: border-box; }

.bi-container {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
}

.bi-section {
padding: 60px 0;
}

.bi-section-alt {
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
}

/* ===== HERO ===== */
.bi-hero {
background: linear-gradient(135deg, #059669 0%, #047857 55%, #065f46 100%);
border-radius: 24px;
padding: 70px 40px;
margin: 30px auto;
max-width: 1100px;
text-align: center;
position: relative;
overflow: hidden;
color: #fff;
}
.bi-hero::before {
content: ”;
position: absolute;
top: -120px; right: -100px;
width: 400px; height: 400px;
background: rgba(255,255,255,0.06);
border-radius: 50%;
pointer-events: none;
}
.bi-hero::after {
content: ”;
position: absolute;
bottom: -100px; left: -80px;
width: 300px; height: 300px;
background: rgba(255,255,255,0.04);
border-radius: 50%;
pointer-events: none;
}
.bi-hero-content { position: relative; z-index: 1; }

.bi-hero-badge {
display: inline-block;
background: rgba(255,255,255,0.18);
padding: 8px 20px;
border-radius: 24px;
font-size: 13px;
font-weight: 600;
margin-bottom: 20px;
backdrop-filter: blur(4px);
}

.bi-hero-title {
font-size: 44px;
font-weight: 800;
margin: 0 0 18px 0;
line-height: 1.15;
letter-spacing: -0.5px;
}

.bi-hero-subtitle {
font-size: 17px;
color: rgba(255,255,255,0.92);
max-width: 700px;
margin: 0 auto 34px auto;
line-height: 1.6;
}

.bi-hero-cta {
display: inline-flex;
align-items: center;
gap: 10px;
background: #fff;
color: #059669 !important;
padding: 15px 32px;
border-radius: 30px;
text-decoration: none !important;
font-weight: 800;
font-size: 15px;
box-shadow: 0 12px 28px -8px rgba(0,0,0,0.25);
transition: all 0.2s;
}
.bi-hero-cta:hover {
transform: translateY(-3px);
box-shadow: 0 18px 32px -8px rgba(0,0,0,0.35);
color: #047857 !important;
}

/* ===== SECTION HEADER ===== */
.bi-section-header {
text-align: center;
margin-bottom: 42px;
}
.bi-section-title {
font-size: 32px;
font-weight: 800;
color: #0f172a;
margin: 0 0 12px 0;
line-height: 1.2;
}
.bi-section-subtitle {
font-size: 15px;
color: #64748b;
max-width: 640px;
margin: 0 auto;
line-height: 1.6;
}

/* ===== WHY ADVERTISE ===== */
.bi-why-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
}

.bi-why-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 28px 20px;
text-align: center;
transition: all 0.25s;
}
.bi-why-card:hover {
transform: translateY(-4px);
border-color: #10b981;
box-shadow: 0 14px 28px -10px rgba(5,150,105,0.18);
}
.bi-why-icon {
font-size: 36px;
margin-bottom: 14px;
display: block;
}
.bi-why-num {
font-size: 32px;
font-weight: 800;
color: #059669;
line-height: 1;
margin-bottom: 6px;
}
.bi-why-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.bi-why-desc {
font-size: 13px;
color: #475569;
line-height: 1.5;
margin: 0;
}

/* ===== SLOTS ===== */
.bi-slots-grid {
display: flex;
flex-direction: column;
gap: 24px;
}

.bi-slot-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 28px;
display: grid;
grid-template-columns: 240px 1fr;
gap: 28px;
align-items: center;
transition: all 0.2s;
}
.bi-slot-card:hover {
border-color: #10b981;
box-shadow: 0 10px 24px -8px rgba(5,150,105,0.15);
}

/* Visual mockup slot */
.bi-slot-preview {
background: #f8fafc;
border: 2px dashed #cbd5e1;
border-radius: 10px;
padding: 16px;
text-align: center;
position: relative;
}
.bi-slot-preview-label {
font-size: 10px;
font-weight: 700;
color: #94a3b8;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 8px;
}
.bi-slot-mockup {
background: linear-gradient(135deg, #cbd5e1 0%, #94a3b8 100%);
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: 11px;
font-weight: 700;
margin-bottom: 6px;
}
.bi-slot-mockup-wide { height: 60px; }
.bi-slot-mockup-box { height: 120px; width: 60%; margin: 0 auto; }
.bi-slot-mockup-size {
font-size: 11px;
font-weight: 700;
color: #059669;
}

/* Slot info */
.bi-slot-info h3 {
font-size: 20px;
font-weight: 800;
color: #0f172a;
margin: 0 0 6px 0;
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.bi-slot-position {
display: inline-block;
background: #ecfdf5;
color: #059669;
font-size: 11px;
font-weight: 700;
padding: 3px 10px;
border-radius: 10px;
text-transform: uppercase;
letter-spacing: 0.3px;
}
.bi-slot-desc {
font-size: 13px;
color: #64748b;
line-height: 1.6;
margin: 0 0 14px 0;
}

.bi-slot-specs {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
margin-bottom: 14px;
}

.bi-spec-item {
background: #f8fafc;
border-radius: 8px;
padding: 10px 14px;
border-left: 3px solid #10b981;
}
.bi-spec-label {
font-size: 10px;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.4px;
margin-bottom: 3px;
}
.bi-spec-value {
font-size: 14px;
font-weight: 800;
color: #0f172a;
}

.bi-slot-price {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border-left: 4px solid #f59e0b;
padding: 12px 16px;
border-radius: 8px;
font-size: 13px;
color: #78350f;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 8px;
}
.bi-slot-price::before {
content: ‘💰’;
font-size: 18px;
}

/* ===== AUDIENCE STATS ===== */
.bi-audience-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}

.bi-audience-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 32px 24px;
text-align: center;
position: relative;
overflow: hidden;
}
.bi-audience-card::before {
content: ”;
position: absolute;
top: 0; left: 0; right: 0;
height: 4px;
background: linear-gradient(90deg, #10b981 0%, #059669 100%);
}
.bi-audience-icon {
font-size: 40px;
margin-bottom: 12px;
display: block;
}
.bi-audience-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 10px;
}
.bi-audience-value {
font-size: 22px;
font-weight: 800;
color: #0f172a;
line-height: 1.3;
margin-bottom: 6px;
}
.bi-audience-desc {
font-size: 13px;
color: #64748b;
line-height: 1.5;
margin: 0;
}

/* ===== WHY CHOOSE US ===== */
.bi-benefits-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}

.bi-benefit-item {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 22px 24px;
display: flex;
gap: 16px;
align-items: flex-start;
}
.bi-benefit-icon {
font-size: 28px;
flex-shrink: 0;
line-height: 1;
}
.bi-benefit-content h4 {
margin: 0 0 6px 0;
font-size: 15px;
font-weight: 700;
color: #0f172a;
}
.bi-benefit-content p {
margin: 0;
font-size: 13px;
color: #64748b;
line-height: 1.55;
}

/* ===== CTA SECTION ===== */
.bi-cta-section {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
border-radius: 20px;
padding: 56px 40px;
text-align: center;
color: #fff;
margin: 40px auto;
max-width: 1100px;
position: relative;
overflow: hidden;
}
.bi-cta-section::before {
content: ”;
position: absolute;
top: -80px; right: -60px;
width: 260px; height: 260px;
background: rgba(16,185,129,0.15);
border-radius: 50%;
pointer-events: none;
}
.bi-cta-content { position: relative; z-index: 1; }
.bi-cta-title {
font-size: 30px;
font-weight: 800;
margin: 0 0 12px 0;
line-height: 1.25;
}
.bi-cta-desc {
font-size: 15px;
color: rgba(255,255,255,0.85);
max-width: 620px;
margin: 0 auto 30px auto;
line-height: 1.6;
}
.bi-cta-buttons {
display: flex;
gap: 12px;
justify-content: center;
flex-wrap: wrap;
}
.bi-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 14px 30px;
border-radius: 30px;
font-size: 14px;
font-weight: 700;
text-decoration: none !important;
transition: all 0.2s;
}
.bi-btn-primary {
background: #10b981;
color: #fff !important;
}
.bi-btn-primary:hover {
background: #059669;
transform: translateY(-2px);
color: #fff !important;
}
.bi-btn-outline {
background: transparent;
color: #fff !important;
border: 2px solid rgba(255,255,255,0.3);
}
.bi-btn-outline:hover {
border-color: #fff;
background: rgba(255,255,255,0.1);
color: #fff !important;
}

/* ===== FAQ ===== */
.bi-faq-list {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 800px;
margin: 0 auto;
}
.bi-faq-item {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
overflow: hidden;
transition: all 0.2s;
}
.bi-faq-item:hover {
border-color: #10b981;
}
.bi-faq-q {
padding: 18px 22px;
font-size: 14px;
font-weight: 700;
color: #0f172a;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
user-select: none;
}
.bi-faq-q::after {
content: ‘+’;
font-size: 22px;
font-weight: 300;
color: #059669;
transition: transform 0.2s;
}
.bi-faq-item.open .bi-faq-q::after {
transform: rotate(45deg);
}
.bi-faq-a {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
padding: 0 22px;
color: #475569;
font-size: 13.5px;
line-height: 1.7;
}
.bi-faq-item.open .bi-faq-a {
max-height: 400px;
padding: 0 22px 20px 22px;
}

/* ===== CONTACT INFO ===== */
.bi-contact-box {
background: #ecfdf5;
border: 1px solid #a7f3d0;
border-radius: 14px;
padding: 24px;
max-width: 700px;
margin: 24px auto 0 auto;
text-align: center;
}
.bi-contact-box h4 {
margin: 0 0 8px 0;
font-size: 15px;
color: #065f46;
font-weight: 700;
}
.bi-contact-box p {
margin: 0;
font-size: 13px;
color: #047857;
line-height: 1.6;
}
.bi-contact-list {
display: flex;
justify-content: center;
gap: 24px;
flex-wrap: wrap;
margin-top: 14px;
}
.bi-contact-item {
display: inline-flex;
align-items: center;
gap: 8px;
color: #047857 !important;
font-weight: 700;
font-size: 13.5px;
text-decoration: none !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 900px) {
.bi-why-grid { grid-template-columns: repeat(2, 1fr); }
.bi-audience-grid { grid-template-columns: 1fr; }
.bi-benefits-grid { grid-template-columns: 1fr; }
.bi-slot-card { grid-template-columns: 1fr; gap: 20px; }
}

@media (max-width: 640px) {
.bi-hero { padding: 46px 22px; margin: 15px auto; border-radius: 16px; }
.bi-hero-title { font-size: 26px; }
.bi-hero-subtitle { font-size: 14px; }
.bi-hero-cta { padding: 13px 24px; font-size: 14px; }
.bi-section { padding: 40px 0; }
.bi-section-title { font-size: 22px; }
.bi-section-subtitle { font-size: 13.5px; }
.bi-why-grid { grid-template-columns: 1fr; gap: 14px; }
.bi-why-card { padding: 20px 16px; }
.bi-slot-card { padding: 20px 16px; }
.bi-slot-specs { grid-template-columns: 1fr; }
.bi-cta-section { padding: 40px 22px; border-radius: 16px; }
.bi-cta-title { font-size: 22px; }
.bi-cta-desc { font-size: 14px; }
.bi-btn { padding: 12px 22px; font-size: 13px; width: 100%; justify-content: center; }
.bi-cta-buttons { flex-direction: column; }
}

📢 Media Kit Balanu

Promosikan Bisnis Anda kepada UMKM Sulawesi Barat

Jangkau pelaku usaha, konsumen, dan pembaca aktif di Portal UMKM Sulawesi Barat. Tampilkan brand Anda tepat di depan mereka yang mencari produk dan layanan lokal.

Hubungi Kami →

🎯 Kenapa Beriklan di Balanu?

Portal kami dikunjungi oleh audiens yang tepat: pelaku UMKM, konsumen lokal, dan pembaca yang mencari produk Sulawesi Barat.

👥

Ribuan
Pengunjung / Bulan

Audiens aktif yang mencari produk dan UMKM lokal setiap hari.

🏢

UMKM Lokal
Target Audiens

Pelaku usaha mikro, kecil, dan menengah dari seluruh Sulbar.

📍

6 Kabupaten
Cakupan Wilayah

Majene, Mamasa, Mamuju, Mamuju Tengah, Pasangkayu, Polman.

📱

Mobile First
Akses Dominan

Mayoritas pengunjung mengakses via smartphone. Iklan kami responsif.

📐 Pilihan Slot Iklan

Tersedia beberapa slot strategis di halaman depan dan sidebar. Semua slot mendukung versi Desktop dan Mobile.

Pratinjau
Banner Lebar
1200 × 200 px

Premium
Banner Utama (Bawah Hero)

Posisi paling strategis — pertama kali dilihat pengunjung setelah hero section. Cocok untuk brand awareness, promo besar, atau event.

🖥️ Desktop
1200 × 200 px

📱 Mobile
600 × 400 px

Harga: Hubungi kami untuk informasi

Pratinjau
Banner Lebar
1200 × 250 px

Populer
Banner Tengah (Setelah Produk)

Berada tepat setelah section Produk Pilihan. Pengunjung sudah engaged dan sedang menjelajah — momentum tepat untuk promosi produk atau jasa.

🖥️ Desktop
1200 × 250 px

📱 Mobile
600 × 400 px

Harga: Hubungi kami untuk informasi

Pratinjau
Banner Lebar
1200 × 200 px

Standar
Banner Bawah (Sebelum CTA)

Posisi akhir sebelum section ajakan bergabung. Cocok untuk banner partnership, iklan institusi, atau brand awareness jangka panjang.

🖥️ Desktop
1200 × 200 px

📱 Mobile
600 × 400 px

Harga: Hubungi kami untuk informasi

Pratinjau
Kotak
300 × 250 px

Fokus
Banner Sidebar (Kanan)

Tampil di sidebar kanan — dilihat berulang kali saat pengunjung membaca artikel atau menelusuri halaman. Ideal untuk produk atau jasa spesifik.

🖥️ Desktop
300 × 250 px

📱 Mobile
400 × 400 px

Harga: Hubungi kami untuk informasi

✨ Keunggulan Beriklan di Balanu

Kami tidak hanya menyediakan slot iklan — kami bantu brand Anda tampil maksimal.

📱

Responsif & Mobile Friendly

Semua slot mendukung gambar Desktop dan Mobile — tampilan optimal di semua perangkat.

🎯

Audiens Tepat Sasaran

Pengunjung kami adalah pelaku UMKM, konsumen lokal, dan pembaca aktif yang mencari produk Sulbar.

⚡

Cepat & Ringan

Iklan dioptimasi dengan lazy load dan format WebP agar website tetap cepat diakses.

🔒

Brand Safety

Tidak ada konten negatif. Website kami fokus pada UMKM, edukasi, dan berita positif daerah.

📊

Laporan Berkala

Kami bisa memberikan laporan performa (impresi, klik) jika diperlukan untuk evaluasi kampanye.

🤝

Dukungan Personal

Tim kami siap membantu desain, penempatan, dan strategi konten untuk brand Anda.

❓ Pertanyaan Umum

Beberapa pertanyaan yang sering ditanyakan calon pengiklan.

Berapa lama iklan akan ditampilkan?
Durasi iklan fleksibel. Kami menyediakan paket mingguan, bulanan, atau jangka panjang. Silakan diskusikan kebutuhan Anda dengan kami.

Apakah saya perlu menyiapkan desain sendiri?
Bisa dua-duanya. Jika Anda punya desainer sendiri, kami menerima file dalam format WebP/JPG/PNG sesuai ukuran. Jika belum, tim kami bisa membantu membuat desain iklan sesuai brand Anda.

Apakah bisa request posisi tertentu?
Ya, Anda bisa memilih slot sesuai kebutuhan. Posisi Premium seperti “Banner Utama” memiliki jumlah slot terbatas setiap bulannya.

Bagaimana cara pembayarannya?
Kami menerima transfer bank, QRIS, dan e-wallet. Detail pembayaran akan diinformasikan setelah kesepakatan paket.

Apakah iklan bisa diubah di tengah masa tayang?
Bisa. Anda dapat mengajukan perubahan konten iklan maksimal 2 kali dalam masa tayang. Kami akan update secepatnya tanpa biaya tambahan.

Siap Promosikan Bisnis Anda?

Hubungi tim Balanu untuk diskusi kebutuhan iklan Anda. Kami akan rekomendasikan slot terbaik sesuai target dan budget.

💬 Chat via WhatsApp
📧 Kirim Email

📞 Kontak Tim Balanu

Hubungi kami pada jam kerja untuk respon lebih cepat.


📱 0812-4435-4328


📧 admin@balanusulbar.com

(function() {
‘use strict’;
document.addEventListener(‘DOMContentLoaded’, function() {
var faqs = document.querySelectorAll(‘.bi-faq-q’);
faqs.forEach(function(q) {
q.addEventListener(‘click’, function() {
var item = this.parentElement;
item.classList.toggle(‘open’);
});
});
});
})();