<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-pink-100 text-pink-800 rounded-lg text-sm font-medium mb-4"> Parenting </span> <h1 class="text-4xl md:text-5xl font-black text-gray-900 mb-6 leading-tight"> Cara Meningkatkan Bounding dengan Bayi saat Menyusui </h1> <p class="text-xl text-gray-600 leading-relaxed"> Menyusui adalah momen berharga untuk membangun ikatan emosional yang kuat antara ibu dan bayi. Mari pelajari cara meningkatkan bonding yang efektif. </p> </div> <!-- Introduction --> <div class="prose prose-lg max-w-none mb-12"> <p class="text-gray-700 leading-relaxed"> Menyusui bukan hanya tentang memberikan nutrisi terbaik untuk bayi, tetapi juga momen berharga untuk memperkuat ikatan emosional antara ibu dan bayi. Bonding yang kuat saat menyusui dapat memberikan rasa aman dan cinta kepada bayi, yang penting bagi perkembangan emosionalnya. </p> </div> <!-- Main Content --> <div class="space-y-12 mb-16"> <!-- Card 1: Kontak Mata --> <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow duration-300"> <div class="p-6 md:p-8"> <div class="flex items-start gap-4 mb-4"> <div class="w-12 h-12 bg-pink-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-3">Lakukan Kontak Mata</h3> <p class="text-gray-700"> Saat menyusui, luangkan waktu untuk menatap mata bayi. Kontak mata membantu membangun hubungan emosional yang mendalam. Bayi merasa dicintai dan diperhatikan, sementara ibu juga merasakan kehangatan dan kedekatan. </p> </div> </div> </div> </div> <!-- Card 2: Sentuhan Lembut --> <div class="bg-white rounded-2xl shadow-sm border border-gray-100 overflow-hidden hover:shadow-md transition-shadow duration-300"> <div class="p-6 md:p-8"> <div class="flex items-start gap-4 mb-4"> <div class="w-12 h-12 bg-pink-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-3">Sentuhan Lembut</h3> <p class="text-gray-700"> Sentuhan fisik adalah cara penting untuk membangun kedekatan. Usap kepala, tangan, atau kaki bayi dengan lembut saat menyusui. Sentuhan ini memberikan rasa nyaman dan memperkuat ikatan antara ibu dan bayi. </p> </div> </div> </div> </div> <!-- Tips Box --> <div class="bg-gradient-to-br from-pink-50 to-white p-8 rounded-2xl"> <h2 class="text-2xl font-bold text-gray-900 mb-6">Tips Menciptakan Suasana yang Tepat</h2> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="space-y-4"> <div class="flex items-center gap-3"> <span class="w-6 h-6 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0 text-pink-600 font-bold text-sm">1</span> <span class="text-gray-700">Pilih tempat yang nyaman dan tenang</span> </div> <div class="flex items-center gap-3"> <span class="w-6 h-6 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0 text-pink-600 font-bold text-sm">2</span> <span class="text-gray-700">Atur pencahayaan yang lembut</span> </div> </div> <div class="space-y-4"> <div class="flex items-center gap-3"> <span class="w-6 h-6 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0 text-pink-600 font-bold text-sm">3</span> <span class="text-gray-700">Minimalisir gangguan dari gadget</span> </div> <div class="flex items-center gap-3"> <span class="w-6 h-6 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0 text-pink-600 font-bold text-sm">4</span> <span class="text-gray-700">Gunakan bantal menyusui yang nyaman</span> </div> </div> </div> </div> <!-- Additional Tips Cards --> <div class="grid grid-cols-1 md:grid-cols-2 gap-6"> <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-xl">🎵</span> </div> <div> <h3 class="font-bold text-gray-900 mb-2">Berbicara atau Bernyanyi</h3> <p class="text-gray-700 text-sm">Suara lembut ibu memberikan rasa aman dan nyaman pada bayi</p> </div> </div> </div> <div class="bg-white p-6 rounded-2xl shadow-sm border border-gray-100"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-pink-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="text-xl">💝</span> </div> <div> <h3 class="font-bold text-gray-900 mb-2">Pelukan Hangat</h3> <p class="text-gray-700 text-sm">Berikan pelukan hangat sebelum dan sesudah menyusui</p> </div> </div> </div> </div> <!-- Conclusion --> <div class="bg-pink-50 rounded-2xl p-6 md:p-8"> <h2 class="text-2xl font-bold text-gray-900 mb-4">Ingatlah Selalu</h2> <p class="text-gray-700"> Setiap momen menyusui adalah kesempatan berharga untuk membangun ikatan dengan si kecil. Nikmati setiap detiknya dengan penuh cinta dan kesabaran. Bonding yang kuat akan memberikan dampak positif bagi perkembangan emosional bayi di masa depan. </p> </div> <!-- Call to Action --> <div class="bg-gradient-to-r from-pink-500 to-pink-600 rounded-2xl p-6 md:p-8 text-center"> <h2 class="text-2xl font-bold text-white mb-4">Butuh Bantuan Lebih Lanjut?</h2> <p class="text-pink-100 mb-6"> Konsultasikan dengan ahli kami untuk mendapatkan panduan yang lebih personal </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="/konsultasi" class="bg-white text-pink-600 px-6 py-3 rounded-xl font-semibold hover:bg-pink-50 transition-colors duration-300"> Konsultasi Gratis </a> <a href="/artikel-parenting" class="bg-pink-600 text-white px-6 py-3 rounded-xl font-semibold border border-white hover:bg-pink-700 transition-colors duration-300"> Artikel Parenting Lainnya </a> </div> </div> <!-- Action Steps --> <div class="space-y-6 mb-12"> <div class="bg-white rounded-xl p-6 shadow-sm"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="font-bold text-blue-600">1</span> </div> <div> <h3 class="font-bold text-gray-800 mb-2">Mendampingi Konsultasi</h3> <p class="text-gray-600">Ikut serta dalam konsultasi dengan tenaga kesehatan</p> </div> </div> </div> <div class="bg-white rounded-xl p-6 shadow-sm"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="font-bold text-blue-600">2</span> </div> <div> <h3 class="font-bold text-gray-800 mb-2">Bantu Perawatan Bayi</h3> <p class="text-gray-600">Aktif dalam pengasuhan dan perawatan bayi</p> </div> </div> </div> <div class="bg-white rounded-xl p-6 shadow-sm"> <div class="flex items-start gap-4"> <div class="w-10 h-10 bg-blue-100 rounded-full flex items-center justify-center flex-shrink-0"> <span class="font-bold text-blue-600">3</span> </div> <div> <h3 class="font-bold text-gray-800 mb-2">Jaga Kesehatan Ibu</h3> <p class="text-gray-600">Pastikan ibu mendapat nutrisi dan istirahat cukup</p> </div> </div> </div> </div> <!-- Call to Action --> <div class="bg-gradient-to-r from-pink-500 to-pink-600 rounded-2xl p-6 md:p-8 text-center"> <h2 class="text-2xl font-bold text-white mb-4">Butuh Bantuan Lebih Lanjut?</h2> <p class="text-pink-100 mb-6"> Konsultasikan dengan ahli kami untuk mendapatkan panduan yang lebih personal </p> <div class="flex flex-col sm:flex-row gap-4 justify-center"> <a href="/konsultasi" class="bg-white text-pink-600 px-6 py-3 rounded-xl font-semibold hover:bg-pink-50 transition-colors duration-300"> Konsultasi Gratis </a> <a href="/artikel-parenting" class="bg-pink-600 text-white px-6 py-3 rounded-xl font-semibold border border-white hover:bg-pink-700 transition-colors duration-300"> Artikel Parenting Lainnya </a> </div> </div> </div> </div>
