CINXE.COM
SABDA AI
<!doctype html> <html lang="id"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>SABDA AI</title> <!-- Tailwind CSS --> <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { extend: { colors: { primary: "#427aa1", dark: "#064789", light: "#ebf2fa" }, }, }, }; </script> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap" rel="stylesheet"> <style type="text/tailwindcss"> .font-Lexend { font-family: "Lexend", serif; } </style> <!-- Custom Styles --> <!-- <link href="https://ai.sabda.org/styles/output.css" rel="stylesheet"> --> <!-- Remix Icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.min.css" crossorigin="anonymous"/> <!-- Swiper CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/> <!-- GLightbox CSS --> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/glightbox/dist/css/glightbox.min.css" /> <!-- jQuery --> <script src="https://code.jquery.com/jquery-3.7.1.min.js" crossorigin="anonymous"></script> <!-- GLightbox JS --> <script src="https://cdn.jsdelivr.net/gh/mcstudios/glightbox/dist/js/glightbox.min.js"></script> </head> <body class="font-Lexend"> <main> <!-- Navigation Bar --> <header class='shadow-md bg-light font-sans tracking-wide z-50 sticky top-0'> <section class="flex items-center justify-center flex-wrap gap-5 relative py-3 sm:px-10 px-4 border-gray-200 border-b lg:min-h-[80px] max-lg:min-h-[60px]"> <a href="javascript:void(0)"> <img src="https://ai.sabda.org/images/logo.png" alt="logo" class="md:w-[170px] w-32" /> </a> </section> <div class='flex flex-wrap py-3.5 px-10 overflow-x-auto'> <div id="collapseMenu" class='w-full max-lg:hidden lg:!block max-lg:before:fixed max-lg:before:bg-black max-lg:before:opacity-50 max-lg:before:inset-0 max-lg:before:z-50'> <button id="toggleClose" class='lg:hidden fixed top-2 right-4 z-[100] rounded-full bg-white w-9 h-9 flex items-center justify-center border'> <svg xmlns="http://www.w3.org/2000/svg" class="w-3.5 h-3.5 fill-black" viewBox="0 0 320.591 320.591"> <path d="M30.391 318.583a30.37 30.37 0 0 1-21.56-7.288c-11.774-11.844-11.774-30.973 0-42.817L266.643 10.665c12.246-11.459 31.462-10.822 42.921 1.424 10.362 11.074 10.966 28.095 1.414 39.875L51.647 311.295a30.366 30.366 0 0 1-21.256 7.288z" data-original="#000000"></path> <path d="M287.9 318.583a30.37 30.37 0 0 1-21.257-8.806L8.83 51.963C-2.078 39.225-.595 20.055 12.143 9.146c11.369-9.736 28.136-9.736 39.504 0l259.331 257.813c12.243 11.462 12.876 30.679 1.414 42.922-.456.487-.927.958-1.414 1.414a30.368 30.368 0 0 1-23.078 7.288z" data-original="#000000"></path> </svg> </button> <ul class='lg:flex lg:justify-center lg:gap-x-10 max-lg:space-y-3 max-lg:fixed max-lg:bg-white max-lg:w-1/2 max-lg:min-w-[300px] max-lg:top-0 max-lg:left-0 max-lg:p-6 max-lg:h-full max-lg:shadow-md max-lg:overflow-auto z-50'> <li class='mb-6 hidden max-lg:block'> <a href="javascript:void(0)"><img src="https://ai.sabda.org/images/logo.png" alt="logo" class='w-36' /> </a> </li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/' class='hover:text-[#007bff] text-[#007bff] font-bold text-[15px] block'>Home</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/event' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Event</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/article' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Article</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/gptstore' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>AI Tools</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/komunitas' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>Community</a></li> <li class='max-lg:border-b max-lg:py-3'><a href='https://ai.sabda.org/about' class='hover:text-[#007bff] text-gray-500 font-bold text-[15px] block'>About</a></li> </ul> </div> <div class='flex ml-auto lg:hidden'> <button id="toggleOpen"> <svg class="w-7 h-7" fill="#000" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path> </svg> </button> </div> </div> </header> <!-- Hero --> <section class="font-sans max-w-6xl max-md:max-w-md mx-auto p-4"> <div class="grid md:grid-cols-2 items-center md:gap-8 gap-6"> <div class="max-md:order-1 max-md:text-center"> <p class="text-sm font-bold text-blue-600 mb-2"> Yayasan Lembaga SABDA</p> <h2 class="text-gray-800 md:text-5xl text-3xl font-extrabold mb-4 md:!leading-[55px]">IT-4-GOD,<br>AI-4-GOD!</h2> <p class="mt-4 text-base text-gray-600 leading-relaxed">SABDA menciptakan dunia di mana teknologi dan AI digunakan untuk membantu komunitas Kristen di Indonesia untuk pelayanan dan penginjilan.</p> <!-- <div class="mt-8 space-x-4"> <button type='button' class="bg-blue-600 hover:bg-transparent hover:text-blue-600 border-2 border-blue-600 transition-all text-white font-semibold tracking-wide text-sm rounded-full px-6 py-2.5">Get started</button> </div> --> <!-- <hr class="mt-8 border-gray-300" /> --> </div> <div class="lg:h-[650px] md:h-[550px] flex items-center relative max-md:before:hidden before:absolute before:bg-blue-200 before:h-full before:w-3/4 before:right-0 before:z-0"> <img src="https://images.unsplash.com/flagged/photo-1564401398070-9a0ec00bd38a?q=80&w=1587&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D" class="rounded-md lg:w-3/4 md:w-11/12 z-0 relative md:block hidden" alt="Dining Experience" /> </div> </div> </section> <!-- Events --> <section class="max-w-screen-xl mx-auto p-5 sm:p-10 md:p-16"> <div class="border-b mb-5 flex justify-between text-sm"> <div class="text-indigo-600 flex items-center pb-2 pr-2 border-b-2 border-indigo-600 uppercase"> <svg class="h-6 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <rect x="3" y="4" width="18" height="16" rx="2" ry="2"></rect> <line x1="16" y1="2" x2="16" y2="6"></line> <line x1="8" y1="2" x2="8" y2="6"></line> <line x1="3" y1="10" x2="21" y2="10"></line> </svg> <a href="https://ai.sabda.org/event" class="font-semibold inline-block">Events</a> </div> <a href="https://ai.sabda.org/event#ai_talks" class="block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600"> Lihat seluruhnya -> </a> </div> <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-10"> <!-- CARD 1 --> <div class="rounded overflow-hidden shadow-lg flex flex-col"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_prompting_untuk_pa"></a> <div class="relative"><a href="https://ai.sabda.org/event?id=aitalks_ai_dan_prompting_untuk_pa"> <img class="w-full" src="https://static.sabda.org/live/brosur/Biblical_Habits/thumb/Biblical_Habits_20250317_AITalks_AI_dan_Prompting_Untuk_PA_Thumb.jpg" alt="Sunset in the mountains"> <div class="hover:bg-gray-900 transition duration-300 absolute bottom-0 top-0 right-0 left-0 bg-transparent opacity-25"> </div> </a> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_prompting_untuk_pa"> <div class="text-xs absolute top-0 right-0 bg-indigo-600 px-4 py-2 text-white mt-3 mr-3 hover:bg-white hover:text-indigo-600 transition duration-500 ease-in-out"> AITalks </div> </a> </div> <div class="px-6 py-4 mb-auto"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_prompting_untuk_pa" class="font-medium text-lg hover:text-indigo-600 transition duration-500 ease-in-out inline-block mb-2">AITalks: AI dan Prompting Untuk PA</a> <p class="text-gray-500 text-sm"> Seiring dengan pesatnya perkembangan teknologi AI, cara mempelajari Alkitab pun semakin canggih.... </p> </div> <div class="px-6 py-3 flex flex-row items-center justify-between bg-gray-100"> <a target="_blank" href="https://www.youtube.com/embed/A1rdpc0y2_I" class="py-1 text-xs font-regular text-gray-900 mr-1 flex flex-row items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M19.6069 6.99482C19.5307 6.69695 19.3152 6.47221 19.0684 6.40288C18.6299 6.28062 16.501 6 12.001 6C7.50098 6 5.37252 6.28073 4.93225 6.40323C4.68776 6.47123 4.4723 6.69593 4.3951 6.99482C4.2863 7.41923 4.00098 9.19595 4.00098 12C4.00098 14.804 4.2863 16.5808 4.3954 17.0064C4.47126 17.3031 4.68676 17.5278 4.93251 17.5968C5.37252 17.7193 7.50098 18 12.001 18C16.501 18 18.6299 17.7194 19.0697 17.5968C19.3142 17.5288 19.5297 17.3041 19.6069 17.0052C19.7157 16.5808 20.001 14.8 20.001 12C20.001 9.2 19.7157 7.41923 19.6069 6.99482ZM21.5442 6.49818C22.001 8.28 22.001 12 22.001 12C22.001 12 22.001 15.72 21.5442 17.5018C21.2897 18.4873 20.547 19.2618 19.6056 19.5236C17.8971 20 12.001 20 12.001 20C12.001 20 6.10837 20 4.39637 19.5236C3.45146 19.2582 2.70879 18.4836 2.45774 17.5018C2.00098 15.72 2.00098 12 2.00098 12C2.00098 12 2.00098 8.28 2.45774 6.49818C2.71227 5.51273 3.45495 4.73818 4.39637 4.47636C6.10837 4 12.001 4 12.001 4C12.001 4 17.8971 4 19.6056 4.47636C20.5505 4.74182 21.2932 5.51636 21.5442 6.49818ZM10.001 15.5V8.5L16.001 12L10.001 15.5Z"></path></svg> <span class="ml-1">Lihat Video</span> </a> </div> </div> <!-- CARD 1 --> <div class="rounded overflow-hidden shadow-lg flex flex-col"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_lent"></a> <div class="relative"><a href="https://ai.sabda.org/event?id=aitalks_ai_dan_lent"> <img class="w-full" src="https://static.sabda.org/live/brosur/Biblical_Habits/thumb/Biblical_Habits_20250303_AITalks_AI_dan_Lent_Thumb.jpg" alt="Sunset in the mountains"> <div class="hover:bg-gray-900 transition duration-300 absolute bottom-0 top-0 right-0 left-0 bg-transparent opacity-25"> </div> </a> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_lent"> <div class="text-xs absolute top-0 right-0 bg-indigo-600 px-4 py-2 text-white mt-3 mr-3 hover:bg-white hover:text-indigo-600 transition duration-500 ease-in-out"> AITalks </div> </a> </div> <div class="px-6 py-4 mb-auto"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_lent" class="font-medium text-lg hover:text-indigo-600 transition duration-500 ease-in-out inline-block mb-2">AITalks: AI dan Lent</a> <p class="text-gray-500 text-sm"> Apa itu Lent? Lent adalah masa 40 hari menjelang Paskah. Apa saja yang dilakukan? Bagaimana... </p> </div> <div class="px-6 py-3 flex flex-row items-center justify-between bg-gray-100"> <a target="_blank" href="https://www.youtube.com/embed/jzeazDezXy4" class="py-1 text-xs font-regular text-gray-900 mr-1 flex flex-row items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M19.6069 6.99482C19.5307 6.69695 19.3152 6.47221 19.0684 6.40288C18.6299 6.28062 16.501 6 12.001 6C7.50098 6 5.37252 6.28073 4.93225 6.40323C4.68776 6.47123 4.4723 6.69593 4.3951 6.99482C4.2863 7.41923 4.00098 9.19595 4.00098 12C4.00098 14.804 4.2863 16.5808 4.3954 17.0064C4.47126 17.3031 4.68676 17.5278 4.93251 17.5968C5.37252 17.7193 7.50098 18 12.001 18C16.501 18 18.6299 17.7194 19.0697 17.5968C19.3142 17.5288 19.5297 17.3041 19.6069 17.0052C19.7157 16.5808 20.001 14.8 20.001 12C20.001 9.2 19.7157 7.41923 19.6069 6.99482ZM21.5442 6.49818C22.001 8.28 22.001 12 22.001 12C22.001 12 22.001 15.72 21.5442 17.5018C21.2897 18.4873 20.547 19.2618 19.6056 19.5236C17.8971 20 12.001 20 12.001 20C12.001 20 6.10837 20 4.39637 19.5236C3.45146 19.2582 2.70879 18.4836 2.45774 17.5018C2.00098 15.72 2.00098 12 2.00098 12C2.00098 12 2.00098 8.28 2.45774 6.49818C2.71227 5.51273 3.45495 4.73818 4.39637 4.47636C6.10837 4 12.001 4 12.001 4C12.001 4 17.8971 4 19.6056 4.47636C20.5505 4.74182 21.2932 5.51636 21.5442 6.49818ZM10.001 15.5V8.5L16.001 12L10.001 15.5Z"></path></svg> <span class="ml-1">Lihat Video</span> </a> <a target="_blank" href="https://static.sabda.org/live/Biblical_Habits/20250303_MLC_AITalks_AI_dan_Lent.mp3" class="py-1 text-xs font-regular text-gray-900 mr-1 flex flex-row items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5ZM4 5V19H20V7H11.5858L9.58579 5H4ZM11 13.05V9H16V11H13V15.5C13 16.8807 11.8807 18 10.5 18C9.11929 18 8 16.8807 8 15.5C8 14.1193 9.11929 13 10.5 13C10.6712 13 10.8384 13.0172 11 13.05Z"></path></svg> <span class="ml-1">Dengarkan Audio</span> </a> </div> </div> <!-- CARD 1 --> <div class="rounded overflow-hidden shadow-lg flex flex-col"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_bible_translation"></a> <div class="relative"><a href="https://ai.sabda.org/event?id=aitalks_ai_dan_bible_translation"> <img class="w-full" src="https://static.sabda.org/live/brosur/Biblical_Habits/thumb/Biblical_Habits_20250217_AITalks_Bible_Translation_Thumb.jpg" alt="Sunset in the mountains"> <div class="hover:bg-gray-900 transition duration-300 absolute bottom-0 top-0 right-0 left-0 bg-transparent opacity-25"> </div> </a> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_bible_translation"> <div class="text-xs absolute top-0 right-0 bg-indigo-600 px-4 py-2 text-white mt-3 mr-3 hover:bg-white hover:text-indigo-600 transition duration-500 ease-in-out"> AITalks </div> </a> </div> <div class="px-6 py-4 mb-auto"> <a href="https://ai.sabda.org/event?id=aitalks_ai_dan_bible_translation" class="font-medium text-lg hover:text-indigo-600 transition duration-500 ease-in-out inline-block mb-2">AITalks: AI dan Bible Translation</a> <p class="text-gray-500 text-sm"> Indonesia memiliki 700+ bahasa suku. Namun, baru ada sekitar 200 bahasa yang memiliki terjemahan... </p> </div> <div class="px-6 py-3 flex flex-row items-center justify-between bg-gray-100"> <a target="_blank" href="https://www.youtube.com/embed/w3WqVzbhDYQ" class="py-1 text-xs font-regular text-gray-900 mr-1 flex flex-row items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="currentColor"><path d="M19.6069 6.99482C19.5307 6.69695 19.3152 6.47221 19.0684 6.40288C18.6299 6.28062 16.501 6 12.001 6C7.50098 6 5.37252 6.28073 4.93225 6.40323C4.68776 6.47123 4.4723 6.69593 4.3951 6.99482C4.2863 7.41923 4.00098 9.19595 4.00098 12C4.00098 14.804 4.2863 16.5808 4.3954 17.0064C4.47126 17.3031 4.68676 17.5278 4.93251 17.5968C5.37252 17.7193 7.50098 18 12.001 18C16.501 18 18.6299 17.7194 19.0697 17.5968C19.3142 17.5288 19.5297 17.3041 19.6069 17.0052C19.7157 16.5808 20.001 14.8 20.001 12C20.001 9.2 19.7157 7.41923 19.6069 6.99482ZM21.5442 6.49818C22.001 8.28 22.001 12 22.001 12C22.001 12 22.001 15.72 21.5442 17.5018C21.2897 18.4873 20.547 19.2618 19.6056 19.5236C17.8971 20 12.001 20 12.001 20C12.001 20 6.10837 20 4.39637 19.5236C3.45146 19.2582 2.70879 18.4836 2.45774 17.5018C2.00098 15.72 2.00098 12 2.00098 12C2.00098 12 2.00098 8.28 2.45774 6.49818C2.71227 5.51273 3.45495 4.73818 4.39637 4.47636C6.10837 4 12.001 4 12.001 4C12.001 4 17.8971 4 19.6056 4.47636C20.5505 4.74182 21.2932 5.51636 21.5442 6.49818ZM10.001 15.5V8.5L16.001 12L10.001 15.5Z"></path></svg> <span class="ml-1">Lihat Video</span> </a> <a target="_blank" href="https://static.sabda.org/live/Biblical_Habits/20250217_MLC_AITalks_AI_dan_Bible_Translation..mp3" class="py-1 text-xs font-regular text-gray-900 mr-1 flex flex-row items-center"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M12.4142 5H21C21.5523 5 22 5.44772 22 6V20C22 20.5523 21.5523 21 21 21H3C2.44772 21 2 20.5523 2 20V4C2 3.44772 2.44772 3 3 3H10.4142L12.4142 5ZM4 5V19H20V7H11.5858L9.58579 5H4ZM11 13.05V9H16V11H13V15.5C13 16.8807 11.8807 18 10.5 18C9.11929 18 8 16.8807 8 15.5C8 14.1193 9.11929 13 10.5 13C10.6712 13 10.8384 13.0172 11 13.05Z"></path></svg> <span class="ml-1">Dengarkan Audio</span> </a> </div> </div> </div> </section> <!-- Roadshow Latest - Start --> <section class="max-w-screen-xl mx-auto p-5 sm:p-10 md:p-16"> <div class="border-b mb-5 flex justify-between text-sm"> <div class="text-indigo-600 flex items-center pb-2 pr-2 border-b-2 border-indigo-600 uppercase"> <svg class="h-6 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <rect x="3" y="4" width="18" height="16" rx="2" ry="2"></rect> <line x1="16" y1="2" x2="16" y2="6"></line> <line x1="8" y1="2" x2="8" y2="6"></line> <line x1="3" y1="10" x2="21" y2="10"></line> </svg> <a href="https://ai.sabda.org/event" class="font-semibold inline-block">Latest AI Roadshow</a> </div> <a href="https://ai.sabda.org/event#arsip_roadshow" class="block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600"> Lihat seluruhnya -> </a> </div> <ol class="relative border-s border-gray-200 "> <li class="mb-10 ms-4"> <div class="absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white"></div> <time class="mb-1 text-sm font-normal leading-none text-gray-400">22 March 2025</time> <h3 class="text-lg font-semibold text-gray-900">Perkantas & GKJ Samirono Baru</h3> <p class="mb-4 text-base font-normal">Unduh semua materi <a href="https://drive.google.com/drive/folders/1HTJ07T8cxskVqMP3B6d0hd0PMlDcrKeX?usp=sharing" target="_blank" class="underline decoration-sky-500">disini</a>.</p> <a href="" target="_blank" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-100 focus:text-blue-700">Roadshow AI-4-GOD! FULL Session</a> <a href="https://drive.google.com/file/d/1D8Kui-Tq0F43pXBKZUP4VOaoj4nV7Dqz/preview" target="_blank" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-100 focus:text-blue-700">Pengenalan AI</a> <a href="https://drive.google.com/file/d/1YUsF9OeIHMfkEUDXPcBZ8NmjwUD8OjjJ/preview" target="_blank" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-100 focus:text-blue-700">F.O.K.U.S.</a> <a href="https://drive.google.com/file/d/1zpDuFTiyTDc5pl3-IvAvJzIv64IGK9so/preview" target="_blank" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-100 focus:text-blue-700">AI Squared</a> <a href="https://drive.google.com/file/d/1inqpKv_0F7QbnKQE-dnVNYTv-QtzjKnu/preview" target="_blank" class="inline-flex items-center px-4 py-2 text-sm font-medium text-gray-900 bg-white border border-gray-200 rounded-lg hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:outline-none focus:ring-gray-100 focus:text-blue-700">Alkitab GPT, BaDeNo AI, Media</a> </li> </ol> </section> <!-- Roadshow Latest - End --> <!-- AI Tools Slider --> <section class="max-w-screen-xl mx-auto p-5 sm:p-10 md:p-16"> <div class="border-b mb-5 flex justify-between text-sm"> <div class="text-indigo-600 flex items-center pb-2 pr-2 border-b-2 border-indigo-600 uppercase"> <svg class="h-6 mr-3" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <rect x="3" y="3" width="18" height="18" rx="2" ry="2"></rect> <path d="M9 9h6v6H9z"></path> <path d="M15 3v3M9 3v3M15 18v3M9 18v3M3 9h3M3 15h3M18 9h3M18 15h3"></path> </svg> <a href="https://ai.sabda.org/gptstore" class="font-semibold inline-block">AI Tools</a> </div> <a href="https://ai.sabda.org/gptstore" class="block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600"> Lihat seluruhnya -> </a> </div> <div class="mt-10 grid grid-cols-2 gap-6 lg:mt-16 lg:grid-cols-4 lg:gap-4"> <a href="javascript:void(0);" onclick="openModal('modal-0')" class="cursor-pointer"> <article class="relative"> <div class="aspect-square overflow-hidden"> <img class="group-hover:scale-125 h-full w-full object-cover transition-all duration-300" src="https://gpt.sabda.org/images/me.jpg" alt="Alkitab GPT (AI Bible)" /> </div> <div class="absolute top-0 m-1 rounded-full bg-white"> <!-- Badge NEW jika diperlukan --> </div> <div class="mt-4 flex items-start justify-center"> <div class="text-center"> <h3 class="text-xs font-semibold sm:text-sm md:text-base">Alkitab GPT (AI Bible)<span class="absolute" aria-hidden="true"></span></h3> </div> </div> </article> </a> <!-- Modal untuk setiap item --> <div id="modal-0" class="fixed inset-0 z-50 hidden flex items-start justify-center bg-black bg-opacity-50 overflow-auto"> <div class="relative w-full max-w-sm p-4 sm:py-10 sm:px-6 bg-white rounded-lg fade-in shadow-lg md:max-w-md lg:max-w-lg mt-10"> <div class="max-h-screen overflow-auto"> <img src="https://gpt.sabda.org/images/me.jpg" alt="Alkitab GPT (AI Bible)" class="w-full h-48 object-cover rounded" /> <div class="p-4"> <h3 class="text-xl font-bold text-gray-800">Alkitab GPT (AI Bible)</h3> <span class="text-sm block text-gray-400 mb-2">Alat bantu, asisten, teman untuk belajar Alkitab dengan teknologi AI.</span> <hr class="my-4" /> <p class="text-gray-400 text-sm pb-2"> Alkitab GPT (Bible Man) adalah teknologi AI yang dirancang untuk menjadi alat, asisten, teman dalam melakukan studi Alkitab bagi tubuh Kristus di Indonesia untuk mendapatkan pengalaman studi Alkitab yang fun, mendalam, bertanggung jawab, dan relevan. </p> <a href="https://chatgpt.com/g/g-QjHkF2IEk-alkitab-gpt-bible-man" target="_blank" type="button" class="px-5 py-2.5 w-full rounded-lg text-sm tracking-wider font-medium border border-current outline-none bg-blue-700 hover:bg-transparent text-white hover:text-blue-700 transition-all duration-300"> Coba sekarang! </a> <hr class="my-4" /> <span class="text-sm block text-gray-400 mb-2">Contoh penggunaan:</span> <a href="https://chatgpt.com/share/674d1fdd-fc50-800c-8983-e6e72daad31c" target="_blank" type="button" class="px-5 py-2.5 rounded-lg text-sm tracking-wider font-medium border border-blue-700 outline-none bg-transparent hover:bg-blue-700 text-blue-700 hover:text-white transition-all duration-300"> Studi Alkitab (Lukas 1) </a> </div> </div> <button onclick="closeModal('modal-0')" class="absolute top-2 right-5 text-gray-500 hover:text-gray-800 text-lg sm:text-2xl">×</button> </div> </div> <a href="javascript:void(0);" onclick="openModal('modal-1')" class="cursor-pointer"> <article class="relative"> <div class="aspect-square overflow-hidden"> <img class="group-hover:scale-125 h-full w-full object-cover transition-all duration-300" src="https://static.sabda.org/all/mlc_gpt.png" alt="SABDA MLC GPT (Ministry Learning Center)" /> </div> <div class="absolute top-0 m-1 rounded-full bg-white"> <!-- Badge NEW jika diperlukan --> </div> <div class="mt-4 flex items-start justify-center"> <div class="text-center"> <h3 class="text-xs font-semibold sm:text-sm md:text-base">SABDA MLC GPT (Ministry Learning Center)<span class="absolute" aria-hidden="true"></span></h3> </div> </div> </article> </a> <!-- Modal untuk setiap item --> <div id="modal-1" class="fixed inset-0 z-50 hidden flex items-start justify-center bg-black bg-opacity-50 overflow-auto"> <div class="relative w-full max-w-sm p-4 sm:py-10 sm:px-6 bg-white rounded-lg fade-in shadow-lg md:max-w-md lg:max-w-lg mt-10"> <div class="max-h-screen overflow-auto"> <img src="https://static.sabda.org/all/mlc_gpt.png" alt="SABDA MLC GPT (Ministry Learning Center)" class="w-full h-48 object-cover rounded" /> <div class="p-4"> <h3 class="text-xl font-bold text-gray-800">SABDA MLC GPT (Ministry Learning Center)</h3> <span class="text-sm block text-gray-400 mb-2">SABDA MLC GPT (Ministry Learning Center) adalah teknologi AI yang dirancang untuk menjadi teman, alat bantu, dan asisten dalam melakukan pembelajaran dari bahan-bahan SABDA yang berdasar pada Alkitab.</span> <hr class="my-4" /> <p class="text-gray-400 text-sm pb-2"> </p> <a href="https://chatgpt.com/g/g-pOneyN3OI-mlc-gpt-ministry-learning-center" target="_blank" type="button" class="px-5 py-2.5 w-full rounded-lg text-sm tracking-wider font-medium border border-current outline-none bg-blue-700 hover:bg-transparent text-white hover:text-blue-700 transition-all duration-300"> Coba sekarang! </a> </div> </div> <button onclick="closeModal('modal-1')" class="absolute top-2 right-5 text-gray-500 hover:text-gray-800 text-lg sm:text-2xl">×</button> </div> </div> <a href="javascript:void(0);" onclick="openModal('modal-2')" class="cursor-pointer"> <article class="relative"> <div class="aspect-square overflow-hidden"> <img class="group-hover:scale-125 h-full w-full object-cover transition-all duration-300" src="https://static.sabda.org/all/christian_counseling_logo.jpg" alt="Christian Counseling GPT" /> </div> <div class="absolute top-0 m-1 rounded-full bg-white"> <!-- Badge NEW jika diperlukan --> </div> <div class="mt-4 flex items-start justify-center"> <div class="text-center"> <h3 class="text-xs font-semibold sm:text-sm md:text-base">Christian Counseling GPT<span class="absolute" aria-hidden="true"></span></h3> </div> </div> </article> </a> <!-- Modal untuk setiap item --> <div id="modal-2" class="fixed inset-0 z-50 hidden flex items-start justify-center bg-black bg-opacity-50 overflow-auto"> <div class="relative w-full max-w-sm p-4 sm:py-10 sm:px-6 bg-white rounded-lg fade-in shadow-lg md:max-w-md lg:max-w-lg mt-10"> <div class="max-h-screen overflow-auto"> <img src="https://static.sabda.org/all/christian_counseling_logo.jpg" alt="Christian Counseling GPT" class="w-full h-48 object-cover rounded" /> <div class="p-4"> <h3 class="text-xl font-bold text-gray-800">Christian Counseling GPT</h3> <span class="text-sm block text-gray-400 mb-2">Konseling GPT adalah custom GPT yang dirancang sebagai teman bagi mereka yang ingin bercerita tentang masalah hidup. Dilatih dengan berbagai versi Alkitab dari SABDA, Konseling GPT memberikan ayat-ayat firman Tuhan yang relevan melalui percakapan yang mereka lakukan.</span> <hr class="my-4" /> <p class="text-gray-400 text-sm pb-2"> </p> <a href="https://chatgpt.com/g/g-OC8IVWamp-christian-counseling-gpt" target="_blank" type="button" class="px-5 py-2.5 w-full rounded-lg text-sm tracking-wider font-medium border border-current outline-none bg-blue-700 hover:bg-transparent text-white hover:text-blue-700 transition-all duration-300"> Coba sekarang! </a> </div> </div> <button onclick="closeModal('modal-2')" class="absolute top-2 right-5 text-gray-500 hover:text-gray-800 text-lg sm:text-2xl">×</button> </div> </div> <a href="javascript:void(0);" onclick="openModal('modal-3')" class="cursor-pointer"> <article class="relative"> <div class="aspect-square overflow-hidden"> <img class="group-hover:scale-125 h-full w-full object-cover transition-all duration-300" src="https://static.sabda.org/all/christian_counselor_logo.jpg" alt="Christian Counselor Resources" /> </div> <div class="absolute top-0 m-1 rounded-full bg-white"> <!-- Badge NEW jika diperlukan --> </div> <div class="mt-4 flex items-start justify-center"> <div class="text-center"> <h3 class="text-xs font-semibold sm:text-sm md:text-base">Christian Counselor Resources<span class="absolute" aria-hidden="true"></span></h3> </div> </div> </article> </a> <!-- Modal untuk setiap item --> <div id="modal-3" class="fixed inset-0 z-50 hidden flex items-start justify-center bg-black bg-opacity-50 overflow-auto"> <div class="relative w-full max-w-sm p-4 sm:py-10 sm:px-6 bg-white rounded-lg fade-in shadow-lg md:max-w-md lg:max-w-lg mt-10"> <div class="max-h-screen overflow-auto"> <img src="https://static.sabda.org/all/christian_counselor_logo.jpg" alt="Christian Counselor Resources" class="w-full h-48 object-cover rounded" /> <div class="p-4"> <h3 class="text-xl font-bold text-gray-800">Christian Counselor Resources</h3> <span class="text-sm block text-gray-400 mb-2">Asisten Konselor Kristen adalah asisten konselor berbasis AI yang dikembangkan oleh Yayasan Lembaga SABDA berdasarkan ratusan dataset bahan-bahan konselor Kristen yang terpercaya, untuk mendukung pelayanan konselor Kristen di Indonesia.</span> <hr class="my-4" /> <p class="text-gray-400 text-sm pb-2"> </p> <a href="https://chatgpt.com/g/g-KqBp3ecKE-christian-counselor-resources" target="_blank" type="button" class="px-5 py-2.5 w-full rounded-lg text-sm tracking-wider font-medium border border-current outline-none bg-blue-700 hover:bg-transparent text-white hover:text-blue-700 transition-all duration-300"> Coba sekarang! </a> </div> </div> <button onclick="closeModal('modal-3')" class="absolute top-2 right-5 text-gray-500 hover:text-gray-800 text-lg sm:text-2xl">×</button> </div> </div> </div> </section> <!-- Article --> <section class="max-w-screen-xl mx-auto p-5 sm:p-10 md:p-16"> <div class="border-b mb-5 flex justify-between items-center text-sm"> <!-- Kategori Artikel dengan Ikon yang Lebih Relevan --> <div class="text-indigo-600 flex items-center pb-2 pr-2 border-b-2 border-indigo-600 uppercase"> <svg class="h-6 w-6 mr-3 text-indigo-600" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 8h10M7 12h6m-6 4h10M5 4a2 2 0 00-2 2v12a2 2 0 002 2h14a2 2 0 002-2V6a2 2 0 00-2-2H5z"/> </svg> <a href="https://ai.sabda.org/article" class="font-semibold inline-block">Artikel</a> </div> <!-- Link Lihat Seluruhnya --> <a href="https://ai.sabda.org/article" class="block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600 transition-all"> Lihat seluruhnya -> </a> </div> <div class="flex flex-wrap -mx-4"> <div class="w-full max-w-full mb-8 sm:w-1/2 px-4 lg:w-1/3 flex flex-col"> <!-- <img src="https://source.unsplash.com/Lki74Jj7H-U/400x300" alt="Card img" class="object-cover object-center w-full h-48" /> --> <div class="flex flex-grow"> <div class="triangle"></div> <div class="flex flex-col justify-between px-4 py-6 bg-white border border-gray-400 text"> <div> <a href="https://ai.sabda.org/article?category=AI4Mission/Ministry" class="inline-block mb-4 text-xs font-bold capitalize border-b-2 border-blue-600 hover:text-blue-600">AI4Mission/Ministry</a> <a href="https://ai.sabda.org/article?id=para_pendeta_jangan_biarkan_ketakutan_anda_terhadap_ai_menyababkan_anda_kehilangan_momen_ini_kata_para_ahli" class="block mb-4 text-2xl font-black leading-tight hover:underline hover:text-blue-600"> Para Pendeta, Jangan Biarkan Ketakutan Anda Terhadap AI Menyebabkan Anda Kehilangan Momen Ini, Kata Para Ahli </a> <p class="mb-4"> Para pendeta dan pemimpin gereja yang khawatir akan kecerdasan buatan (AI) memiliki alasan yang ... </p> </div> <div> <a href="https://ai.sabda.org/article?id=para_pendeta_jangan_biarkan_ketakutan_anda_terhadap_ai_menyababkan_anda_kehilangan_momen_ini_kata_para_ahli" class="inline-block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600">Read More -></a> </div> </div> </div> </div> <div class="w-full max-w-full mb-8 sm:w-1/2 px-4 lg:w-1/3 flex flex-col"> <!-- <img src="https://source.unsplash.com/Lki74Jj7H-U/400x300" alt="Card img" class="object-cover object-center w-full h-48" /> --> <div class="flex flex-grow"> <div class="triangle"></div> <div class="flex flex-col justify-between px-4 py-6 bg-white border border-gray-400 text"> <div> <a href="https://ai.sabda.org/article?category=AI4General" class="inline-block mb-4 text-xs font-bold capitalize border-b-2 border-blue-600 hover:text-blue-600">AI4General</a> <a href="https://ai.sabda.org/article?id=pertarungan_teknologi_besar_untuk_memperebutkan_kepercayaan_dan_keyakinan_anak_anda" class="block mb-4 text-2xl font-black leading-tight hover:underline hover:text-blue-600"> Pertarungan Teknologi Besar untuk Memperebutkan Kepercayaan dan Perhatian Anak Anda </a> <p class="mb-4"> Saya pernah mendengar orang berkata bahwa remaja masa kini lebih terhubung dari sebelumnya, ... </p> </div> <div> <a href="https://ai.sabda.org/article?id=pertarungan_teknologi_besar_untuk_memperebutkan_kepercayaan_dan_keyakinan_anak_anda" class="inline-block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600">Read More -></a> </div> </div> </div> </div> <div class="w-full max-w-full mb-8 sm:w-1/2 px-4 lg:w-1/3 flex flex-col"> <!-- <img src="https://source.unsplash.com/Lki74Jj7H-U/400x300" alt="Card img" class="object-cover object-center w-full h-48" /> --> <div class="flex flex-grow"> <div class="triangle"></div> <div class="flex flex-col justify-between px-4 py-6 bg-white border border-gray-400 text"> <div> <a href="https://ai.sabda.org/article?category=AI4Church" class="inline-block mb-4 text-xs font-bold capitalize border-b-2 border-blue-600 hover:text-blue-600">AI4Church</a> <a href="https://ai.sabda.org/article?id=7_cara_inovatif_bagi_gereja_untuk_menggunakan_ai_secara_efektif" class="block mb-4 text-2xl font-black leading-tight hover:underline hover:text-blue-600"> 7 Cara Inovatif Bagi Gereja untuk Menggunakan AI Secara Efektif </a> <p class="mb-4"> Gereja-gereja semakin beralih ke teknologi, dan khususnya Cara Gereja Menggunakan AI, sebagai ... </p> </div> <div> <a href="https://ai.sabda.org/article?id=7_cara_inovatif_bagi_gereja_untuk_menggunakan_ai_secara_efektif" class="inline-block pb-1 mt-2 text-base font-black text-blue-600 uppercase border-b border-transparent hover:border-blue-600">Read More -></a> </div> </div> </div> </div> </div> </section> <!-- CTA --> <section class="relative overflow-hidden border-b w-full"> <div class="px-6 py-8 sm:px-6 sm:py-20"> <div class="max-w-2xl mx-auto text-center"> <h2 class="text-base font-semibold text-yellow-400 dark:text-dark tracking-wide uppercase">Mari belajar AI bersama kami!</h2> <p class="mt-1 text-4xl font-extrabold text-gray-900 dark:text-dark sm:text-5xl sm:tracking-tight lg:text-6xl"> Siap melayani di <span class="px-2 py-1 relative inline-block"><svg class="stroke-current bottom-0 absolute text-yellow-300 -translate-x-2" viewBox="0 0 410 18" xmlns="http://www.w3.org/2000/svg"><path d="M6 6.4c16.8 16.8 380.8-11.2 397.6 5.602" stroke-width="12" fill="none" fill-rule="evenodd" stroke-linecap="round"></path></svg><span class="relative">dunia digital ini?</span></span> </p> <p class="max-w-3xl mt-5 mx-auto text-xl text-gray-500 dark:text-dark">Tunggu apa lagi? Segera gabung dan mulai jelajahi bagaimana AI dapat membantu kita dalam melayani dengan lebih efektif dan inovatif.</p> <a href="https://ai.sabda.org/komunitas" class="inline-block px-6 py-3 mt-8 bg-black dark:bg-yellow-500 text-white font-semibold rounded hover:bg-blue-700 dark:hover:bg-blue-600"> Let's Learn! </a> </div> </div> </section> <!-- Footer --> <div class="px-4 pt-16 mx-auto sm:max-w-xl md:max-w-full lg:max-w-screen-xl md:px-24 lg:px-8"> <div class="grid gap-10 row-gap-6 mb-8 sm:grid-cols-2 lg:grid-cols-4"> <div class="sm:col-span-2"> <a href="/" aria-label="Go home" title="Company" class="inline-flex items-center"> <img class="max-w-12" src="https://static.sabda.org/sites/images/footer/logo_YLSA.png" alt="YLSA"> <img class="max-w-14 ml-4" src="https://static.sabda.org/sites/images/footer/logo_SABDA.png" alt="SABDA" srcset=""> </a> <div class="mt-6 lg:max-w-sm"> <p class="text-sm text-gray-800"> Bank BCA Cabang Pasar Legi Solo - No. Rekening: 0790266579 - a.n. Yulia Oeniyati </p> <!-- <p class="mt-4 text-sm text-gray-800"> Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. </p> --> </div> </div> <div class="space-y-2 text-sm"> <p class="text-base font-bold tracking-wide text-gray-900">Contacts</p> <div class="flex"> <p class="mr-1 text-gray-800">WhatsApp:</p> <a href="https://wa.me/628812979100" aria-label="Our phone" title="Our phone" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800">0881-2979-100 </a> </div> <div class="flex"> <p class="mr-1 text-gray-800">Email:</p> <a href="mailto:ylsa@sabda.org" aria-label="Our email" title="Our email" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800">ylsa@sabda.org</a> </div> <div class="flex"> <p class="mr-1 text-gray-800">Situs:</p> <a href="https://ylsa.org" target="_blank" rel="noopener noreferrer" aria-label="Our address" title="Our address" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800 "> ylsa.org </a> <span class="mr-1 ml-1"> - </span> <a href="https://sabda.org" target="_blank" rel="noopener noreferrer" aria-label="Our address" title="Our address" class="transition-colors duration-300 text-deep-purple-accent-400 hover:text-deep-purple-800"> sabda.org </a> </div> </div> <div> <span class="text-base font-bold tracking-wide text-gray-900">Social</span> <div class="flex items-center mt-1 space-x-3"> <a href="https://instagram.com/sabda_ylsa" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-instagram-fill"></i> </a> <a href="https://facebook.com/sabda.org" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-facebook-circle-fill"></i> </a> <a href="https://twitter.com/sabda_ylsa" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-twitter-fill"></i> </a> <a href="https://s.id/medsosYLSA" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400"> <i class="ri-links-line"></i> </a> </div> <div class="flex items-center mt-1 space-x-3"> <a href="https://www.youtube.com/@sabdaalkitab" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-youtube-fill"></i> </a> <a href="https://podcast.sabda.org/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-spotify-fill"></i> </a> <a href="https://www.slideshare.net/sabda/" class="text-gray-500 transition-colors duration-300 hover:text-deep-purple-accent-400 max-w-5"> <i class="ri-slideshow-line"></i> </a> </div> <!-- <p class="mt-4 text-sm text-gray-500"> Bacon ipsum dolor amet short ribs pig sausage prosciutto chicken spare ribs salami. </p> --> </div> </div> <div class="flex flex-col-reverse justify-between pt-5 pb-10 border-t lg:flex-row"> <p class="text-sm text-gray-600"> Copyright 漏 2023 - <script> document.write(new Date().getFullYear()) </script> Yayasan Lembaga SABDA (YLSA). All Rights Reserved </p> <ul class="flex flex-col mb-3 space-y-2 lg:mb-0 sm:space-y-0 sm:space-x-5 sm:flex-row"> <li> <a href="https://kontak.sabda.org/" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Kontak</a> </li> <li> <a href="https://ylsa.org/partisipasi" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Partisipasi</a> </li> <li> <a href="https://ylsa.org/donasi" class="text-sm text-gray-600 transition-colors duration-300 hover:text-deep-purple-accent-400">Donasi</a> </li> </ul> </div> </div> </main> </body> <script> var baseURL = "https://ai.sabda.org/"; var thisPage = "home_page"; var urlHeadlessSabdaInfo = "https://headless.sabda.info/index.php/api/"; var pageSize = 21; var pageSizeTime = 2; </script> <script src="https://ai.sabda.org/vendor/glightbox/js/glightbox.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/pagedone@1.2.2/src/js/pagedone.js"></script> <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script> <!-- custom js --> <script src="https://ai.sabda.org/scripts/ui_interaction.js"></script> <script src="https://ai.sabda.org/scripts/scripts.js"></script> <script src="https://ai.sabda.org/scripts/pagination.js"></script> </html>