<div class="max-w-4xl mx-auto px-4 py-12"> <!-- Hero Section --> <div class="mb-12"> <span class="inline-block px-4 py-2 bg-blue-100 text-blue-800 rounded-lg text-sm font-medium mb-4"> Edukasi ASI </span> <h1 class="text-4xl md:text-5xl font-black text-gray-900 mb-6"> Mitos dan Fakta seputar Menyusui </h1> <p class="text-xl text-gray-600 leading-relaxed"> Mari luruskan informasi yang beredar tentang menyusui untuk membantu ibu menjalani perjalanan ASI dengan lebih percaya diri. </p> </div> <!-- Introduction --> <div class="prose prose-lg max-w-none mb-12"> <p class="text-gray-700 leading-relaxed"> Menyusui adalah proses alami yang penuh manfaat, namun seringkali dikelilingi oleh berbagai mitos yang dapat membingungkan para ibu. Mari kita pahami bersama fakta di balik mitos-mitos yang beredar. </p> </div> <!-- Myths and Facts Section --> <div class="space-y-12 mb-16"> <!-- Item 1 --> <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden"> <div class="p-6 md:p-8"> <div class="flex items-start gap-4 mb-6"> <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">❌</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Mitos:</h3> <p class="text-gray-800 font-medium">Menyusui selalu mudah dan alami bagi semua ibu</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">✅</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Fakta:</h3> <p class="text-gray-700"> Meskipun menyusui adalah proses alami, banyak ibu membutuhkan waktu untuk beradaptasi dan belajar. Setiap ibu memiliki pengalaman berbeda, dan mendapatkan dukungan serta bimbingan yang tepat adalah hal yang normal dan penting. </p> </div> </div> </div> </div> <!-- Item 2 --> <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden"> <div class="p-6 md:p-8"> <div class="flex items-start gap-4 mb-6"> <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">❌</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Mitos:</h3> <p class="text-gray-800 font-medium">ASI saya tidak cukup untuk bayi</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">✅</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Fakta:</h3> <p class="text-gray-700"> Mayoritas ibu mampu memproduksi ASI yang cukup untuk bayinya. Tubuh secara alami menyesuaikan produksi ASI sesuai kebutuhan bayi. Semakin sering bayi menyusu, semakin banyak ASI yang diproduksi. </p> </div> </div> </div> </div> <!-- Item 3 --> <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden"> <div class="p-6 md:p-8"> <div class="flex items-start gap-4 mb-6"> <div class="w-12 h-12 bg-red-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">❌</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Mitos:</h3> <p class="text-gray-800 font-medium">Ukuran payudara memengaruhi produksi ASI</p> </div> </div> <div class="flex items-start gap-4"> <div class="w-12 h-12 bg-green-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-2xl">✅</span> </div> <div> <h3 class="text-xl font-bold text-gray-900 mb-2">Fakta:</h3> <p class="text-gray-700"> Ukuran payudara tidak ada hubungannya dengan kemampuan memproduksi ASI. Yang memengaruhi produksi ASI adalah frekuensi menyusui dan efektivitas bayi dalam mengosongkan payudara. </p> </div> </div> </div> </div> </div> <!-- Tips Box --> <div class="bg-blue-50 rounded-2xl p-6 md:p-8 mb-12"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Tips Menyusui yang Benar</h2> <ul class="space-y-4"> <li class="flex items-center gap-3"> <span class="w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 text-blue-600 font-bold text-sm">1</span> <span class="text-gray-700">Berikan ASI sesuai kebutuhan bayi (on demand)</span> </li> <li class="flex items-center gap-3"> <span class="w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 text-blue-600 font-bold text-sm">2</span> <span class="text-gray-700">Pastikan posisi dan pelekatan yang benar saat menyusui</span> </li> <li class="flex items-center gap-3"> <span class="w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 text-blue-600 font-bold text-sm">3</span> <span class="text-gray-700">Jaga asupan nutrisi dan hidrasi yang cukup</span> </li> <li class="flex items-center gap-3"> <span class="w-6 h-6 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0 text-blue-600 font-bold text-sm">4</span> <span class="text-gray-700">Bergabung dengan komunitas ibu menyusui untuk dukungan</span> </li> </ul> </div> <!-- Conclusion --> <div class="prose prose-lg max-w-none mb-12"> <p class="text-gray-700 leading-relaxed"> Memahami fakta di balik mitos-mitos seputar menyusui dapat membantu ibu menjalani perjalanan menyusui dengan lebih percaya diri. Jangan ragu untuk berkonsultasi dengan tenaga kesehatan atau konsultan laktasi jika menghadapi kesulitan. </p> </div> <!-- Call to Action --> <div class="bg-gradient-to-r from-blue-500 to-blue-600 rounded-2xl p-6 md:p-8 text-center"> <h2 class="text-2xl font-bold text-white mb-4">Butuh Informasi Lebih Lanjut?</h2> <p class="text-blue-100 mb-6"> Konsultasikan dengan ahli kami untuk mendapatkan panduan menyusui yang tepat </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="/konsultasi" class="bg-white text-blue-600 px-6 py-3 rounded-xl font-semibold hover:bg-blue-50 transition-colors duration-300"> Konsultasi Gratis </a> <a href="/blog" class="bg-blue-600 text-white px-6 py-3 rounded-xl font-semibold border border-white hover:bg-blue-700 transition-colors duration-300"> Artikel ASI Lainnya </a> </div> </div> </div>
