Kisah Rasulullah - Paket Edukasi Anak Muslim Bahagia
KEKHAWATIRAN ORANG TUA
Wajar kok, kita semua ingin yang terbaik untuk si kecil.
Asyik dengan Gadget
Anak lebih hafal karakter game atau YouTuber daripada Nabi Muhammad SAW.
Buku Agama Kurang Seru
Buku yang ada terlalu serius, berat, dan layout-nya monoton.
Bingung Mulai Dari Mana
Kita tidak tahu cara menyampaikan kisah Nabi agar menarik bagi anak.
SOLUSI CERIA UNTUK KELUARGA
Media edukasi yang mengenalkan Rasulullah secara menyenangkan, bahkan untuk anak yang anti-buku.
Bukan Sekadar Buku Biasa.
Ini adalah paket lengkap untuk membangun kecintaan anak pada Nabi Muhammad SAW melalui media yang mereka sukai.
Buku Full Colour 72 Halaman: Visual menarik dengan kertas Artpaper premium.
12 Video Kisah Seru (180 Menit): Animasi dan narasi yang membuat anak bertualang.
Komik Strip & Kuis Interaktif: Memastikan anak tidak hanya mendengar, tapi juga paham.
MANFAAT UNTUK KELUARGA
π Bacaan Sebelum Tidur Jadi Bermakna
Kisah Rasulullah yang ringan membuat anak semangat minta dibacakan.
π₯ Screen Time Jadi Berkualitas
Anak tetap nonton, tapi kali ini mereka belajar tentang Rasulullah.
π§ Anak Lebih Paham
Kuis di akhir cerita membantu anak mengingat dan meneladani kisah.
π¨βπ§ Bahan Bonding Keluarga
Menjadi "jembatan cerita" untuk ngobrolin nilai-nilai baik.
Setiap kisah dilengkapi komik strip yang membuat anak betah membaca dan mudah memahami alur cerita.
π Kalau ada cara seru untuk mengenalkan Rasulullah ke anak, inilah medianya.
Bukan sekadar bacaan, tapi pengalaman yang akan mereka kenang.
Dapatkan Sekarang
Cerita tulus dari mereka yang sudah merasakan manfaatnya.
βAnak saya yang biasanya susah baca buku, langsung tertarik lihat komiknya. Sekarang malah dia yang minta diceritain kisah Nabi tiap malam!β
βAnak jadi asik baca, banyak ilustrasi dan video kisahnya. Kita juga bisa cek pemahaman anak dengan kuis interaktifnya.β
"MasyaAllah, bukunya bagus banget. Anak saya jadi lebih kenal dan cinta sama Rasulullah. Bahasanya mudah dimengerti, gambarnya juga menarik. Recommended!"
Semua yang Anda butuhkan untuk mengenalkan si kecil pada sosok teladan terbaik.
Apa Saja yang Ada di Dalam Paket?
π
Buku Kisah Rosulullah
72 halaman full color, dengan ilustrasi dan komik strip menarik.
π₯
12 Video Kisah
Total durasi Β±180 menit, membuat cerita lebih hidup dan mudah diingat oleh anak.
π
25 Kuis Interaktif
Untuk menguji pemahaman anak dan membuat proses belajar lebih menyenangkan.
π
Worksheet Aku Anak Sholeh
1000+ Lembar aktivitas kreatif dalam format PDF untuk melatih motorik dan kreativitas anak.
π¬
Grup WhatsApp Support & Kajian
Wadah diskusi dan kajian rutin seputar Siroh & Parenting bersama para ahli.
π
Bonus: Akses Kelas Parenting Online
Dapatkan rekaman kelas parenting eksklusif bersama Ka Eka Wardhana (Penulis):
Rekaman Zoom: Krisis Idola Pada Anak
Rekaman Zoom: Pentingnya Berkisah Pada Anak
Rekaman Zoom: Menumbuhkan Minat Baca
Bisa Bayar di Tempat (COD)!
Buku Kisah Rosulullah & Khulafaur Rasyidin
Bisa Bayar di Tempat (COD)!
Produk ini cocok untuk usia berapa? Ideal untuk anak usia 5β12 tahun. Tapi bahkan orang tua & guru juga sering pakai ini untuk bahan mendongeng dan mengisi kelas anak-anak.
Aman gak buat anak yang belum bisa baca? Sangat aman. Mereka bisa menikmati video dan ilustrasi sambil belajar dari narasi orang tua. Banyak yang pakai ini sebagai bahan bonding sebelum tidur.
Bisa digunakan di sekolah atau TPQ? Bisa banget! Sudah digunakan oleh banyak guru PAUD, TK, dan SD Islam untuk pengajaran siroh nabawiyah. Komik dan kuis sangat membantu guru.
Apakah bukunya cetakan asli atau digital? Ini buku fisik berkualitas tinggi (artpaper 150 gram, full colour), bukan ebook. Sangat cocok jadi hadiah dan koleksi keluarga muslim.
π Kalau bukan sekarang kenalkan Rasulullah ke anak, lalu kapan?
Berikan mereka idola terbaik β bukan lewat ceramah, tapi lewat kisah seru yang penuh cinta.
Dapatkan Sekarang
© 2024 Kisah Rasulullah. All rights reserved.
{"page":{"_id":"68b171ba204951137d5e1e10","title":"rosul","sections":{"byId":{"3eab":{"_id":"3eab","key":"section","name":"Section 1","attributes":{"style":{"position":"initial","marginTop":"0px","paddingTop":"0px","paddingBottom":"0px","paddingLeft":"0px","paddingRight":"0px","width":"100%","alignSelf":"center","backgroundImage":"","backgroundColor":"#FFFFFFFF","color":"#000000FF","desktop":{"paddingTop":"0px","paddingBottom":"0px"},"tablet":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"},"mobile":{"paddingTop":"0px","paddingBottom":"0px","marginTop":"0px"}},"width":"xl","background":true,"backgroundImageStyle":"None","backgroundVideo":false,"backgroundVideoUrl":"","shadowOverride":false,"borderOverride":false,"cornerOverride":false,"border":false,"corner":false,"shadow":false,"className":"","dirty":null},"components":{"byId":{"Qf6w":{"_id":"Qf6w","key":"other-html","name":"HTML","attributes":{"htmlstring":"<!DOCTYPE html>\n<html lang=\"id\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Kisah Rasulullah - Paket Edukasi Anak Muslim Bahagia</title>\n \n <!-- Preconnect to essential origins -->\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link rel=\"preconnect\" href=\"https://www.sirohakademia.com\">\n\n <!-- Preload the main hero image and the font file -->\n <link rel=\"preload\" as=\"image\" href=\"https://www.sirohakademia.com/wp-content/uploads/2024/02/Foto-Testimoni-10.jpg\">\n <link rel=\"preload\" href=\"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap\" as=\"style\" onload=\"this.onload=null;this.rel='stylesheet'\">\n\n <!-- Load Tailwind CSS -->\n <script src=\"https://cdn.tailwindcss.com\"></script>\n\n <link href=\"https://ekawardhana.form.id/css/app.css\" rel=\"stylesheet\"/>\n\n <!-- Meta Pixel Code -->\n <script>\n !function(f,b,e,v,n,t,s)\n {if(f.fbq)return;n=f.fbq=function(){n.callMethod?\n n.callMethod.apply(n,arguments):n.queue.push(arguments)};\n if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';\n n.queue=[];t=b.createElement(e);t.async=!0;\n t.src=v;s=b.getElementsByTagName(e)[0];\n s.parentNode.insertBefore(t,s)}(window, document,'script',\n 'https://connect.facebook.net/en_US/fbevents.js');\n fbq('init', '1917904735442668');\n fbq('track', 'PageView');\n </script>\n <noscript><img height=\"1\" width=\"1\" style=\"display:none\"\n src=\"https://www.facebook.com/tr?id=1917904735442668&ev=PageView&noscript=1\"\n /></noscript>\n <!-- End Meta Pixel Code -->\n\n <style>\n body {\n font-family: 'Inter', sans-serif;\n scroll-behavior: smooth;\n background-color: #f0f9ff; /* Light blue background */\n color: #1f2937;\n }\n .container {\n margin-left: auto;\n margin-right: auto;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n }\n .text-center {\n text-align: center;\n }\n .cta-button {\n display: inline-block;\n transition: transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.39); /* Blue shadow */\n background-color: #3b82f6; /* Blue-500 */\n color: white;\n font-weight: 700;\n padding: .75rem 2rem;\n border-radius: 9999px;\n font-size: 1.125rem;\n }\n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px 0 rgba(59, 130, 246, 0.23); /* Lighter blue shadow on hover */\n }\n .gradient-bg {\n background: linear-gradient(135deg, #fef9c3, #dbeafe); /* Pastel Yellow to Light Blue */\n }\n details > summary {\n list-style: none;\n }\n details > summary::-webkit-details-marker {\n display: none;\n }\n details .faq-arrow {\n transition: transform 0.3s ease-in-out;\n }\n details[open] .faq-arrow {\n transform: rotate(180deg);\n }\n </style>\n</head>\n<body class=\"text-gray-800\">\n\n <!-- 1. Hero Section -->\n <header class=\"gradient-bg pt-4 md:pt-20 pb-16 md:pb-24\">\n <div class=\"container mx-auto px-6 text-center\">\n <span class=\"text-sm font-bold uppercase text-blue-600 bg-blue-100 px-3 py-1 rounded-full\">IDOLA TERBAIK UNTUK ANAK</span>\n <h1 class=\"text-3xl sm:text-4xl md:text-6xl font-extrabold text-gray-900 mt-2 sm:mt-4 mb-4 sm:mb-6 leading-tight\">\n Bantu Anak Mengenal & Mencintai Rasulullah Sejak Dini\n <span class=\"block text-blue-500 font-bold text-xl sm:text-2xl md:text-5xl mt-1 sm:mt-2\">Teladan Terbaik Untuk Anak Kita</span>\n </h1>\n <p class=\"max-w-3xl mx-auto text-sm sm:text-lg md:text-xl text-gray-600 mb-6 sm:mb-10\">\n Lewat kisah seru yang penuh adab dan keteladanan, bukan hanya dari gadget dan tokoh-tokoh fiksi.\n </p>\n <div class=\"mt-8 sm:mt-12\">\n <img src=\"https://www.sirohakademia.com/wp-content/uploads/2024/02/Foto-Testimoni-10.jpg\" alt=\"Keluarga Muslim membaca buku bersama dengan bahagia\" class=\"mx-auto rounded-2xl shadow-2xl w-full max-w-[39.2rem]\" width=\"800\" height=\"450\" decoding=\"async\" fetchpriority=\"high\" onerror=\"this.onerror=null;this.src='https://placehold.co/800x450/dbeafe/3b82f6?text=Gambar+Bahagia';\">\n </div>\n <a href=\"#special-offer\" class=\"cta-button mt-6 sm:mt-8\">\n Dapatkan Solusinya\n </a>\n </div>\n </header>\n\n <main>\n <!-- 2. Problem Section -->\n <section id=\"problem\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <span class=\"text-sm font-bold uppercase text-yellow-600 bg-yellow-100 px-3 py-1 rounded-full\">KEKHAWATIRAN ORANG TUA</span>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900 mt-4\">Ayah Bunda, Merasa Seperti Ini?</h2>\n <p class=\"max-w-2xl mx-auto text-lg text-gray-600 mt-4\">Wajar kok, kita semua ingin yang terbaik untuk si kecil.</p>\n </div>\n <div class=\"grid md:grid-cols-3 gap-8 text-center\">\n <!-- Problem Cards with Yellow Theme -->\n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-gray-100\">\n <div class=\"mx-auto bg-yellow-100 rounded-full w-16 h-16 flex items-center justify-center mb-4\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-8 h-8 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10.5 1.5H8.25A2.25 2.25 0 0 0 6 3.75v16.5a2.25 2.25 0 0 0 2.25 2.25h7.5A2.25 2.25 0 0 0 18 20.25V3.75a2.25 2.25 0 0 0-2.25-2.25H13.5m-3 0V3h3V1.5m-3 0h3m-3 18.75h3\" /></svg></div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Asyik dengan Gadget</h3>\n <p class=\"text-gray-600\">Anak lebih hafal karakter game atau YouTuber daripada Nabi Muhammad SAW.</p>\n </div>\n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-gray-100\">\n <div class=\"mx-auto bg-yellow-100 rounded-full w-16 h-16 flex items-center justify-center mb-4\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-8 h-8 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 6.042A8.967 8.967 0 0 0 6 3.75c-1.052 0-2.062.18-3 .512v14.25A8.987 8.987 0 0 1 6 18c2.305 0 4.408.867 6 2.292m0-14.25a8.966 8.966 0 0 1 6-2.292c1.052 0 2.062.18 3 .512v14.25A8.987 8.987 0 0 0 18 18a8.967 8.967 0 0 0-6-2.292m0 0V3.75m0 12.558a8.967 8.967 0 0 1-6 2.292c-1.052 0-2.062-.18-3-.512v-14.25c.938-.332 1.948-.512 3-.512a8.967 8.967 0 0 1 6 2.292m0 0v14.25\" /></svg></div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Buku Agama Kurang Seru</h3>\n <p class=\"text-gray-600\">Buku yang ada terlalu serius, berat, dan layout-nya monoton.</p>\n </div>\n <div class=\"bg-white p-8 rounded-2xl shadow-lg border border-gray-100\">\n <div class=\"mx-auto bg-yellow-100 rounded-full w-16 h-16 flex items-center justify-center mb-4\"><svg xmlns=\"http://www.w3.org/2000/svg\" class=\"w-8 h-8 text-yellow-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z\" /></svg></div>\n <h3 class=\"text-xl font-bold text-gray-900 mb-2\">Bingung Mulai Dari Mana</h3>\n <p class=\"text-gray-600\">Kita tidak tahu cara menyampaikan kisah Nabi agar menarik bagi anak.</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- 3. Solution Section -->\n <section id=\"solution\" class=\"py-16 md:py-24 bg-blue-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <span class=\"text-sm font-bold uppercase text-blue-600 bg-blue-100 px-3 py-1 rounded-full\">SOLUSI CERIA UNTUK KELUARGA</span>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900 mt-4\">Hadir Untuk Anda: Paket Buku + Video Kisah Rasulullah</h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600 mt-4\">Media edukasi yang mengenalkan Rasulullah secara menyenangkan, bahkan untuk anak yang anti-buku.</p>\n </div>\n <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n <div>\n <img loading=\"lazy\" decoding=\"async\" src=\"https://www.sirohakademia.com/wp-content/uploads/2025/08/buku-kiSAH-ROSULULLAH-SC.jpeg\" alt=\"Mockup Buku dan Video Kisah Rasulullah yang ceria\" class=\"rounded-2xl shadow-2xl w-full\" width=\"600\" height=\"700\" onerror=\"this.onerror=null;this.src='https://placehold.co/600x700/dbeafe/3b82f6?text=Gambar+Produk';\">\n </div>\n <div class=\"space-y-6\">\n <h3 class=\"text-2xl font-bold text-gray-900\">Bukan Sekadar Buku Biasa.</h3>\n <p class=\"text-lg text-gray-600\">Ini adalah paket lengkap untuk membangun kecintaan anak pada Nabi Muhammad SAW melalui media yang mereka sukai.</p>\n <ul class=\"space-y-4\">\n <li class=\"flex items-start\"><div class=\"flex-shrink-0 h-6 w-6 text-blue-500 mt-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\" clip-rule=\"evenodd\" /></svg></div><p class=\"ml-3 text-gray-700\"><span class=\"font-bold\">Buku Full Colour 72 Halaman:</span> Visual menarik dengan kertas Artpaper premium.</p></li>\n <li class=\"flex items-start\"><div class=\"flex-shrink-0 h-6 w-6 text-blue-500 mt-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\" clip-rule=\"evenodd\" /></svg></div><p class=\"ml-3 text-gray-700\"><span class=\"font-bold\">12 Video Kisah Seru (180 Menit):</span> Animasi dan narasi yang membuat anak bertualang.</p></li>\n <li class=\"flex items-start\"><div class=\"flex-shrink-0 h-6 w-6 text-blue-500 mt-1\"><svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"w-6 h-6\"><path fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\" clip-rule=\"evenodd\" /></svg></div><p class=\"ml-3 text-gray-700\"><span class=\"font-bold\">Komik Strip & Kuis Interaktif:</span> Memastikan anak tidak hanya mendengar, tapi juga paham.</p></li>\n </ul>\n </div>\n </div>\n </div>\n </section>\n\n <!-- Benefit Section -->\n <section id=\"benefits\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <span class=\"text-sm font-bold uppercase text-yellow-600 bg-yellow-100 px-3 py-1 rounded-full\">MANFAAT UNTUK KELUARGA</span>\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900 mt-4\">Investasi Terbaik untuk Akhlak Anak</h2>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-8\">\n <div class=\"bg-blue-50 p-6 rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300\">\n <h3 class=\"text-lg font-bold text-gray-900\">π Bacaan Sebelum Tidur Jadi Bermakna</h3>\n <p class=\"text-gray-600 mt-2\">Kisah Rasulullah yang ringan membuat anak semangat minta dibacakan.</p>\n </div>\n <div class=\"bg-blue-50 p-6 rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300\">\n <h3 class=\"text-lg font-bold text-gray-900\">π₯ Screen Time Jadi Berkualitas</h3>\n <p class=\"text-gray-600 mt-2\">Anak tetap nonton, tapi kali ini mereka belajar tentang Rasulullah.</p>\n </div>\n <div class=\"bg-blue-50 p-6 rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300\">\n <h3 class=\"text-lg font-bold text-gray-900\">π§ Anak Lebih Paham</h3>\n <p class=\"text-gray-600 mt-2\">Kuis di akhir cerita membantu anak mengingat dan meneladani kisah.</p>\n </div>\n <div class=\"bg-blue-50 p-6 rounded-xl shadow-md hover:shadow-xl transition-shadow duration-300\">\n <h3 class=\"text-lg font-bold text-gray-900\">π¨βπ§ Bahan Bonding Keluarga</h3>\n <p class=\"text-gray-600 mt-2\">Menjadi \"jembatan cerita\" untuk ngobrolin nilai-nilai baik.</p>\n </div>\n </div>\n </div>\n </section>\n\n <!-- Comic Strip Section -->\n <section id=\"comic-strip\" class=\"py-16 md:py-24 gradient-bg\">\n <div class=\"container mx-auto px-6 text-center\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900\">Intip Serunya Komik Strip di Dalam Buku!</h2>\n <p class=\"max-w-2xl mx-auto text-lg text-gray-600 mt-4 mb-10\">Setiap kisah dilengkapi komik strip yang membuat anak betah membaca dan mudah memahami alur cerita.</p>\n <div class=\"grid md:grid-cols-2 gap-8\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https://www.sirohakademia.com/wp-content/uploads/2025/08/komikstrip2.jpg\" alt=\"Contoh Komik Strip dari Buku Kisah Rasulullah\" class=\"mx-auto rounded-2xl shadow-2xl w-full\" width=\"1024\" height=\"768\" onerror=\"this.onerror=null;this.src='https://placehold.co/1024x768/dbeafe/3b82f6?text=Contoh+Komik+Strip';\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https://www.sirohakademia.com/wp-content/uploads/2025/08/komikstrip1.jpg\" alt=\"Contoh Komik Strip lainnya dari Buku Kisah Rasulullah\" class=\"mx-auto rounded-2xl shadow-2xl w-full\" width=\"1024\" height=\"768\" onerror=\"this.onerror=null;this.src='https://placehold.co/1024x768/dbeafe/3b82f6?text=Contoh+Komik+Strip';\">\n </div>\n </div>\n </section>\n\n <!-- Statement & CTA -->\n <section class=\"bg-blue-600 text-white py-16\">\n <div class=\"container mx-auto px-6 text-center\">\n <p class=\"text-2xl md:text-3xl font-bold mb-6\">π Kalau ada cara seru untuk mengenalkan Rasulullah ke anak, inilah medianya.</p>\n <p class=\"text-lg text-blue-100 mb-8\">Bukan sekadar bacaan, tapi pengalaman yang akan mereka kenang.</p>\n <a href=\"#special-offer\" class=\"inline-block bg-white text-blue-600 font-bold py-4 px-10 rounded-full text-xl shadow-lg hover:bg-gray-100 transition duration-300 ease-in-out hover:-translate-y-0.5 hover:shadow-xl\">\n Dapatkan Sekarang\n </a>\n </div>\n </section>\n \n <!-- Testimonials Section -->\n <section id=\"testimonials\" class=\"py-16 md:py-24 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900\">Apa Kata Orang Tua Hebat Lainnya?</h2>\n <p class=\"max-w-2xl mx-auto text-lg text-gray-600 mt-4\">Cerita tulus dari mereka yang sudah merasakan manfaatnya.</p>\n </div>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\n <div class=\"bg-blue-50 p-8 rounded-2xl border border-blue-100 flex flex-col\"><p class=\"text-gray-700 text-lg italic flex-grow\">βAnak saya yang biasanya susah baca buku, langsung tertarik lihat komiknya. Sekarang malah dia yang minta diceritain kisah Nabi tiap malam!β</p><div class=\"mt-6 flex items-center\"><img loading=\"lazy\" decoding=\"async\" src=\"https://placehold.co/48x48/e0e7ff/4338ca?text=BI\" alt=\"Testimoni dari Bunda Ika\" class=\"w-12 h-12 rounded-full\" width=\"48\" height=\"48\"><div class=\"ml-4\"><p class=\"font-bold text-gray-900\">Bunda Ika</p><p class=\"text-gray-500\">Bandung</p></div></div></div>\n <div class=\"bg-blue-50 p-8 rounded-2xl border border-blue-100 flex flex-col\"><p class=\"text-gray-700 text-lg italic flex-grow\">βAnak jadi asik baca, banyak ilustrasi dan video kisahnya. Kita juga bisa cek pemahaman anak dengan kuis interaktifnya.β</p<div class=\"mt-6 flex items-center\"><img loading=\"lazy\" decoding=\"async\" src=\"https://placehold.co/48x48/fee2e2/991b1b?text=BV\" alt=\"Testimoni dari Bunda Vina\" class=\"w-12 h-12 rounded-full\" width=\"48\" height=\"48\"><div class=\"ml-4\"><p class=\"font-bold text-gray-900\">Bunda Vina</p><p class=\"text-gray-500\">Jakarta</p></div></div></div>\n <div class=\"bg-blue-50 p-8 rounded-2xl border border-blue-100 flex flex-col\"><p class=\"text-gray-700 text-lg italic flex-grow\">\"MasyaAllah, bukunya bagus banget. Anak saya jadi lebih kenal dan cinta sama Rasulullah. Bahasanya mudah dimengerti, gambarnya juga menarik. Recommended!\"</p><div class=\"mt-6 flex items-center\"><img loading=\"lazy\" decoding=\"async\" src=\"https://placehold.co/48x48/dcfce7/166534?text=AD\" alt=\"Testimoni dari Ayah Doni\" class=\"w-12 h-12 rounded-full\" width=\"48\" height=\"48\"><div class=\"ml-4\"><p class=\"font-bold text-gray-900\">Ayah Doni</p><p class=\"text-gray-500\">Surabaya</p></div></div></div>\n </div>\n </div>\n </section>\n\n <!-- Special Offer Section -->\n <section id=\"special-offer\" class=\"py-16 md:py-24 gradient-bg\">\n <div class=\"container mx-auto px-6\">\n <div class=\"text-center mb-16\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900\">Dapatkan Paket Lengkap & Penawaran Terbaik!</h2>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-600 mt-4\">Semua yang Anda butuhkan untuk mengenalkan si kecil pada sosok teladan terbaik.</p>\n </div>\n <div class=\"grid lg:grid-cols-2 gap-12 items-start\">\n <!-- Left Column: Product Details -->\n <div class=\"text-left\">\n <h3 class=\"text-2xl font-bold text-gray-900 mb-6 text-center lg:text-left\">Apa Saja yang Ada di Dalam Paket?</h3>\n \n <img loading=\"lazy\" decoding=\"async\" src=\"https://www.sirohakademia.com/wp-content/uploads/2025/08/spesifik-rosul.webp\" alt=\"Spesifikasi Paket Kisah Rasulullah\" class=\"rounded-xl shadow-lg w-full mb-8\" width=\"800\" height=\"800\" onerror=\"this.onerror=null;this.src='https://placehold.co/800x800/dbeafe/3b82f6?text=Spesifikasi+Produk';\">\n\n <div class=\"space-y-6\">\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">Buku Kisah Rosulullah</h4>\n <p class=\"text-gray-700\">72 halaman full color, dengan ilustrasi dan komik strip menarik.</p>\n </div>\n </div>\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π₯</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">12 Video Kisah</h4>\n <p class=\"text-gray-700\">Total durasi Β±180 menit, membuat cerita lebih hidup dan mudah diingat oleh anak.</p>\n </div>\n </div>\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">25 Kuis Interaktif</h4>\n <p class=\"text-gray-700\">Untuk menguji pemahaman anak dan membuat proses belajar lebih menyenangkan.</p>\n </div>\n </div>\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">Worksheet Aku Anak Sholeh</h4>\n <p class=\"text-gray-700\">1000+ Lembar aktivitas kreatif dalam format PDF untuk melatih motorik dan kreativitas anak.</p>\n </div>\n </div>\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π¬</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">Grup WhatsApp Support & Kajian</h4>\n <p class=\"text-gray-700\">Wadah diskusi dan kajian rutin seputar Siroh & Parenting bersama para ahli.</p>\n </div>\n </div>\n <div class=\"flex items-start\">\n <span class=\"text-3xl mr-4\">π</span>\n <div>\n <h4 class=\"font-bold text-lg text-gray-900\">Bonus: Akses Kelas Parenting Online</h4>\n <p class=\"text-gray-700 mb-2\">Dapatkan rekaman kelas parenting eksklusif bersama Ka Eka Wardhana (Penulis):</p>\n <ul class=\"list-disc list-inside text-gray-600 space-y-1\">\n <li>Rekaman Zoom: Krisis Idola Pada Anak</li>\n <li>Rekaman Zoom: Pentingnya Berkisah Pada Anak</li>\n <li>Rekaman Zoom: Menumbuhkan Minat Baca</li>\n </ul>\n </div>\n </div>\n </div>\n </div>\n <!-- Right Column: Special Offer with Form -->\n <div class=\"bg-white p-8 md:p-10 rounded-2xl shadow-2xl border border-gray-200 text-center lg:sticky lg:top-8\">\n <div class=\"pb-8\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold text-gray-900\">Promo Buku Kisah Rosulullah</h2>\n <div id=\"countdown\" class=\"text-center my-4\"></div>\n <div class=\"my-6\">\n <p class=\"text-lg text-gray-500 line-through\">Harga Normal: Rp149.000</p>\n <p class=\"text-4xl font-extrabold text-blue-600 my-2\">Rp99.000</p>\n </div>\n \n <!-- === Arrow Added === -->\n <div class=\"flex justify-center animate-bounce mb-2\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-8 w-8 text-blue-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" />\n </svg>\n </div>\n\n <mengantar-form-widget id=\"mengantar-form-widget\" url=\"buku-kisah-rosulullah\" domain=\"ekawardhana.form.id\" embed=\"true\"\n settings='{\"type\": \"page\", \n \"popupButtonText\": \"Klik untuk pemesanan\",\n \"popupText\": \"Form Pemesanan\",\n \"popupButtonColor\": \"#2e47ba\",\n \"redirectTo\": \"https://ekawardhana.form.id\",\n \"isFbPixel\": \"true\",\n \"isHideBackground\": \"true\",\n \"isNoMargin\": \"false\",\n \"isGtm\": \"true\"}'\n ></mengantar-form-widget>\n <script src=\"https://ekawardhana.form.id/app.js\"></script>\n <style type=\"text/css\">\n #app{background-color:transparent !important;text-align:left} .embed-sealHide, .embed-leftHide, .bottom-bar-text{display:none !important;} .embed-rightHide{flex: 0 0 100% !important; width: 100% !important; max-width:100% !important; margin:auto;} .embed-bgHide{box-shadow:none !important; background:transparent; border:none !important; padding: 1px 20px !important; margin:0;} .embed-topSpace{margin:auto !important;} .embed-wrapper{height: auto !important; overflow:initial !important;} .embed-notopMargin{margin:0 !important; .embed-gap{gap: 10px !important;}}\n </style>\n \n <!-- === COD Note Added === -->\n <div class=\"mt-4 text-center text-green-700 text-lg font-semibold flex items-center justify-center\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <span>Bisa Bayar di Tempat (COD)!</span>\n </div>\n </div>\n\n <div class=\"pt-8 border-t-2 border-dashed border-gray-300\">\n <h2 class=\"text-2xl md:text-3xl font-extrabold text-gray-900\">\n π₯ Penawaran Bundling Spesial! π₯\n </h2>\n <p class=\"mt-2 text-lg text-gray-600\">Buku Kisah Rosulullah & Khulafaur Rasyidin</p>\n \n <img loading=\"lazy\" decoding=\"async\" src=\"https://www.sirohakademia.com/wp-content/uploads/2025/08/cropped-Foto-Testimoni-6-1_1_11zon.webp\" alt=\"Bundling Buku Kisah Rosulullah & Khulafaur Rasyidin\" class=\"mx-auto rounded-lg shadow-lg my-4 w-full max-w-sm\">\n\n <div class=\"my-6\">\n <p class=\"text-lg text-gray-500 line-through\">Harga: Rp745.000</p>\n <p class=\"text-4xl font-extrabold text-green-600 my-2\">Jadi Rp396.000</p>\n </div>\n\n <!-- Arrow for second form -->\n <div class=\"flex justify-center animate-bounce mb-2\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-8 w-8 text-green-600\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"3\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" />\n </svg>\n </div>\n \n <link href=\"https://ekawardhana.form.id/css/app.css\" rel=\"stylesheet\"/>\n <mengantar-form-widget id=\"mengantar-form-widget-bundling\" url=\"bundling\" domain=\"ekawardhana.form.id\" embed=\"true\"\n settings='{\"type\": \"page\", \n \"popupButtonText\": \"Klik untuk pemesanan\",\n \"popupText\": \"Form Pemesanan\",\n \"popupButtonColor\": \"#2e47ba\",\n \"redirectTo\": \"https://ekawardhana.form.id\",\n \"isFbPixel\": \"true\",\n \"isHideBackground\": \"true\",\n \"isNoMargin\": \"false\",\n \"isGtm\": \"true\"}'\n ></mengantar-form-widget>\n <script src=\"https://ekawardhana.form.id/app.js\"></script>\n <style type=\"text/css\">\n #app{background-color:transparent !important;text-align:left} .embed-sealHide, .embed-leftHide, .bottom-bar-text{display:none !important;} .embed-rightHide{flex: 0 0 100% !important; width: 100% !important; max-width:100% !important; margin:auto;} .embed-bgHide{box-shadow:none !important; background:transparent; border:none !important; padding: 1px 20px !important; margin:0;} .embed-topSpace{margin:auto !important;} .embed-wrapper{height: auto !important; overflow:initial !important;} .embed-notopMargin{margin:0 !important; .embed-gap{gap: 10px !important;}}\n </style>\n \n <!-- COD note for second form -->\n <div class=\"mt-4 text-center text-green-700 text-lg font-semibold flex items-center justify-center\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-6 w-6 mr-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" />\n </svg>\n <span>Bisa Bayar di Tempat (COD)!</span>\n </div>\n </div>\n\n </div>\n </div>\n </div>\n </section>\n\n <!-- FAQ Section -->\n <section id=\"faq\" class=\"py-16 md:py-24 bg-blue-50\">\n <div class=\"container mx-auto px-6 max-w-4xl\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-4xl font-extrabold text-gray-900\">Pertanyaan yang Sering Diajukan</h2>\n </div>\n <div class=\"space-y-4\">\n <details class=\"p-6 bg-white rounded-lg shadow-sm cursor-pointer\" open><summary class=\"font-bold text-lg text-gray-900 flex justify-between items-center\">Produk ini cocok untuk usia berapa?<svg class=\"w-5 h-5 text-gray-500 faq-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"></path></svg></summary><p class=\"text-gray-600 mt-4\">Ideal untuk anak usia 5β12 tahun. Tapi bahkan orang tua & guru juga sering pakai ini untuk bahan mendongeng dan mengisi kelas anak-anak.</p></details>\n <details class=\"p-6 bg-white rounded-lg shadow-sm cursor-pointer\"><summary class=\"font-bold text-lg text-gray-900 flex justify-between items-center\">Aman gak buat anak yang belum bisa baca?<svg class=\"w-5 h-5 text-gray-500 faq-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"></path></svg></summary><p class=\"text-gray-600 mt-4\">Sangat aman. Mereka bisa menikmati video dan ilustrasi sambil belajar dari narasi orang tua. Banyak yang pakai ini sebagai bahan bonding sebelum tidur.</p></details>\n <details class=\"p-6 bg-white rounded-lg shadow-sm cursor-pointer\"><summary class=\"font-bold text-lg text-gray-900 flex justify-between items-center\">Bisa digunakan di sekolah atau TPQ?<svg class=\"w-5 h-5 text-gray-500 faq-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"></path></svg></summary><p class=\"text-gray-600 mt-4\">Bisa banget! Sudah digunakan oleh banyak guru PAUD, TK, dan SD Islam untuk pengajaran siroh nabawiyah. Komik dan kuis sangat membantu guru.</p></details>\n <details class=\"p-6 bg-white rounded-lg shadow-sm cursor-pointer\"><summary class=\"font-bold text-lg text-gray-900 flex justify-between items-center\">Apakah bukunya cetakan asli atau digital?<svg class=\"w-5 h-5 text-gray-500 faq-arrow\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\"></path></svg></summary><p class=\"text-gray-600 mt-4\">Ini buku fisik berkualitas tinggi (artpaper 150 gram, full colour), bukan ebook. Sangat cocok jadi hadiah dan koleksi keluarga muslim.</p></details>\n </div>\n </div>\n </section>\n\n <!-- Closing Statement -->\n <footer class=\"bg-gray-900 text-white py-16\">\n <div class=\"container mx-auto px-6 text-center\">\n <p class=\"text-2xl md:text-3xl font-bold mb-4 text-white\">π Kalau bukan sekarang kenalkan Rasulullah ke anak, lalu kapan?</p>\n <p class=\"max-w-3xl mx-auto text-lg text-gray-300 mb-8\">Berikan mereka idola terbaik β bukan lewat ceramah, tapi lewat kisah seru yang penuh cinta.</p>\n <a href=\"#special-offer\" class=\"cta-button inline-block bg-blue-500 text-white font-bold py-4 px-10 rounded-full text-xl shadow-lg hover:bg-blue-600\">Dapatkan Sekarang</a>\n <div class=\"mt-12 text-gray-500 text-sm\"><p>© 2024 Kisah Rasulullah. All rights reserved.</p></div>\n </div>\n </footer>\n </main>\n\n <!-- Custom scripts -->\n <script defer>\n function initCountdown() {\n const countdownElement = document.getElementById('countdown');\n if (!countdownElement) return;\n \n let countDownDate = new Date();\n countDownDate.setDate(countDownDate.getDate() + 2);\n\n const updateTimer = () => {\n const now = new Date().getTime();\n const distance = countDownDate - now;\n \n if (distance < 0) {\n countdownElement.innerHTML = \"<div class='text-red-600 font-bold text-2xl'>PROMO TELAH BERAKHIR</div>\";\n clearInterval(intervalId);\n return;\n }\n \n const days = Math.floor(distance / (1000 * 60 * 60 * 24));\n const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));\n const minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));\n const seconds = Math.floor((distance % (1000 * 60)) / 1000);\n \n countdownElement.innerHTML = `<p class=\"text-lg font-semibold text-gray-700\">Promo Berakhir Dalam:</p><div class=\"mt-2 flex justify-center space-x-1 sm:space-x-2\">` +\n `<div class=\"bg-blue-100 text-blue-700 px-2 sm:px-3 py-1 rounded-md\"><span class=\"text-xl sm:text-2xl font-bold\">${String(days).padStart(2, '0')}</span><span class=\"text-xs block\">Hari</span></div>` +\n `<div class=\"bg-blue-100 text-blue-700 px-2 sm:px-3 py-1 rounded-md\"><span class=\"text-xl sm:text-2xl font-bold\">${String(hours).padStart(2, '0')}</span><span class=\"text-xs block\">Jam</span></div>` +\n `<div class=\"bg-blue-100 text-blue-700 px-2 sm:px-3 py-1 rounded-md\"><span class=\"text-xl sm:text-2xl font-bold\">${String(minutes).padStart(2, '0')}</span><span class=\"text-xs block\">Menit</span></div>` +\n `<div class=\"bg-blue-100 text-blue-700 px-2 sm:px-3 py-1 rounded-md\"><span class=\"text-xl sm:text-2xl font-bold\">${String(seconds).padStart(2, '0')}</span><span class=\"text-xs block\">Detik</span></div>` +\n `</div>`;\n };\n \n const intervalId = setInterval(updateTimer, 1000);\n updateTimer(); // initial call\n }\n\n // Run scripts after the page is interactive\n document.addEventListener('DOMContentLoaded', () => {\n initCountdown();\n });\n </script>\n</body>\n</html>\n\n","portalselector":"html-head","inhead":false,"overrideStyle":{"shadow":{"default":{}}},"dynamicStyleKey":[],"dirty":null},"components":{"byId":{},"allIds":[]}}},"allIds":["Qf6w"]}}},"allIds":["3eab"]},"slug":"rosul","state":"publish","userUuid":"603f9f43d50c2f125caf94b4","publishSlug":"rosul","slugName":"sirohakademia","isOriginal":true,"isABTesting":false,"canvas":"2","autoSave":false,"index":true,"settings":{"boost":true},"permalink":"https://sirohakademia.buat.page/undefined","pageContentId":"68b171ba204951137d5e1e12"},"pixel":{"_id":"68c3d0b5d73c4ffde69dca1b","pixel":{"tiktok":{"autoPageView":false,"byId":{},"allIds":[]},"facebook":{"autoPageView":false,"byId":{"wnUI":{"id":"1189864678739531","name":"siroh akademia 12m","_id":"wnUI"}},"allIds":["wnUI"]},"snackvideo":{"autoPageView":false,"byId":{},"allIds":[]},"googletagmanager":{"autoPageView":false,"byId":{},"allIds":[]},"_id":"68c3d0b59a08578fd691347c"}}}