Mau coba belajar gratis di cabang mana?
Jatiasih - Bekasi
Jl. Raya Jatiasih RT 009 RW 03. Kavling No 4-5. Jatirasa. Jatiasih. Kota Bekasi 17423
Cibubur - Bekasi
Jl. Alternatif cibubur kav 5 & 6, Jatisampurna, Bekasi
Kemanggisan - Jakarta Barat
Jl. Kemanggisan Raya No.42, RT.5/RW.9, Kemanggisan, Kec. Palmerah, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 11480
Kelapa Gading - Jakarta Utara
Jl. Boulevard Artha Gading. Rukan Niaga Artha Gading Blok B No 11. Jakarta Utara
Fatmawati - Jakarta Selatan
Jl. Fatmawati Raya No.24, Cilandak, 12430
Rawamangun - Jakarta Timur
Jl Paus No 10E & 10F. Rawamangun. Pulo Gadung. Jakarta Timur. DKI Jakarta 13220
Duren Sawit - Jakarta Timur
Jl. Raden Inten Il No.66, RW.7, Duren Sawit, Kec. Duren Sawit. Kota Jakarta Timur. Daerah Khusus Ibukota Jakarta 13440
Golden Madrid - Tangerang Selatan
Komplek ruko Golden Madrid 1 No. A-06, Rawa Buntu, Serpong, Tangerang Selatan, Banten 15411
City Mall - Tangerang
Ruko Business Park Tangcity Blok A No.16, Cikokol, Kota Tangerang
Summarecon - Bekasi
Jl. Bulevar Selatan Blok UA No. 29, RT.004/RW.011, Marga Mulya, Kec. Bekasi Utara, Kota Bks, Jawa Barat 17143
Sawojajar - Bogor
Jl. Sawojajar No.21, Pabaton, Kecamatan Bogor Tengah, Kota Bogor, Jawa Barat 16121
Permata - Bogor
Kompleks Ruko Permata, Jl Raya Soleh Iskandar No.4 RT 004 RW 04, Kelurahan Cibadak, Kecamatan Tanah Sereal, Kota Bogor
Pancoran Mas - Depok
Jl Nusantara Raya 155. Depok Jaya. Pancoran Mas, Kota Depok 16432
Sukmajaya - Depok
Jl Proklamasi No 14-15
Karadenan - Cibinong
Jl Karadenan No 38. Sukahati. Cibinong. Bogor. Jawa Barat 16913
Pajajaran - Bogor
Jalan Raya Pajajaran Nomor 87 C, Kel. Bantarjati, Kec. Kota Bogor Utara, Kota Bogor, Provinsi Jawa Barat
Pondok Gede - Jakarta Timur
Jl. Raya Pondok Gede No. 30 RT 004/009, Kel. Lubang buaya, Kec. Cipayung
Kalideres - Jakarta Barat
Komp. Perumahan Daan Mogot Baru Blok LB 5, Kav. No 19, Kel. Kalideres, Kec. Kalideres
Pasar Minggu - Jakarta Selatan
Jl. Raya Pasar Minggu No. 72 M, Kel. Pejaten Timur, Kec. Pasar Minggu
Kebayoran Baru - Jakarta Selatan
Jl. Kebayoran Baru, RT.4/RW.7, Gunung, Kec. Kby. Baru, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta
Harapan Indah - Bekasi
Ruko Sentra Niaga, Jl. Boulevard Hijau Raya No.3, RT.006/RW.009, Pejuang, Kec. Medan Satria, Kota Bks, Jawa Barat 17131
Tambun - Bekasi
Jl Sultan Hasanudin No. 263-265, Desa Tambun, Kecamatan Tambun Selatan, Bekasi
Mayor Oking - Cibinong
Jl Mayor Oking A No. 1, RT 002, RW 01, Kel. Cirimekar, Kec. Cibinong, Kota Bogor
Cihanjuang - Cimahi
Jl. Cihanjuang Komplek Duta regency Blok A nomor 12-13, Cibabat, Kec. Cimahi Utara, Kota Cimahi, Jawa Barat 40513
Tuparev - Karawang
Jl Tuparev No. 395, Nagasari, Kec. Karawang Barat, Karawang, Jawa Barat 41314
Kebon Jahe - Serang
Ruko Cristal Kebon Jahe, Jln. Raya Serang Pandeglang KM 1 Link Kebon Jahe RT 004 RW 014 Kelurahan Cipare, Kebon Jahe, Kec. Serang, Kota Serang, Banten 42117
Buahbatu - Bandung
Jl. Buah Batu no 50, Burangrang, Kec Lengkong Kota Bandung. Jawa Barat 40262
Pajajaran - Bandung
Jl. Abdul Rahman Saleh No. 50, Kec. Cicendo, Bandung, 40174
Wirobrajan - Yogyakarta
Jl. HOS Cokroaminoto No. 77. Pakuncen. Wirobraian. D.I. Yogyakarta 55253
Pandanaran - Semarang
Jl. Pandanaran No.99A, Mugassari. Kec. Semarang Sel.. Kota Semarang. Jawa Tengah 50249
Gajahmada - Solo
Jl. Gajahmada No.123B, Punggawan, Kec. Banjarsari, Kota Surakarta, Jawa Tengah 57132
Kusuma Bangsa - Surabaya
Jl. Kusuma Bangsa No.74. Ketabang. Kec. Genteng. Kota SBY. Jawa Timur 60272
Jemursari - Surabaya
Jl. Raya Jemursari No.15, Wonocolo, Jawa Timur, 60239
Klojen - Malang
Jl. Bandung No.14. Penanggungan, Kec. Klojen. Kota Malang, Jawa Timur 65111
Merbabu - Klaten
Jl. Merbabu No.2, Pondok, Klaten, Kec. Klaten Tengah, Kabupaten Klaten, Jawa Tengah 57411
Sumbersari - Jember
Jl. Jawa 21 A-B Kelurahan Sumbersari, Kec. Sumbersari, Kabupaten Jember, Jawa Timur 68121
Tentara Pelajar - Tasikmalaya
Jl. Tentara Pelajar no 129, Empangsari, Kec Tawang , Kab. Tasikmalaya, Jawa Barat 46113
Kombas - Purwokerto
Jl. Jendral Suprapto, Cigrobak, Purwokerto Lor, Kec. Purwokerto Tim., Kabupaten Banyumas, Jawa Tengah 53114
Banyumanik - Semarang
Jl Sukunraya A10 A11, Kel. Srondol Wetan, Kec. Banyumanik
Mertoyudan - Magelang
Ruko Nusantara Blok R4-6, Jl. Magelang - Purworejo
CSB Mall - Cirebon
Ruko CSB - Komp. Office Park, Jl. DR. Cipto Mangunkusumo No.26, Pekiringan, Kec. Kesambi, Kota Cirebon, Jawa Barat 45131
Pondok Jati - Sidoarjo
Jl Pondok Jati Blok B No. 1, Kelurahan Jati, Kecamatan Sidoarjo,Kabupaten Sidoarjo, Jawa Timur 61252
Hasanudin - Kediri
Jl Hasanudin No. 21 Ruko Hasanudin Bisnis Centre blok E no 21. Kel. Dandangan, Kec. Kota Kediri, Kota Kediri
S. Parman - Medan
Komplek Crown Center, Jl. S. Parman No.18-20, Petisah Hulu, Medan Petisah, Medan City, North Sumatra 20152
Bukit Lama - Palembang
Jalan Srijaya Negara No. 27 D-E RT.35 RW.11 Bukit Lama, Kelurahan demang Lebar, Kecamatan Ilir Barat I Kota Palembang, Sumatera Selatan 30139
Basuki Rachmat - Palembang
Jl. Jend. Basuki Rachmat No.56 A-B, Ario Kemuning, Kec. Kemuning, Kota Palembang, Sumatera Selatan 30151
Padat Kaya - Prabumulih
Jl. Padat Karya No.333, Gn. Ibul, Kec. Prabumulih Tim., Kota Prabumulih, Sumatera Selatan 31146
Jendral Sudirman - Dumai
Jl. Jendral Sudirman No 391
Tarandam - Padang
Jl. Proklamasi No.48, Alang Laweh, Kec. Padang Sel., Kota Padang, Sumatera Barat 25133
S. Parman - Padang
Jl. S. Parman No.145, Ulak Karang Selatan Kota Padang. Sumatera Barat 25134
Teuku Nyak Arief - Banda Aceh
Jl. Teuku Nyak Arief No.1-2, Desa Lamgugob, Kecamatan Syiah Kuala, Provinsi Aceh, 23115
Mustika - Pekanbaru
Jl. Mustika No.45. Sumahilang. Kec. Pekanbaru Kota. Kota Pekanbaru. Riau 28156
Soekarno Hatta - Pekanbaru
Jl. Soekarno Hatta, no.31-32, kel. Labuh Baru Barat, Kec. Payung Sekaki, Kota Pekanbaru, Riau. 28292
Sumur Batu - Bandar Lampung
Jl. Diponegoro No.129, Sumur Batu, Kec. Teluk. Betung Utara, 35212
Sutomo - Pematangsiantar
Jl. Sutomo NO 8 K-LProklamasi, Kec. Siantar Barat, Kota Pematang Siantar, Sumatera Utara 21144
Thehok - Jambi
Jl. Jend. Sudirman, Tambak Sari (Thehok), Kec. Jambi Sel., Kota Jambi, Jambi 36124
Nagoya - Batam
Komplek Lumbung Rejeki, Jl. Teuku Umar, Lubuk Baja Kota, Kec. Lubuk Baja, Kota Batam, Kepulauan Riau 29444
S. Parman - Bengkulu
Jl. S. Parman No.54 B-C Padang Jati, Kec. Ratu Samban, Kota Bengkulu
Yos Sudarso - Medan
Jl. Yos Sudarso No.12 GHI, RW. Lingk 11, Silalas, Kec. Medan Bar., Kota Medan, Sumatera Utara 2011
Letda Sujono - Medan
Jl. Letda Sujono No.232-233, Bantan Tim., Kec. Medan Tembung, Kota Medan, Sumatera Utara 20223
Jambu Air - Bukittinggi
Jl. Jambu Air No. 82-83, Taluak Ampek Suku, Kec. Banuhampu, Kabupaten Agam, Sumatera Barat 26181
Melati - Denpasar
Jl. Melati No.67, Dangin Puri. Kec. Denpasar Tim.. Kota Denpasar, Bali 80233
Mahendradatta - Denpasar
Jl. Mahendradatta No. A4 - A6, Desa Padangsambian, Kec. Denpasar Barat, Kota Denpasar 80119
Gatot Subroto - Banjarmasin
Jl. Gatot Subroto No.17, Kebun Bunga, Kota Banjarmasin, Kalimantan Selatan 70237
MT Haryono - Pontianak
Jalan MT Haryono No.27, Akcaya, Kecamatan Pontianak Selatan, Kota Pontianak, Kalimantan Barat 78113
Sungai Ampal - Balikpapan
Jl. Sungai Ampal No.114 Kecamatan Balikpapan Tengah, Kelurahan Sumber Rejo, Kota Balikpapan, Provinsi Kalimantan Timur, 76114
Cenderawasih - Makassar
Jl Cendrawasih No. 12, Kel. Kunjungmae, Kec. Mariso, Kota Makassar Kode Pos 90125
Perintis - Makassar
Jl Perintis KM. 9 No. 57 A, Kel. Tamalanrea Jaya, Kec. Tamalanrea, Kota Makassar
Hertasning - Makassar
Jl. Hertasning Bar. No.71, Bonto Makkio, Kec. Rappocini, Kota Makassar, Sulawesi Selatan 90222
Wenang Selatan - Manado
Jl. Sam Ratulangi No.88, Kec. Wenang, 95111
Andi Kambo - Palopo
Jalan Andi Kambo (ex.Merdeka) depan Hotel Value - Ruko No. 6 dan No. 7, Kelurahan Surutanga, Kecamatan Wara Timur, Kota Palopo , Kode Pos 91911
MT Haryono - Kendari
Bende, Kec. Kadia, Kota Kendari, Sulawesi Tenggara 93117
<!doctype html>
<html class="no-js" lang="id">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="author" content="PT Ruang Raya Indonesia" />
<meta
name="description"
content="Temukan bimbel offline untuk persiapan UTBK terdekat dari lokasi rumahmu. Dapatkan lebih hemat mulai Rp 280 ribu/bulan. Gratis kelas pengembangan diri + tryout."
/>
<meta name="generator" content="HubSpot" />
<title>Tempat Les Offline Persiapan UTBK, Promo Diskon Mulai Rp 280 Ribu/Bulan</title>
<link rel="shortcut icon" href="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/favicon60x60-3.png" />
<meta
property="og:description"
content="Temukan bimbel offline untuk persiapan UTBK terdekat dari lokasi rumahmu. Dapatkan lebih hemat mulai Rp 280 ribu/bulan. Gratis kelas pengembangan diri + tryout."
/>
<meta property="og:title" content="Tempat Les Offline Persiapan UTBK, Promo Diskon Mulai Rp 280 Ribu/Bulan" />
<meta
name="twitter:description"
content="Temukan bimbel offline untuk persiapan UTBK terdekat dari lokasi rumahmu. Dapatkan lebih hemat mulai Rp 280 ribu/bulan. Gratis kelas pengembangan diri + tryout."
/>
<meta name="twitter:title" content="Tempat Les Offline Persiapan UTBK, Promo Diskon Mulai Rp 280 Ribu/Bulan" />
<style>
a.cta_button {
-moz-box-sizing: content-box !important;
-webkit-box-sizing: content-box !important;
box-sizing: content-box !important;
vertical-align: middle;
}
.hs-breadcrumb-menu {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.hs-breadcrumb-menu-item {
float: left;
padding: 10px 0px 10px 10px;
}
.hs-breadcrumb-menu-divider:before {
content: '›';
padding-left: 10px;
}
.hs-featured-image-link {
border: 0;
}
.hs-featured-image {
float: right;
margin: 0 0 20px 20px;
max-width: 50%;
}
@media (max-width: 568px) {
.hs-featured-image {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
}
.hs-screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}
</style>
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/87667207023/1670557547498/module_87667207023_Module_RG_Detail_Page_Brain_Academy_Center.min.css"
/>
<!-- Added by GoogleAnalytics integration -->
<script>
var _hsp = (window._hsp = window._hsp || []);
_hsp.push([
'addPrivacyConsentListener',
function (consent) {
if (consent.allowed || (consent.categories && consent.categories.analytics)) {
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
(i[r] =
i[r] ||
function () {
(i[r].q = i[r].q || []).push(arguments);
}),
(i[r].l = 1 * new Date());
(a = s.createElement(o)), (m = s.getElementsByTagName(o)[0]);
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m);
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49650255-1', 'auto');
ga('send', 'pageview');
}
},
]);
</script>
<!-- /Added by GoogleAnalytics integration -->
<link rel="canonical" href="https://www.ruangguru.com/brain-academy-center-utbk-snbt" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<script>
(function (h, e, a, t, m, p) {
m = e.createElement(a);
m.async = !0;
m.src = t;
p = e.getElementsByTagName(a)[0];
p.parentNode.insertBefore(m, p);
})(window, document, 'script', 'https://u.heatmap.it/log.js');
</script>
<meta name="google-site-verification" content="VJAn1g6wmtTZPpTXh-B4xoSFEkUi5jcV74xQSr6jnOM" />
<script>
document.querySelector('meta[name="author"]').setAttribute('content', 'Ruangguru Tech Team');
</script>
<meta name="publisher" content="PT Ruang Raya Indonesia" />
<!-- Global site tag (gtag.js) - Google Analytics -->
<!--
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-49650255-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-49650255-1');
</script>
-->
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-PVNLZFT');
</script>
<!-- End Google Tag Manager -->
<style>
.row-fluid [class*='span'] {
min-height: 0 !important;
}
.bantuan {
/*display:none;*/
position: fixed;
bottom: 1.5rem;
right: 2.5rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-promo {
position: fixed;
bottom: 8rem;
right: 2rem;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
@media (min-width: 768px) {
.bantuan img,
.bantuan-promo img {
width: auto;
transition: all 0.4s ease;
}
.bantuan img {
height: 98px;
}
.bantuan-promo img {
height: 86px;
}
.clicked {
bottom: 0.25rem;
}
.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan {
bottom: 14rem;
right: 1rem;
align-items: center;
}
.bantuan-promo {
bottom: 20.5rem;
right: 1rem;
align-items: center;
}
.bantuan img,
.bantuan-promo img {
width: auto;
}
.bantuan img {
height: 88px;
}
.bantuan-promo img {
height: 64px;
}
}
</style>
<meta property="og:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangguru-Oct-25-2022-06-44-50-84-AM.jpeg#keepProtocol" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta name="twitter:image" content="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/ruangguru-Oct-25-2022-06-44-50-84-AM.jpeg#keepProtocol" />
<meta property="og:url" content="https://www.ruangguru.com/brain-academy-center-utbk-snbt" />
<meta name="twitter:card" content="summary_large_image" />
<meta http-equiv="content-language" content="id" />
<link rel="stylesheet" href="https://cdn-web-2.ruangguru.com/landing-page-web/public/assets/common/layout.min.css" />
<link
rel="stylesheet"
href="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/44980440489/1661483386153/A_Ruangguru_Projects/Project_Hofar/CSS_Javascript_Auto_Generate_Breadcrumb_-_V1.min.css"
/>
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.css" />
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick-theme.css" />
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&Nunito:ital,wght@0,700;0,800;1,700;1,800&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');
.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.page-center {
float: none !important;
width: 90% !important;
max-width: 1200px !important;
margin: 0 auto !important;
}
.page-center-detail,
.page-center-content {
float: none !important;
margin: 0 auto !important;
}
body,
html {
height: 100% !important;
margin: 0;
min-height: 100% !important;
scroll-behavior: smooth;
}
img {
max-width: 100%;
}
button,
a {
cursor: pointer !important;
}
.fn-ma {
float: none;
margin: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
margin: 0 !important;
}
a {
text-decoration: none;
}
/* Used on all text */
.font-inter {
font-family: 'Inter';
}
.font-source {
font-family: 'Source Sans Pro', sans-serif;
}
.font-nunito {
font-family: 'Nunito', sans-serif;
}
/* Used on H1 tag */
.font-header-one,
.font-header-two,
.font-header-three {
font-weight: 700;
}
/* Black main color */
.font-black {
color: #2c313a;
}
/* Black secondary color */
.font-black-secondary {
color: #333333;
}
.font-green {
color: #13939e;
}
.font-gray {
color: #424242;
}
.font-dark-gray {
color: #4f4f4f;
}
.font-light-gray {
color: #5f6570;
}
.font-bright-gray {
color: #828282;
}
/* White color */
.font-white {
color: #ffffff;
}
.font-red {
color: #e52a34;
}
.font-blue {
background: linear-gradient(299.69deg, #0a5ad1 7.23%, #3db6fa 105.51%), #ffffff;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/* Letter spacing */
.ls-1 {
letter-spacing: -0.01em;
}
.ls-5 {
letter-spacing: -0.005em;
}
/* Display */
.display-block {
display: block;
}
.display-none {
display: none;
}
.display-flex {
display: flex;
}
.display-grid {
display: grid;
}
/* Slick Button */
/* .slick-button-orange .slick-arrow {}
.slick-button-orange .slick-next {}
.slick-button-orange .slick-prev {} */
.slick-arrow {
}
.slick-next {
}
.slick-button-orange {
}
.slick-button-white {
}
/* Slick Dots */
/* .slick-dots-white .slick-dots li button:before {}
.slick-dots-white .slick-dots li.slick-active button:before {} */
/* Button */
/* Used on all button */
.button-basic-white {
background: #ffffff;
border-radius: 96px;
text-decoration: none;
}
.button-basic-white:hover {
filter: brightness(95%);
}
.button-basic-orange {
background: #f26d0f;
border-radius: 100px;
text-decoration: none;
}
.button-basic-orange:hover {
filter: brightness(95%);
}
/* List */
.ul-basic {
list-style: none;
}
.ol-basic {
list-style: none;
}
@media (min-width: 1025px) {
.font-header-one {
font-size: 32px;
line-height: 48px;
}
.font-header-two {
font-size: 18px;
line-height: 28px;
}
.font-header-three {
font-size: 20px;
line-height: 30px;
}
.desktop {
display: block !important;
}
.mobile {
display: none !important;
}
.page-center-detail {
width: 90% !important;
max-width: 1200px !important;
}
}
@media (max-width: 1024px) {
.font-header-one {
font-size: 20px;
line-height: 22px;
}
.font-header-two,
.font-header-three {
font-size: 16px;
line-height: 24px;
}
.desktop {
display: none !important;
}
.mobile {
display: block !important;
}
.page-center-content {
width: 90% !important;
max-width: 1200px !important;
}
}
</style>
<style>
.link-button-tanya,
.link-button-tanya button {
width: 100%;
}
</style>
<script type="module" crossorigin src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/brain-academy-center-utbk-snbt/assets/index-Dqv5PPZA.js"></script>
</head>
<body class="hs-content-id-88688373554 hs-landing-page hs-page" style="">
<div class="header-container-wrapper">
<div class="header-container container-fluid"></div>
<!--end header -->
</div>
<!--end header wrapper -->
<div class="body-container-wrapper">
<div class="body-container container-fluid">
<div class="row-fluid-wrapper row-depth-1 row-number-1">
<div class="row-fluid">
<div class="span12 widget-span widget-type-custom_widget" style="" data-widget-type="custom_widget" data-x="0" data-w="12">
<div
id="hs_cos_wrapper_module_166546009088345"
class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module"
style=""
data-hs-cos-general-type="widget"
data-hs-cos-type="module"
>
<section class="hero">
<div class="page-center">
<div class="hero-content fn-ma">
<div class="hero-content_top">
<a href="https://ruangguru.com" class="btn-back">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Iconback.svg"
width="32"
height="32"
class="ic-back"
alt="Icon Back"
/>
</a>
<nav aria-label="breadcrumb">
<ol id="breadcrumb" class="breadcrumb bg-transparent p-0"></ol>
</nav>
</div>
<div class="hero-content_bottom display-grid">
<div class="hero-content_bottom--left">
<p class="font-inter font-white font-notes-hero desktop">Brain Academy Center</p>
<h1 class="font-inter font-white font-header-one">Bimbel kombinasi tatap muka dan online</h1>
<p class="font-inter font-desc-hero">Telah tersedia di lebih dari 200 cabang se-Indonesia dengan fasilitas kelas modern</p>
</div>
<div class="hero-content_bottom--right">
<div class="hero-video fn-ma">
<a href="#" class="js-video-button" data-channel="video" data-video-url="https://www.youtube.com/embed/Cbe5MD32teQ?autoplay=1" rel=" noopener">
<div class="video-box">
<picture>
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/BA%202022%20-%20SD/Revamp/thumbnail-video2.png?convert=webp " type="image/webp" />
<source srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/BA%202022%20-%20SD/Revamp/thumbnail-video2.png " type="image/png" />
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/BA%202022%20-%20SD/Revamp/thumbnail-video2.png"
class="img-hero"
alt="Video BAO Illust"
loading="lazy"
/>
</picture>
</div>
</a>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-star-white.svg"
class="ic-hero"
id="ic-star-top"
loading="lazy"
/>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-presentation.svg"
class="ic-hero"
id="ic-presentation"
loading="lazy"
/>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-star-white.svg"
class="ic-hero"
id="ic-star-bottom"
loading="lazy"
/>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-people-plus.svg"
class="ic-hero"
id="ic-people"
loading="lazy"
/>
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-chat-1.svg"
class="ic-hero"
id="ic-chat"
loading="lazy"
/>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="detail">
<div class="page-center-detail">
<div class="detail-content fn-ma">
<div class="detail-content_left">
<div class="detail-navbar">
<div class="page-center-content">
<div class="detail-navbar_info">
<button class="btn-navbar aktif" target="detail">Detail Paket</button>
<button class="btn-navbar" target="fasilitas">Fasilitas</button>
<button class="btn-navbar" target="testimoni">Ulasan</button>
</div>
</div>
</div>
<div class="detail-usp" id="detail">
<div class="page-center-content">
<h2 class="font-inter font-black-secondary font-header-two ls-5">Yang akan kamu dapatkan</h2>
<div class="usp-list" id="usp-list">
<ul>
<li>Kelas tatap muka dengan Protokol Kesehatan</li>
<li>Klinik PR tatap muka dengan Master Teacher</li>
<li>Seluruh fasilitas Brain Academy Online dan Ruangbelajar</li>
<li>Modul cetak</li>
<li>Tryout PTS & PAS</li>
<li>Konsultasi tipe belajar dan minat bakat bersama Wali Asuh</li>
<li>Tempat Belajar Nyaman dengan Fasilitas Modern (Air Purifier, Wi-Fi & Tablet)</li>
</ul>
</div>
</div>
</div>
<div class="detail-fasilitas" id="fasilitas">
<div class="page-center-content">
<div class="fasilitas-content">
<h2 class="font-inter font-black-secondary font-header-two ls-5">Fasilitas Unggulan Brain Academy Center</h2>
<div class="fasilitas-slick">
<div class="fasilitas-slick__item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/bac-fasility-1.png" loading="lazy" />
</div>
<div class="fasilitas-slick__item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/bac-fasility-2.png" loading="lazy" />
</div>
<div class="fasilitas-slick__item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/bac-fasility-3.png" loading="lazy" />
</div>
<div class="fasilitas-slick__item">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/bac-fasility-4.png" loading="lazy" />
</div>
</div>
<div class="fasilitas">
<div class="fasilitas-card">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/icon-kelas-tatap-muka.svg"
width="44"
height="44"
loading="lazy"
/>
<div>
<p class="font-inter font-blue font-title-fasilitas">Kelas tatap muka</p>
<p class="font-inter font-gray font-desc-fasilitas">Belajar terjadwal di kelas bersama Master Teacher</p>
</div>
</div>
<div class="fasilitas-card">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/icon-konsultasi-pr.svg"
width="44"
height="44"
loading="lazy"
/>
<div>
<p class="font-inter font-blue font-title-fasilitas">Konsultasi PR</p>
<p class="font-inter font-gray font-desc-fasilitas">Konsultasi PR sulit secara tatap muka dengan guru</p>
</div>
</div>
<div class="fasilitas-card">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/icon-materi-belajar.svg"
width="44"
height="44"
loading="lazy"
/>
<div>
<p class="font-inter font-blue font-title-fasilitas">Materi belajar</p>
<p class="font-inter font-gray font-desc-fasilitas">Tersedia modul digital dan bank aktivitas</p>
</div>
</div>
<div class="fasilitas-card">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/icon-konseling.svg"
width="44"
height="44"
loading="lazy"
/>
<div>
<p class="font-inter font-blue font-title-fasilitas">Konseling</p>
<p class="font-inter font-gray font-desc-fasilitas">Temukan solusi untuk masalah belajar bareng konselor</p>
</div>
</div>
<div class="fasilitas-card">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/icon-ruang-kelas-nyaman.svg"
width="44"
height="44"
loading="lazy"
/>
<div>
<p class="font-inter font-blue font-title-fasilitas">Ruang kelas nyaman</p>
<p class="font-inter font-gray font-desc-fasilitas">Tempat belajar nyaman dengan fasilitas modern</p>
</div>
</div>
</div>
</div>
</div>
<div class="fasilitas-notice">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/Light%20Bulb.png" alt="light-bulb" />
<div>
<p class="font-inter font-white font-fasilitas-notice">Sudah termasuk tryout dan akses ruangbelajar</p>
</div>
</div>
</div>
<div class="detail-fitur">
<div class="page-center-content">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/ba-banner-bac.png" loading="lazy" class="img-fitur" />
<div class="detail-fitur_info">
<div class="detail-fitur_text">
<h2 class="font-inter font-white ls-5 font-header-two">Temukan Brain Academy Center terdekat di kotamu!</h2>
</div>
<a href="https://www.brainacademy.id/branch#section-bimbel-cabang" class="mobile">
<button class="font-inter font-black btn-white">Cari Cabang Terdekat</button>
</a>
<a href="https://www.brainacademy.id/branch#section-bimbel-cabang" class="desktop">
<button class="font-inter font-black btn-white">Cari Cabang</button>
</a>
</div>
</div>
</div>
<div class="detail-testimoni" id="testimoni">
<div class="page-center-content">
<h2 class="font-inter font-black-secondary ls-5 font-header-two">Cerita berprestasi para pengguna Brain Academy Center</h2>
<div class="testimoni-wrapper">
<div class="testimoni-card display-none sd">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=56&height=56&name=Bagas%20Andi%20Yusuf.png"
width="56"
height="56"
loading="lazy"
alt="Bagas Andi Yusuf"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=28&height=28&name=Bagas%20Andi%20Yusuf.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=56&height=56&name=Bagas%20Andi%20Yusuf.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=84&height=84&name=Bagas%20Andi%20Yusuf.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=112&height=112&name=Bagas%20Andi%20Yusuf.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=140&height=140&name=Bagas%20Andi%20Yusuf.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Bagas%20Andi%20Yusuf.png?width=168&height=168&name=Bagas%20Andi%20Yusuf.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Bagas Andi Yusuf</p>
<p class="font-inter font-light-gray font-sekolah ls-5">SD Islam Al Azhar</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Tiga kesan utama dariku untuk Brain Academy yaitu kelasnya menyenangkan, penjelasan Master Teacher-nya mudah dipahami, dan pembelajarannya lengkap. Makasih udah bantu
nilaiku naik selama ini!
</p>
</div>
<div class="testimoni-card display-none smp">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=56&height=56&name=sunflower.png"
width="56"
height="56"
loading="lazy"
alt="Kenzie D"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=28&height=28&name=sunflower.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=56&height=56&name=sunflower.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=84&height=84&name=sunflower.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=112&height=112&name=sunflower.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=140&height=140&name=sunflower.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=168&height=168&name=sunflower.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Kenzie D</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Pengguna Brain Academy</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Pembelajaran di Brain Academy seru dan menyenangkan. Materinya mudah dipahami dan dibimbing langsung oleh Master Teacher yang rasanya seperti teman dekat. Belajar
jadi nyaman!
</p>
</div>
<div class="testimoni-card display-none smp">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=56&height=56&name=Try%20Juniarti%20Warni.png"
width="56"
height="56"
loading="lazy"
alt="Try
Juniarti Warni"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=28&height=28&name=Try%20Juniarti%20Warni.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=56&height=56&name=Try%20Juniarti%20Warni.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=84&height=84&name=Try%20Juniarti%20Warni.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=112&height=112&name=Try%20Juniarti%20Warni.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=140&height=140&name=Try%20Juniarti%20Warni.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/LP%20Testimonial%20BAO/Sept%202021/Try%20Juniarti%20Warni.png?width=168&height=168&name=Try%20Juniarti%20Warni.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Try Juniarti Warni</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Pengguna Brain Academy</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Pembawaan Master Teacher-nya baik, ramah, dan lembit. Aku jadi nggak takut buat nanya materi atau konsultasi PR, soalnya bakal dijawab dengan jelas dan teliti.
Suasana belajar lebih nyaman, aku pun lebih paham!
</p>
</div>
<div class="testimoni-card display-none sma">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=56&height=56&name=sunflower.png"
width="56"
height="56"
loading="lazy"
alt="Abdul
Kholik"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=28&height=28&name=sunflower.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=56&height=56&name=sunflower.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=84&height=84&name=sunflower.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=112&height=112&name=sunflower.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=140&height=140&name=sunflower.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Student/sunflower.png?width=168&height=168&name=sunflower.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Abdul Kholik</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Pengguna Brain Academy</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Aku lolos masuk ITB dengan skor sangat memuaskan. Rasanya senang sekali! Selama proses UTBK, aku banyak dibantu Brain Academy Online untuk latihan soal, penguasaan
materi, bahkan sampai persiapan mental!
</p>
</div>
<div class="testimoni-card display-none sma">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=56&height=56&name=alumni_reyhan.png"
width="56"
height="56"
loading="lazy"
alt="Reyhan P"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=28&height=28&name=alumni_reyhan.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=56&height=56&name=alumni_reyhan.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=84&height=84&name=alumni_reyhan.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=112&height=112&name=alumni_reyhan.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=140&height=140&name=alumni_reyhan.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=168&height=168&name=alumni_reyhan.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Reyhan P</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Diterima di UI</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Di kelas 12, persiapan untuk UTBK udah dikasih sejak semester 1 dengan tryout yang konsisten, pembahasan dan sistem penilaian IRT, jadi gak perlu susah-susah cari
cara belajar UTBK. Brain Academy memang the best!
</p>
</div>
<div class="testimoni-card display-none utbk">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=56&height=56&name=alumni_reyhan.png"
width="56"
height="56"
loading="lazy"
alt="Reyhan P"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=28&height=28&name=alumni_reyhan.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=56&height=56&name=alumni_reyhan.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=84&height=84&name=alumni_reyhan.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=112&height=112&name=alumni_reyhan.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=140&height=140&name=alumni_reyhan.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_reyhan.png?width=168&height=168&name=alumni_reyhan.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Reyhan P</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Diterima di UI</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Di kelas 12, persiapan untuk UTBK udah dikasih sejak semester 1 dengan tryout yang konsisten, pembahasan dan sistem penilaian IRT, jadi gak perlu susah-susah cari
cara belajar UTBK. Brain Academy memang the best!
</p>
</div>
<div class="testimoni-card display-none utbk">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=56&height=56&name=alumni_aurennisa.png"
width="56"
height="56"
loading="lazy"
alt="Aurennisa N"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=28&height=28&name=alumni_aurennisa.png 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=56&height=56&name=alumni_aurennisa.png 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=84&height=84&name=alumni_aurennisa.png 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=112&height=112&name=alumni_aurennisa.png 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=140&height=140&name=alumni_aurennisa.png 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Brain%20Academy%20Branch/alumni_aurennisa.png?width=168&height=168&name=alumni_aurennisa.png 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Aurennisa N</p>
<p class="font-inter font-light-gray font-sekolah ls-5">Diterima di ITB</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Tempatnya nyaman banget! Belajar pun jadi semangat karena penjelasan dari Master Teacher-nya mudah dipahami. Mau konsultasi PR juga gampang. Alhasil nilaiku naik dan
bisa lolos ke ITB.
</p>
</div>
<div class="testimoni-card display-none utbk">
<div class="testimoni-card_top">
<img
src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=56&height=56&name=Yunda.jpeg"
width="56"
height="56"
loading="lazy"
alt="Yunda Nariyya
Wafda"
srcset="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=28&height=28&name=Yunda.jpeg 28w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=56&height=56&name=Yunda.jpeg 56w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=84&height=84&name=Yunda.jpeg 84w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=112&height=112&name=Yunda.jpeg 112w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=140&height=140&name=Yunda.jpeg 140w, https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/Yunda.jpeg?width=168&height=168&name=Yunda.jpeg 168w"
sizes="(max-width: 56px) 100vw, 56px"
/>
<p class="font-inter font-black ls-5 font-nama">Yunda Nariyya Wafda</p>
<p class="font-inter font-light-gray font-sekolah ls-5">SMAN 9 Malang</p>
</div>
<p class="font-inter font-black font-testimoni ls-5">
Cocok banget buat aku yang lagi persiapan UTBK! Tiap bab pelajaran bener-bener dibahas sampai tuntas, apalagi ada tambahan Klinik PR buat konsultasi materi sulit.
Sistem belajarnya juga kombinasi online dan offline, bikin belajarku bisa dari mana aja!
</p>
</div>
</div>
</div>
</div>
</div>
<div class="detail-content_right">
<div class="page-center-content">
<h2 class="font-inter font-black ls-5 font-header-two desktop">Beli paket Brain Academy Center</h2>
<div class="detail-paket">
<p class="font-inter font-black font-nama-paket">Mulai dari</p>
<div class="detail-paket_harga font-inter">
<p class="font-red font-harga">
Rp
<span id="monthprice">280.000</span>
</p>
<span class="font-light-gray">/ bulan</span>
</div>
</div>
<div class="detail-kelas">
<button id="seePackage" class="font-inter font-black btn-white border-solid">Lihat Paket</button>
<!-- <a
href="https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline"
>
</a> -->
<button class="font-inter font-white btn-orange" id="buttonFreeTrial">Daftar Kelas Gratis</button>
<a href="https://cta.ruangguru.com/ab-web-floating-button-landing-page-rg" class="link-button-tanya" target="_blank">
<button class="font-inter font-green btn-tanya">
Tanya
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Ruangguru%20Revamp%202022/Detail%20Page/Header/ic-chat.svg" width="24" height="24" loading="lazy" />
</button>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<div id="modalSD" class="modalOverlay display-none">
<div class="modalPopup">
<div class="modal-content modal-content__kelas">
<p class="font-inter font-black font-pilih ls-5">Pilih kelas</p>
<button class="font-inter font-black btn-kelas btn-sd" data-value="SD 4" data-options="SD" value="kelas-4-sd">SD 4</button>
<button class="font-inter font-black btn-kelas btn-sd" data-value="SD 5" data-options="SD" value="kelas-5-sd">SD 5</button>
<button class="font-inter font-black btn-kelas btn-sd" data-value="SD 6" data-options="SD" value="kelas-6-sd">SD 6</button>
</div>
</div>
</div>
<div id="modalSMP" class="modalOverlay display-none">
<div class="modalPopup">
<div class="modal-content modal-content__kelas">
<p class="font-inter font-black font-pilih ls-5">Pilih kelas</p>
<button class="font-inter font-black btn-kelas btn-smp" data-value="SMP 7" data-options="SMP" value="kelas-7-smp">SMP 7</button>
<button class="font-inter font-black btn-kelas btn-smp" data-value="SMP 8" data-options="SMP" value="kelas-8-smp">SMP 8</button>
<button class="font-inter font-black btn-kelas btn-smp" data-value="SMP 9" data-options="SMP" value="kelas-9-smp">SMP 9</button>
</div>
</div>
</div>
<div id="modalSMA" class="modalOverlay display-none">
<div class="modalPopup">
<div class="modal-content modal-content__kelas">
<p class="font-inter font-black font-pilih ls-5">Pilih kelas</p>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 10 IPA" data-options="SMA" value="kelas-10-ipa">Kelas 10 IPA</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 10 IPS" data-options="SMA" value="kelas-10-ips">Kelas 10 IPS</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 10 SMK" data-options="SMK" value="kelas-10-smk">Kelas 10 SMK</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 11 IPA" data-options="SMA" value="kelas-11-ipa">Kelas 11 IPA</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 11 IPS" data-options="SMA" value="kelas-11-ips">Kelas 11 IPS</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 11 SMK" data-options="SMK" value="kelas-11-smk">Kelas 11 SMK</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 12 IPA" data-options="SMA" value="kelas-12-ipa">Kelas 12 IPA</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 12 IPS" data-options="SMA" value="kelas-12-ips">Kelas 12 IPS</button>
<button class="font-inter font-black btn-kelas btn-sma" data-value="Kelas 12 SMK" data-options="SMK" value="kelas-12-smk">Kelas 12 SMK</button>
</div>
</div>
</div>
<div id="modalLokasi" class="modalOverlay display-none">
<div class="modalPopup modal-content">
<div class="modal-content__header">
<div class="modal-content__header--title">
<p class="font-inter font-black font-pilih ls-5">Mau coba belajar gratis di cabang mana?</p>
<button class="button-close">
<img src="https://cdn-web-2.ruangguru.com/landing-pages/assets/hs/Skill%20Academy%20for%20Enterprise/Main/ic-close-btn.svg?convert=webp" alt="Icon" loading="lazy" />
</button>
</div>
</div>
<div class="modal-content__region">
<button class="chip chip-region font-inter font-black active" data-rel="tab-jabodetabek">Jabodetabek</button>
<button class="chip chip-region font-inter font-black" data-rel="tab-jawa">Jawa</button>
<button class="chip chip-region font-inter font-black" data-rel="tab-sumatera">Sumatera</button>
<button class="chip chip-region font-inter font-black" data-rel="tab-bali">Bali</button>
<button class="chip chip-region font-inter font-black" data-rel="tab-kalimantan">Kalimantan</button>
<button class="chip chip-region font-inter font-black" data-rel="tab-sulawesi">Sulawesi</button>
</div>
<div class="modal-content__body">
<div class="modal-content__location" data-rel="tab-jabodetabek">
<div class="modal-content__location--item" data-value="jatiasih-bekasi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Jatiasih - Bekasi</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Raya Jatiasih RT 009 RW 03. Kavling No 4-5. Jatirasa. Jatiasih. Kota Bekasi 17423</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="cibubur-bekasi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Cibubur - Bekasi</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Alternatif cibubur kav 5 & 6, Jatisampurna, Bekasi</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kemanggisan-jakarta-barat">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kemanggisan - Jakarta Barat</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jl. Kemanggisan Raya No.42, RT.5/RW.9, Kemanggisan, Kec. Palmerah, Kota Jakarta Barat, Daerah Khusus Ibukota Jakarta 11480
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kelapa-gading-jakarta-utara">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kelapa Gading - Jakarta Utara</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Boulevard Artha Gading. Rukan Niaga Artha Gading Blok B No 11. Jakarta Utara</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="fatmawati-jakarta-selatan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Fatmawati - Jakarta Selatan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Fatmawati Raya No.24, Cilandak, 12430</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="rawamangun-jakarta-timur">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Rawamangun - Jakarta Timur</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Paus No 10E & 10F. Rawamangun. Pulo Gadung. Jakarta Timur. DKI Jakarta 13220</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="duren-sawit-jakarta-timur">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Duren Sawit - Jakarta Timur</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jl. Raden Inten Il No.66, RW.7, Duren Sawit, Kec. Duren Sawit. Kota Jakarta Timur. Daerah Khusus Ibukota Jakarta 13440
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="golden-madrid-tangerang-selatan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Golden Madrid - Tangerang Selatan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Komplek ruko Golden Madrid 1 No. A-06, Rawa Buntu, Serpong, Tangerang Selatan, Banten 15411</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="citymall-tangerang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">City Mall - Tangerang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Ruko Business Park Tangcity Blok A No.16, Cikokol, Kota Tangerang</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="summarecon-bekasi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Summarecon - Bekasi</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jl. Bulevar Selatan Blok UA No. 29, RT.004/RW.011, Marga Mulya, Kec. Bekasi Utara, Kota Bks, Jawa Barat 17143
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sawojajar-bogor">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sawojajar - Bogor</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Sawojajar No.21, Pabaton, Kecamatan Bogor Tengah, Kota Bogor, Jawa Barat 16121</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="permata-bogor">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Permata - Bogor</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Kompleks Ruko Permata, Jl Raya Soleh Iskandar No.4 RT 004 RW 04, Kelurahan Cibadak, Kecamatan Tanah Sereal, Kota Bogor
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pancoran-mas-depok">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pancoran Mas - Depok</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Nusantara Raya 155. Depok Jaya. Pancoran Mas, Kota Depok 16432</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sukmajaya-depok">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sukmajaya - Depok</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Proklamasi No 14-15</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="karadenan-cibinong">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Karadenan - Cibinong</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Karadenan No 38. Sukahati. Cibinong. Bogor. Jawa Barat 16913</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pajajaran-bogor">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pajajaran - Bogor</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jalan Raya Pajajaran Nomor 87 C, Kel. Bantarjati, Kec. Kota Bogor Utara, Kota Bogor, Provinsi Jawa Barat</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pondok-gede-jakarta-timur">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pondok Gede - Jakarta Timur</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Raya Pondok Gede No. 30 RT 004/009, Kel. Lubang buaya, Kec. Cipayung</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kalideres-jakarta-barat">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kalideres - Jakarta Barat</p>
<p class="font-inter font-bright-gray font-lokasi__address">Komp. Perumahan Daan Mogot Baru Blok LB 5, Kav. No 19, Kel. Kalideres, Kec. Kalideres</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pasar-minggu-jakarta-selatan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pasar Minggu - Jakarta Selatan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Raya Pasar Minggu No. 72 M, Kel. Pejaten Timur, Kec. Pasar Minggu</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kebayoran-baru-jakarta-selatan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kebayoran Baru - Jakarta Selatan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Kebayoran Baru, RT.4/RW.7, Gunung, Kec. Kby. Baru, Kota Jakarta Selatan, Daerah Khusus Ibukota Jakarta</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="harapan-indah-bekasi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Harapan Indah - Bekasi</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Ruko Sentra Niaga, Jl. Boulevard Hijau Raya No.3, RT.006/RW.009, Pejuang, Kec. Medan Satria, Kota Bks, Jawa Barat 17131
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="tambun-bekasi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Tambun - Bekasi</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Sultan Hasanudin No. 263-265, Desa Tambun, Kecamatan Tambun Selatan, Bekasi</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mayor-oking-cibinong">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Mayor Oking - Cibinong</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Mayor Oking A No. 1, RT 002, RW 01, Kel. Cirimekar, Kec. Cibinong, Kota Bogor</p>
</div>
<div class="radio-button"></div>
</div>
</div>
<div class="modal-content__location display-none" data-rel="tab-jawa">
<div class="modal-content__location--item" data-value="cihanjuang-cimahi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Cihanjuang - Cimahi</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jl. Cihanjuang Komplek Duta regency Blok A nomor 12-13, Cibabat, Kec. Cimahi Utara, Kota Cimahi, Jawa Barat 40513
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="tuparev-karawang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Tuparev - Karawang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Tuparev No. 395, Nagasari, Kec. Karawang Barat, Karawang, Jawa Barat 41314</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kebon-jahe-serang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kebon Jahe - Serang</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Ruko Cristal Kebon Jahe, Jln. Raya Serang Pandeglang KM 1 Link Kebon Jahe RT 004 RW 014 Kelurahan Cipare, Kebon Jahe, Kec. Serang, Kota Serang, Banten 42117
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="buah-batu-bandung">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Buahbatu - Bandung</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Buah Batu no 50, Burangrang, Kec Lengkong Kota Bandung. Jawa Barat 40262</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="padjadjaran-bandung">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pajajaran - Bandung</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Abdul Rahman Saleh No. 50, Kec. Cicendo, Bandung, 40174</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="wirobrajan-yogyakarta">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Wirobrajan - Yogyakarta</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. HOS Cokroaminoto No. 77. Pakuncen. Wirobraian. D.I. Yogyakarta 55253</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pandanaran-semarang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pandanaran - Semarang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Pandanaran No.99A, Mugassari. Kec. Semarang Sel.. Kota Semarang. Jawa Tengah 50249</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="gajah-mada-solo">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Gajahmada - Solo</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Gajahmada No.123B, Punggawan, Kec. Banjarsari, Kota Surakarta, Jawa Tengah 57132</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kusuma-bangsa-surabaya">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kusuma Bangsa - Surabaya</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Kusuma Bangsa No.74. Ketabang. Kec. Genteng. Kota SBY. Jawa Timur 60272</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="jemursari-surabaya">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Jemursari - Surabaya</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Raya Jemursari No.15, Wonocolo, Jawa Timur, 60239</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="klojen-malang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Klojen - Malang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Bandung No.14. Penanggungan, Kec. Klojen. Kota Malang, Jawa Timur 65111</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="merbabu-klaten">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Merbabu - Klaten</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Merbabu No.2, Pondok, Klaten, Kec. Klaten Tengah, Kabupaten Klaten, Jawa Tengah 57411</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sumbersari-jember">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sumbersari - Jember</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jawa 21 A-B Kelurahan Sumbersari, Kec. Sumbersari, Kabupaten Jember, Jawa Timur 68121</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="tentara-pelajar-tasikmalaya">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Tentara Pelajar - Tasikmalaya</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Tentara Pelajar no 129, Empangsari, Kec Tawang , Kab. Tasikmalaya, Jawa Barat 46113</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="kombas-purwokerto">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Kombas - Purwokerto</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jendral Suprapto, Cigrobak, Purwokerto Lor, Kec. Purwokerto Tim., Kabupaten Banyumas, Jawa Tengah 53114</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="banyumanik-semarang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Banyumanik - Semarang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Sukunraya A10 A11, Kel. Srondol Wetan, Kec. Banyumanik</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mertoyudan-magelang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Mertoyudan - Magelang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Ruko Nusantara Blok R4-6, Jl. Magelang - Purworejo</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="csb-mall-cirebon">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">CSB Mall - Cirebon</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Ruko CSB - Komp. Office Park, Jl. DR. Cipto Mangunkusumo No.26, Pekiringan, Kec. Kesambi, Kota Cirebon, Jawa Barat 45131
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="pondok-jati-sidoarjo">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Pondok Jati - Sidoarjo</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Pondok Jati Blok B No. 1, Kelurahan Jati, Kecamatan Sidoarjo,Kabupaten Sidoarjo, Jawa Timur 61252</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="hasanudin-kediri">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Hasanudin - Kediri</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Hasanudin No. 21 Ruko Hasanudin Bisnis Centre blok E no 21. Kel. Dandangan, Kec. Kota Kediri, Kota Kediri</p>
</div>
<div class="radio-button"></div>
</div>
</div>
<div class="modal-content__location display-none" data-rel="tab-sumatera">
<div class="modal-content__location--item" data-value="s-parman-medan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">S. Parman - Medan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Komplek Crown Center, Jl. S. Parman No.18-20, Petisah Hulu, Medan Petisah, Medan City, North Sumatra 20152</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="bukit-lama-palembang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Bukit Lama - Palembang</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jalan Srijaya Negara No. 27 D-E RT.35 RW.11 Bukit Lama, Kelurahan demang Lebar, Kecamatan Ilir Barat I Kota Palembang, Sumatera Selatan 30139
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="basuki-rachmat-palembang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Basuki Rachmat - Palembang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jend. Basuki Rachmat No.56 A-B, Ario Kemuning, Kec. Kemuning, Kota Palembang, Sumatera Selatan 30151</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="padat-karya-prabumulih">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Padat Kaya - Prabumulih</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Padat Karya No.333, Gn. Ibul, Kec. Prabumulih Tim., Kota Prabumulih, Sumatera Selatan 31146</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="jenderal-sudirman-dumai">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Jendral Sudirman - Dumai</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jendral Sudirman No 391</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="tarandam-padang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Tarandam - Padang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Proklamasi No.48, Alang Laweh, Kec. Padang Sel., Kota Padang, Sumatera Barat 25133</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="s-parman-padang">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">S. Parman - Padang</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. S. Parman No.145, Ulak Karang Selatan Kota Padang. Sumatera Barat 25134</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="teuku-nyak-arief-banda-aceh">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Teuku Nyak Arief - Banda Aceh</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Teuku Nyak Arief No.1-2, Desa Lamgugob, Kecamatan Syiah Kuala, Provinsi Aceh, 23115</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mustika-pekanbaru">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Mustika - Pekanbaru</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Mustika No.45. Sumahilang. Kec. Pekanbaru Kota. Kota Pekanbaru. Riau 28156</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="soekarno-hatta-pekanbaru">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Soekarno Hatta - Pekanbaru</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Soekarno Hatta, no.31-32, kel. Labuh Baru Barat, Kec. Payung Sekaki, Kota Pekanbaru, Riau. 28292</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sumur-batu-bandar-lampung">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sumur Batu - Bandar Lampung</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Diponegoro No.129, Sumur Batu, Kec. Teluk. Betung Utara, 35212</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sutomo-pematangsiantar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sutomo - Pematangsiantar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Sutomo NO 8 K-LProklamasi, Kec. Siantar Barat, Kota Pematang Siantar, Sumatera Utara 21144</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="thehok-jambi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Thehok - Jambi</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jend. Sudirman, Tambak Sari (Thehok), Kec. Jambi Sel., Kota Jambi, Jambi 36124</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="nagoya-batam">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Nagoya - Batam</p>
<p class="font-inter font-bright-gray font-lokasi__address">Komplek Lumbung Rejeki, Jl. Teuku Umar, Lubuk Baja Kota, Kec. Lubuk Baja, Kota Batam, Kepulauan Riau 29444</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="s-parman-bengkulu">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">S. Parman - Bengkulu</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. S. Parman No.54 B-C Padang Jati, Kec. Ratu Samban, Kota Bengkulu</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="yos-sudarso-medan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Yos Sudarso - Medan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Yos Sudarso No.12 GHI, RW. Lingk 11, Silalas, Kec. Medan Bar., Kota Medan, Sumatera Utara 2011</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="letda-sujono-medan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Letda Sujono - Medan</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Letda Sujono No.232-233, Bantan Tim., Kec. Medan Tembung, Kota Medan, Sumatera Utara 20223</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="jambu-air-bukittinggi">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Jambu Air - Bukittinggi</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Jambu Air No. 82-83, Taluak Ampek Suku, Kec. Banuhampu, Kabupaten Agam, Sumatera Barat 26181</p>
</div>
<div class="radio-button"></div>
</div>
</div>
<div class="modal-content__location display-none" data-rel="tab-bali">
<div class="modal-content__location--item" data-value="melati-denpasar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Melati - Denpasar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Melati No.67, Dangin Puri. Kec. Denpasar Tim.. Kota Denpasar, Bali 80233</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mahendradatta-denpasar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Mahendradatta - Denpasar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Mahendradatta No. A4 - A6, Desa Padangsambian, Kec. Denpasar Barat, Kota Denpasar 80119</p>
</div>
<div class="radio-button"></div>
</div>
</div>
<div class="modal-content__location display-none" data-rel="tab-kalimantan">
<div class="modal-content__location--item" data-value="gatot-subroto-banjarmasin">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Gatot Subroto - Banjarmasin</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Gatot Subroto No.17, Kebun Bunga, Kota Banjarmasin, Kalimantan Selatan 70237</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mt-haryono-pontianak">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">MT Haryono - Pontianak</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jalan MT Haryono No.27, Akcaya, Kecamatan Pontianak Selatan, Kota Pontianak, Kalimantan Barat 78113</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="sungai-ampal-balikpapan">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Sungai Ampal - Balikpapan</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jl. Sungai Ampal No.114 Kecamatan Balikpapan Tengah, Kelurahan Sumber Rejo, Kota Balikpapan, Provinsi Kalimantan Timur, 76114
</p>
</div>
<div class="radio-button"></div>
</div>
</div>
<div class="modal-content__location display-none" data-rel="tab-sulawesi">
<div class="modal-content__location--item" data-value="cendrawasih-makassar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Cenderawasih - Makassar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Cendrawasih No. 12, Kel. Kunjungmae, Kec. Mariso, Kota Makassar Kode Pos 90125</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="perintis-makassar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Perintis - Makassar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl Perintis KM. 9 No. 57 A, Kel. Tamalanrea Jaya, Kec. Tamalanrea, Kota Makassar</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="hertasning-makassar">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Hertasning - Makassar</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Hertasning Bar. No.71, Bonto Makkio, Kec. Rappocini, Kota Makassar, Sulawesi Selatan 90222</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="wenang-selatan-manado">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Wenang Selatan - Manado</p>
<p class="font-inter font-bright-gray font-lokasi__address">Jl. Sam Ratulangi No.88, Kec. Wenang, 95111</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="andi-kambo-palopo">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">Andi Kambo - Palopo</p>
<p class="font-inter font-bright-gray font-lokasi__address">
Jalan Andi Kambo (ex.Merdeka) depan Hotel Value - Ruko No. 6 dan No. 7, Kelurahan Surutanga, Kecamatan Wara Timur, Kota Palopo , Kode Pos 91911
</p>
</div>
<div class="radio-button"></div>
</div>
<div class="modal-content__location--item" data-value="mt-haryono-kendari">
<div class="modal-content__location--desc">
<p class="font-inter font-black font-lokasi__office">MT Haryono - Kendari</p>
<p class="font-inter font-bright-gray font-lokasi__address">Bende, Kec. Kadia, Kota Kendari, Sulawesi Tenggara 93117</p>
</div>
<div class="radio-button"></div>
</div>
</div>
</div>
<div class="modal-content__submit display-none">
<button id="submitLocation" class="font-inter font-white btn-orange">Pilih Lokasi</button>
</div>
</div>
</div>
</div>
</div>
<!--end widget-span -->
</div>
<!--end row-->
</div>
<!--end row-wrapper -->
</div>
<!--end body -->
</div>
<!--end body wrapper -->
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/module_assets/87667207023/1670557546316/module_87667207023_Module_RG_Detail_Page_Brain_Academy_Center.min.js"></script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(['setContentType', 'landing-page']);
_hsq.push(['setCanonicalUrl', 'https:\/\/www.ruangguru.com\/brain-academy-center-utbk-snbt']);
_hsq.push(['setPageId', '88688373554']);
_hsq.push([
'setContentMetadata',
{
contentPageId: 88688373554,
legacyPageId: '88688373554',
contentFolderId: null,
contentGroupId: null,
abTestId: null,
languageVariantId: 88688373554,
languageCode: 'id',
},
]);
</script>
<script type="text/javascript">
var hsVars = {
render_id: '5915a020-9773-4eb0-83c7-1f37ac203d56',
ticks: 1684632191519,
page_id: 88688373554,
content_group_id: 0,
portal_id: 2828691,
app_hs_base_url: 'https://app.hubspot.com',
cp_hs_base_url: 'https://cp.hubspot.com',
language: 'id',
analytics_page_type: 'landing-page',
analytics_page_id: '88688373554',
category_id: 1,
folder_id: 0,
is_hubspot_user: false,
};
</script>
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.mjs" type="module"></script>
<!-- Load CSS for all versions -->
<script>
// CSS loading function available for all versions
function loadFloatingCSS() {
// Check if CSS is already loaded
if (document.getElementById('fb-component-css')) {
return;
}
// Create and append CSS style block to head
const style = document.createElement('style');
style.id = 'fb-component-css';
style.textContent = `
.bantuan-container {
position: relative;
}
.bantuan-element {
position: fixed;
z-index: 999;
display: flex;
align-items: flex-end;
justify-content: flex-end;
cursor: pointer;
transition: all 0.6s ease;
}
.bantuan-top {
bottom: 11rem;
right: 2rem;
}
.bantuan-bottom {
bottom: 2rem;
right: 2rem;
}
.bantuan-top-2 {
bottom: 15rem;
right: 2rem;
}
.bantuan-top-3 {
bottom: 19rem;
right: 2rem;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 2rem;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 2rem;
}
@media (min-width: 768px) {
.bantuan-element img {
width: auto;
transition: all 0.4s ease;
}
.bantuan-top img {
width: 140px;
}
.bantuan-bottom img {
width: 140px;
}
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 140px;
}
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 140px;
}
.bantuan-element.clicked {
bottom: 9rem;
right: 2.5rem;
}
.bantuan-element.clicked img {
width: auto;
height: 64px;
}
}
@media (max-width: 767px) {
.bantuan-top {
bottom: 8rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom {
bottom: 2rem;
right: 1.25rem;
align-items: center;
}
.bantuan-top-2 {
bottom: 12rem;
right: 1rem;
align-items: center;
}
.bantuan-top-3 {
bottom: 16rem;
right: 1rem;
align-items: center;
}
.bantuan-bottom-2 {
bottom: 5rem;
right: 1.25rem;
align-items: center;
}
.bantuan-bottom-3 {
bottom: 8rem;
right: 1.25rem;
align-items: center;
}
.bantuan-element img {
width: auto;
}
.bantuan-top img,
.bantuan-top-2 img,
.bantuan-top-3 img {
width: 96px;
}
.bantuan-bottom img,
.bantuan-bottom-2 img,
.bantuan-bottom-3 img {
width: 96px;
}
}
.bantuan-element:hover {
transform: scale(1.05);
}
.bantuan-element img {
max-width: 100%;
height: auto;
}
`;
document.head.appendChild(style);
}
// Load CSS immediately
loadFloatingCSS();
</script>
<div id="bantuan-divs-container" style="position: relative" data-product="ruangguru" data-table=""></div>
<script>
class FloatingDivsComponent {
constructor(product = 'ruangguru', table = 'rg_promo_banner') {
this.container = document.getElementById('bantuan-divs-container');
this.floatingElements = [];
this.product = product;
this.table = table;
// Configuration
this.config = {
baseApiUrl: 'https://gw.ruangguru.com/api/v3/rdb/p_ddgy8hjx5dxsqx/rg_banner/views/',
apiKey: 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
maxElements: 2,
zIndexBase: 100,
};
// Build dynamic API URL based on table parameter
this.config.apiUrl = this.buildApiUrl();
this.init();
}
buildApiUrl() {
const baseUrl = this.config.baseApiUrl;
const tableName = this.table || 'rg_promo_banner';
const queryParams =
'offset=0&limit=99999&sort=rankPosition&where=(type,eq,floating)~and(showIn,anyof,landingPage)~and(hide,is,false)~and(product,eq,' +
this.product +
')&nested%5Bcta%5D%5Bfields%5D=Id,name,ctaId,imageUrl,ctaLink,targetUrl';
return `${baseUrl}${tableName}?${queryParams}`;
}
async init() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to initialize floating divs component:', error);
}
}
async fetchFloatingElements() {
try {
const options = {
method: 'GET',
headers: {
'xc-token': this.config.apiKey || 'vLyK3dJrDBRmOwueX2OJXibMkgsUbBk0WS4ua2p1',
},
};
const urlNoco = this.config.apiUrl;
const response = await fetch(urlNoco, options);
if (!response.ok) {
throw new Error(`HTTP error! status: ${response.status}`);
}
const data = await response.json();
this.floatingElements = this.processApiResponse(data);
} catch (error) {
console.error('Error fetching floating elements:', error);
throw error;
}
}
processApiResponse(data) {
if (!data || !data.list || !Array.isArray(data.list)) {
return [];
}
// Ensure we only get maximum 2 elements
const limitedElements = data.list.slice(0, this.config.maxElements);
return limitedElements;
}
renderFloatingElements() {
if (!this.container || this.floatingElements.length === 0) {
return;
}
// Additional safeguard: ensure we never render more than maxElements
const elementsToRender = this.floatingElements.slice(0, this.config.maxElements);
// Clean up existing elements and their event listeners
this.cleanupExistingElements();
// Clear existing content
this.container.innerHTML = '';
elementsToRender.forEach((element, index) => {
const floatingDiv = this.createFloatingDiv(element, index);
this.container.appendChild(floatingDiv);
});
}
cleanupExistingElements() {
// Clear existing elements (no need for event listener cleanup with CSS approach)
const existingElements = this.container.querySelectorAll('[data-floating-element]');
existingElements.forEach(element => {
element.remove();
});
}
createFloatingDiv(element, index) {
const div = document.createElement('div');
const cta = element.cta[0]; // Use the first CTA
// Add data attribute for cleanup tracking
div.setAttribute('data-floating-element', 'true');
// Apply CSS classes based on rankPosition
const positionClass = this.getPositionClass(element.rankPosition, index);
div.className = `bantuan-element ${positionClass}`;
div.style.zIndex = this.config.zIndexBase + index;
// Create the link and image
const link = document.createElement('a');
link.href = 'https://cta.ruangguru.com/' + cta.ctaId || '#';
link.target = '_blank';
// Add tracking attributes
link.setAttribute('data-tracking-event-type', 'landing_page__core__item_click');
link.setAttribute(
'data-tracking-context',
JSON.stringify({
product_name: this.product,
cta_action: 'redirection',
cta_action_detail: link.href,
item_type: 'floating',
item_name: element.name || 'Floating element',
item_category: 'payment',
item_position: index,
item_serial: null,
section_type: 'floating_item',
section_position: 'body',
section_name: 'floating_item',
})
);
const img = document.createElement('img');
img.src = element.imageUrl + '?h=200&convert=webp';
img.alt = element.name || 'Floating element';
img.loading = 'lazy';
// Add click tracking
link.addEventListener('click', () => {
this.trackClick(element, cta);
});
link.appendChild(img);
div.appendChild(link);
return div;
}
getPositionClass(rankPosition, index) {
// Define positioning classes based on rankPosition
if (rankPosition === 1) {
return 'bantuan-top'; // Top position
} else if (rankPosition === 2) {
return 'bantuan-bottom'; // Bottom position
} else {
// For additional elements, distribute them evenly
return `bantuan-${index % 2 === 0 ? 'top' : 'bottom'}-${Math.floor(index / 2) + 1}`;
}
}
trackClick(element, cta) {
// Implement click tracking logic here
console.log('Floating element clicked:', {
elementId: element.Id,
elementName: cta.name,
ctaId: cta.ctaId,
targetUrl: cta.targetUrl,
});
}
// Public method to manually refresh
async refresh() {
try {
await this.fetchFloatingElements();
this.renderFloatingElements();
} catch (error) {
console.error('Failed to refresh floating elements:', error);
throw error;
}
}
// Public method to get current floating elements
getFloatingElements() {
return [...this.floatingElements];
}
}
// Initialize the component when DOM is ready
document.addEventListener('DOMContentLoaded', () => {
// Get product and table parameters from data attributes
const container = document.getElementById('bantuan-divs-container');
const product = container.getAttribute('data-product') || 'ruangguru';
const table = container.getAttribute('data-table') || 'rg_promo_banner';
new FloatingDivsComponent(product, table);
});
// Export for use in other modules if needed
if (typeof module !== 'undefined' && module.exports) {
module.exports = FloatingDivsComponent;
}
</script>
<!-- Tracker -->
<script src="https://unpkg.com/analytics@0.8.1/dist/analytics.min.js"></script>
<script type="text/javascript" src="https://unpkg.com/analytics-plugin-trackable/dist/analytics-plugin-trackable.min.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N8DPXH6" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<script type="text/javascript" defer>
/* Initialize analytics */
var Analytics = _analytics.init({
app: 'brainAcademyLandingPage',
debug: false,
plugins: [analyticsTrackable()],
});
Analytics.ready(function () {
Analytics.page();
});
</script>
<style>
@media (min-width: 1025px) {
.breadcrumb-item > a,
.breadcrumb-item.active {
font-size: 16px;
line-height: 24px;
}
}
@media (max-width: 1024px) {
.breadcrumb-item > a,
.breadcrumb-item.active {
font-size: 12px;
line-height: 20px;
}
}
.breadcrumb {
padding: 0 1rem;
margin: 0;
}
.breadcrumb-item > a,
.breadcrumb-item.active {
font-family: 'Inter';
color: #ffffff !important;
}
.breadcrumb-item > a {
font-weight: 400;
}
.breadcrumb-item.active {
font-weight: 600;
}
.breadcrumb-item + .breadcrumb-item::before {
color: #ffffff !important;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script id="ze-snippet" src="https://static.zdassets.com/ekr/snippet.js?key=a2ac30ed-dd6d-47f6-99ba-0d5aeae351a0"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457848/1615619794843/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/modal-video.js"></script>
<script src="https://cdn-web-2.ruangguru.com/landing-page-web/public/staticpages/www.ruangguru.com/hs-fs/hub/2828691/hub_generated/template_assets/10729457994/1615619961343/Templates/Custom/Page/Fadhli/All_Template_for_Marketing_Engineer/Source_Modal_Video/jquery-modal-video-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
<script>
//START BREADCRUMBS
const base_url = window.location.origin;
const base_text = 'Home';
const showConsoleLog = false;
const _versi = 'bc-1.3.1b12';
var site_url = base_url;
const brand_uppercase_list = [
'XL',
'BNI',
'BRI',
'MAYAPADA',
'OVO',
'BCA',
'DBS',
'UOB',
'OCBC',
'NISP',
'KIS',
'ABC',
'BTN',
'GOPAY',
'FAQ',
'TPS',
'UTBK',
'TC',
'SBMPTN',
'UN',
'SMA',
'SMP',
'OTG',
'RLO',
'SD',
'RBP',
'PAUD',
'RPP',
'KFC',
'RUG',
'SYCA',
'DISKONPAS',
'SPP',
'IPA',
'IPS',
'IB',
'IGCSE',
'GMAT',
'GRE',
'IELTS',
'SAT',
'TOEFL',
'IBT',
'ITP',
'TOEIC',
'PHP',
];
const brand_lowercase_list = ['ruangkelas', 'ruangbelajar', 'ruanguji', 'ruangpengajar', 'ruangles', 'ruanglesonline'];
const brand_custom_text = [
{
from: 'UTBK Snbt',
to: 'UTBK/SNBT',
},
];
brand_uppercase_list.forEach(function (path, index) {
this[index] = path.toLowerCase();
}, brand_uppercase_list);
brand_lowercase_list.forEach(function (path, index) {
this[index] = path.toLowerCase();
}, brand_lowercase_list);
var populate_brand_custom_text_from = [];
brand_custom_text.forEach(function (path, index) {
if (this[index].from.length > 0) {
this[index].from = path.from.toLowerCase();
populate_brand_custom_text_from.push(path.from.toLowerCase());
}
}, brand_custom_text);
function urlToBreadcrumbs() {
var crumbHash = document.URL.split('#');
var crumb;
if (crumbHash.length) {
crumb = crumbHash[0];
}
crumb = crumb.split('/');
var newListItem = '';
crumb = crumb.slice(3, crumb.length);
newListItem += '<li class="breadcrumb-item">';
newListItem += '<a href="' + base_url + '">' + base_text + '</a>';
newListItem += '</li>';
var max = crumb.length - 1;
for (var i = 0; i <= max; i++) {
var thisCrumb = crumb[i];
if (aContainsB(thisCrumb, '_')) {
thisCrumb = dropUnderscore(thisCrumb);
}
if (aContainsB(thisCrumb, '-')) {
thisCrumb = dropStrip(thisCrumb);
}
if (aContainsB(thisCrumb, '?')) {
thisCrumb = dropQuestionMark(thisCrumb);
}
thisCrumb = formatText(thisCrumb.trim());
site_url += '/' + crumb[i];
if (thisCrumb) {
if (i < max) {
newListItem += '<li class="breadcrumb-item">';
thisCrumb = '<a href="' + site_url + '">' + thisCrumb + '</a>';
} else {
newListItem += '<li class="breadcrumb-item active">';
}
newListItem += thisCrumb;
newListItem += '</li>';
}
}
if (document.getElementById('breadcrumb')) {
document.getElementById('breadcrumb').innerHTML = newListItem;
}
}
function aContainsB(a, b) {
return a.indexOf(b) >= 0;
}
function dropUnderscore(address) {
var drop = address.split('_');
return drop.join(' ');
}
function dropStrip(address) {
var drop = address.split('-');
return drop.join(' ');
}
function dropQuestionMark(address) {
var drop = address.split('?');
return drop[0];
}
function formatText(lowerCaseString) {
var stringArray = lowerCaseString.split(' ');
var formatTextdString = '';
for (var i = 0; i < stringArray.length; i++) {
if (populate_brand_custom_text_from.indexOf(stringArray[i]) !== -1) {
formatTextdString += brand_custom_text[populate_brand_custom_text_from.indexOf(stringArray[i])].to.toString() + ' ';
if (showConsoleLog) {
console.log('populate_brand_custom_text_from.indexOf(stringArray[i]):');
console.log(populate_brand_custom_text_from.indexOf(stringArray[i]));
console.log('brand_custom_text[populate_brand_custom_text_from.indexOf(stringArray[i])]:');
console.log(brand_custom_text[populate_brand_custom_text_from.indexOf(stringArray[i])]);
}
} else if (brand_uppercase_list.indexOf(stringArray[i]) !== -1) {
formatTextdString += stringArray[i].toUpperCase() + ' ';
} else if (brand_lowercase_list.indexOf(stringArray[i]) !== -1) {
formatTextdString += stringArray[i].toLowerCase() + ' ';
} else {
var wordArray = stringArray[i].split('');
if (wordArray.length) {
wordArray[0] = wordArray[0].toUpperCase();
wordArray = wordArray.join('');
formatTextdString += wordArray + ' ';
}
}
if (showConsoleLog) {
console.log('stringArray[i]:');
console.log(stringArray[i]);
}
}
if (showConsoleLog) {
console.log('formatTextdString:');
console.log(formatTextdString);
}
return formatTextdString;
}
if (document.getElementsByClassName('breadcrumb-item').length) {
let bc_item = document.getElementsByClassName('breadcrumb-item');
let bc_length = bc_item.length;
let bc_item_last = bc_item[bc_length - 1];
let bc_text = bc_item_last.innerText;
let bc_html = bc_item_last.innerHTML;
bc_item[bc_length - 1].innerHTML = bc_item_last.innerText;
bc_item[bc_length - 1].classList.add('active');
}
//END BREADCRUMBS
//POP UP VIDEO
$('.js-video-button').modalVideo({
youtube: {
controls: 0,
nocookie: true,
},
});
//CREATE LIST
const makeUL = array => {
var list = `<ul>`;
var item = ``;
for (var i = 0; i < array.length; i++) {
item = item + `<li>${array[i]}</li>`;
}
var finalList = list + item + `</ul>`;
return finalList;
};
// Function convert num to rupiah
const formatNumber = num => {
return num.toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, '$1.');
};
// DISPLAY USP AND MONTH PRICE
const setUSPList = (usps, bulan) => {
let uspList = makeUL(usps);
$('#usp-list').empty().html(uspList);
$('#monthprice').text(formatNumber(bulan));
};
// Function Fetch Data Package
const fetchDataPackage = endpoint => {
return fetch(endpoint, {
headers: {
'Access-Control-Allow-Origin': '*',
'Content-Type': 'application/json',
'Access-Control-Allow-Methods': 'GET',
platform: 'web',
country: 'id',
},
})
.then(response => {
return response.json().then(d => {
const dataJson = JSON.parse(d.data.details[1].data);
const bacProduct = dataJson.find(data => data.productType === 'brainacademy-offline');
if (bacProduct) {
const usps = bacProduct.productInformation.values;
const monthPrice = bacProduct.priceInformation.price;
setUSPList(usps, monthPrice);
}
});
})
.catch(error => {
console.log(error);
});
};
//POP UP
$('.button-close').click(function () {
$('#modalLokasi').addClass('display-none');
});
$('#buttonFreeTrial').click(function () {
$('#modalLokasi').removeClass('display-none');
});
$('.modalOverlay').click(function (event) {
if (!$(event.target).closest('.modalPopup').length && !$(event.target).is('modalPopup')) {
$('.modalOverlay').addClass('display-none');
}
});
$('#seePackage').click(function () {
if (window.location.search.includes('jenjang=sd') || window.location.pathname.includes('sd')) {
$('#modalSD').removeClass('display-none');
}
if (window.location.search.includes('jenjang=smp') || window.location.pathname.includes('smp')) {
$('#modalSMP').removeClass('display-none');
}
if (window.location.search.includes('jenjang=sma') || window.location.pathname.includes('sma')) {
$('#modalSMA').removeClass('display-none');
}
if (window.location.search.includes('jenjang=utbk') || window.location.pathname.includes('utbk')) {
window.open('https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=kelas-utbk');
}
});
$('.btn-kelas').click(function () {
var valKelas = $(this).val();
var strKelas = $(this).attr('data-value');
$('.modalOverlay').addClass('display-none');
window.open('https://bayar.ruangguru.com/packages-list?tag=brainacademy-offline&grade=' + valKelas);
});
window.onload = function () {
if (document.referrer) {
$('a.btn-back').attr('href', document.referrer);
} else {
$('a.btn-back').hide();
$('.breadcrumb').css('padding', 0);
}
urlToBreadcrumbs();
if (window.location.search.includes('jenjang=sd') || window.location.pathname.includes('sd')) {
$('.testimoni-card.sd').removeClass('display-none');
fetchDataPackage('https://gw.ruangguru.com/api/v3/rg-payment-flow-api/payment-flow/PAGE-PackageMenu-v3?labels=kelas-4-sd');
}
if (window.location.search.includes('jenjang=smp') || window.location.pathname.includes('smp')) {
$('.testimoni-card.smp').removeClass('display-none');
fetchDataPackage('https://gw.ruangguru.com/api/v3/rg-payment-flow-api/payment-flow/PAGE-PackageMenu-v3?labels=kelas-10-smp');
}
if (window.location.search.includes('jenjang=sma') || window.location.pathname.includes('sma')) {
$('.testimoni-card.sma').removeClass('display-none');
fetchDataPackage('https://gw.ruangguru.com/api/v3/rg-payment-flow-api/payment-flow/PAGE-PackageMenu-v3?labels=kelas-10-sma');
}
if (window.location.search.includes('jenjang=utbk') || window.location.pathname.includes('utbk')) {
$('.testimoni-card.utbk').removeClass('display-none');
fetchDataPackage('https://gw.ruangguru.com/api/v3/rg-payment-flow-api/payment-flow/PAGE-PackageMenu-v3?labels=kelas-utbk');
}
$('.detail-fitur').css('overflow-y', 'hidden');
};
//on mobile when scroll at the first time
$(window).one('scroll', function () {
$('.detail-content_right').css('display', 'block');
});
//on mobile when idle 3 seconds at the first time
setTimeout(function () {
$('.detail-content_right').css('display', 'block');
}, 3000);
//DISPLAY BRANCH LOCATIOn
$('.chip-region').click(function () {
var activeTab = $(this).attr('data-rel');
$('.chip-region').removeClass('active');
$(this).addClass('active');
$('.modal-content__location').addClass('display-none');
$(".modal-content__location[data-rel^='" + activeTab + "']").removeClass('display-none');
});
$('.modal-content__location--item').click(function () {
$('.modal-content__location--item').removeClass('active');
$(this).addClass('active');
$('.modal-content__submit').removeClass('display-none');
});
$('#submitLocation').click(function () {
var activeLocation = $('.modal-content__location--item.active').data('value');
window.open('https://www.brainacademy.id/branch/' + activeLocation + '#kelas-gratis');
});
//WINDOW HEIGHT
var heightOff = 0;
if ($(window).width() < 769) {
heightOff = 100;
} else {
heightOff = 80;
}
//NAVBAR CLICK
$('.btn-navbar').click(function () {
$('.btn-navbar').removeClass('aktif');
$(this).addClass('aktif');
$('html, body').animate(
{
scrollTop: eval($('#' + $(this).attr('target')).offset().top - heightOff),
},
10
);
});
</script>
<!-- Generated by the HubSpot Template Builder - template version 1.03 -->
</body>
</html>