{"version":3,"file":"static/chunks/pages/akademi-ec768455301bf692.js","mappings":"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","sources":["webpack://_N_E/?6d5f","webpack://_N_E/./public/assets/check_circle.png","webpack://_N_E/./public/assets/gurujuara/hero-bg.png","webpack://_N_E/./public/assets/play-button.png","webpack://_N_E/./src/components/info-card/info-card.styles.ts","webpack://_N_E/./src/components/info-card/info-card.tsx","webpack://_N_E/./public/assets/close-button.png","webpack://_N_E/./src/components/video-modal/video-modal.styles.ts","webpack://_N_E/./src/components/video-modal/video-modal.tsx","webpack://_N_E/./src/data/links.ts","webpack://_N_E/./public/assets/akademi/polaroid1.png","webpack://_N_E/./public/assets/akademi/polaroid2.png","webpack://_N_E/./public/assets/akademi/polaroid3.png","webpack://_N_E/./public/assets/akademi/polaroid4.png","webpack://_N_E/./src/components/akademi-gurujuara/akademi-banner/akademi-banner.styles.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-banner/akademi-banner.tsx","webpack://_N_E/./public/assets/akademi/akademi-thumb.jpg","webpack://_N_E/./src/components/akademi-gurujuara/akademi-about/akademi-about.styles.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-about/akademi-about.tsx","webpack://_N_E/./src/styles/pages/akademi/akademi.styles.tsx","webpack://_N_E/./public/assets/champion/Calender.png","webpack://_N_E/./public/assets/champion/Hand-in-hand.png","webpack://_N_E/./public/assets/champion/Money.png","webpack://_N_E/./public/assets/champion/Person.png","webpack://_N_E/./src/data/perks-of-teacher.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-become-teacher/akademi-become-teacher.styles.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-become-teacher/akademi-become-teacher.tsx","webpack://_N_E/./src/data/akademi-infocard.ts","webpack://_N_E/./public/assets/champion/Framemobile.png","webpack://_N_E/./public/assets/champion/tahap.svg","webpack://_N_E/./src/components/akademi-gurujuara/akademi-steps/akademi-steps.styles.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-steps/akademi-steps.tsx","webpack://_N_E/./public/assets/champion/mobile.png","webpack://_N_E/./public/assets/champion/all.png","webpack://_N_E/./src/components/akademi-gurujuara/akademi-student-type/akademi-student-type.styles.ts","webpack://_N_E/./src/data/kamulah-card.ts","webpack://_N_E/./src/components/akademi-gurujuara/akademi-student-type/akademi-student-type.tsx","webpack://_N_E/./src/pages/akademi/index.tsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/akademi\",\n      function () {\n        return require(\"private-next-pages/akademi/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/akademi\"])\n      });\n    }\n  ","export default {\"src\":\"/_next/static/media/check_circle.10c75bb8.png\",\"height\":32,\"width\":32,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAKlBMVEUA04sAzIgAzIkA0YwAzIkAzIkAwoMAzooAy4gAzooAzIgAzIgAzIkA3ZQPfU8CAAAADXRSTlMBLPn+yVocRXjsrLtvodIfPwAAAAlwSFlzAAALEwAACxMBAJqcGAAAADpJREFUeJwdy7cRADEMxEDwaOSe/bf7IyHaBABm3CykuIyWe8Dw1cc0SB9f7U5Kp3avgvRu5dvmNPgBIXQBGkPuVUIAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/hero-bg.6346335f.png\",\"height\":364,\"width\":1280,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAACCAMAAABSSm3fAAAABlBMVEUAS7UASLa6Sr2LAAAAAnRSTlMFB5WArN4AAAAJcEhZcwAACxMAAAsTAQCanBgAAAAPSURBVHicY2CAA0YwYAAAAC0ABzKwECEAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":2};","export default {\"src\":\"/_next/static/media/play-button.0067b3ca.png\",\"height\":192,\"width\":193,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAALVBMVEUdWeMfWvYaWfIfXPkcWfhYhfghW/UiVf8kYPwjYPr5+/9bhvgZWPsuaPvf6P4tPJrVAAAADHRSTlMBURzr1vw1D2I6/vxrWStOAAAACXBIWXMAACxLAAAsSwGlPZapAAAAMklEQVR4nEWLSQoAIAzEUq371P8/VxDBWyAJ0MwSQHUpG+BRpJwYirmL+gc81lU/fvsBNIMBdVtnfL8AAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\nimport Image from \"next/image\";\n\nexport const InfoCardWrapper = styled.section<{ backgroundColor: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 100px 40px 100px;\n  gap: 16px;\n  background-color: ${({ backgroundColor }) => backgroundColor};\n  @media ${breakpoints.mobile} {\n    padding: 60px 20px 20px 20px;\n    gap: 12px;\n  }\n`;\n\nexport const InfoContainer = styled(Container)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    padding: 0;\n  }\n`;\n\nexport const InfoCardHeading = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 16px;\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    height: 46px;\n    gap: 8px;\n  }\n`;\n\nexport const TickWrapper = styled.div`\n  padding-top: 5px;\n  @media ${breakpoints.mobile} {\n    padding-top: 4px;\n  }\n`;\n\nexport const InfoCardTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  max-width: 750px;\n  line-height: 46px;\n  margin: 0;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-weight: 700;\n  @media ${breakpoints.mobile} {\n    width: 300px;\n    padding: 40px 0 0 0;\n    line-height: 28px;\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    text-align: center;\n  }\n`;\n\nexport const InfoCardSubtitle = styled.div`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    margin: 10px 0 70px 0;\n    text-wrap: pretty;\n    text-align: center;\n    line-height: 20px;\n    font-size: ${({ theme }) => theme.fontSizes[\"sm\"]};\n    color: ${({ theme }) => theme.colors.neutral[700]};\n  }\n`;\n\nexport const InfoCardInfoWrapper = styled.div`\n  display: grid;\n  align-items: space-around;\n  justify-content: center;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 24px;\n  padding: 56px;\n  width: fit-content;\n  height: fit-content;\n  @media ${breakpoints.mobile} {\n    grid-template-columns: 1fr;\n    width: 100%;\n    height: auto;\n    padding: 16px;\n    gap: 20px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding-top: 40px;\n  }\n`;\n\nexport const InfoCardContainer = styled.div<{ padding: string }>`\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  justify-content: flex-start;\n  width: 528px;\n  height: fit-content;\n  min-height: fit-content;\n  border-radius: 12px;\n  padding: 25px;\n  background-color: ${({ theme }) => theme.colors.white};\n  box-shadow: 0 4px 24px rgba(135, 206, 250, 0.5);\n  @media ${breakpoints.mobile} {\n    width: 90%;\n    max-width: 480px;\n    height: auto;\n    padding: 12px;\n  }\n`;\n\nexport const InfoBold = styled.b`\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  font-weight: bold;\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  white-space: normal;\n\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  }\n`;\n\nexport const InfoBoldNumber = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"5xl\"]};\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n    padding-left: 8px;\n  }\n`;\n\nexport const InfoBoldText = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  line-height: 40px;\n  @media ${breakpoints.mobile} {\n    line-height: 24px;\n    font-size: ${({ theme }) => theme.fontSizes[\"lg\"]};\n  }\n`;\n\nexport const InfoBulletin = styled.div`\n  gap: 16px;\n`;\n\nexport const InfoNormal = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  line-height: 1.5;\n  width: 440px;\n  white-space: normal;\n  margin-top: 8px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    width: 100%;\n  }\n`;\nexport const ImageContainer1 = styled(Image)`\n  width: 32px;\n  height: 32px;\n  margin-right: 8px;\n  align-self: center;\n  margin-bottom: 20px;\n`;\nexport const ImageContainer2 = styled(Image)`\n  width: 32px;\n  height: 32px;\n  margin-right: 8px;\n  margin-bottom: 30px;\n  margin-top: 10px;\n`;\n","import React from \"react\";\n\nimport { IInfoCardProps } from \"./info-card.types\";\nimport {\n  InfoCardSubtitle,\n  InfoCardTitle,\n  InfoCardWrapper,\n  InfoCardInfoWrapper,\n  InfoCardContainer,\n  InfoContainer,\n  InfoCardHeading,\n  InfoBold,\n  InfoNormal,\n  InfoBoldNumber,\n  InfoBoldText,\n  InfoBulletin,\n  TickWrapper,\n  ImageContainer1,\n  ImageContainer2\n} from \"./info-card.styles\";\nimport CheckIcon from \"public/assets/check_circle.png\";\n\nexport const InfoCard: React.FC<IInfoCardProps> = ({\n  title,\n  subtitle,\n  info,\n  boldStyle,\n  backgroundColor\n}) => {\n  return (\n    <InfoCardWrapper backgroundColor={backgroundColor || \"white\"}>\n      <InfoContainer>\n        <InfoCardHeading>\n          <InfoCardTitle>{title}</InfoCardTitle>\n          {subtitle && <InfoCardSubtitle>{subtitle}</InfoCardSubtitle>}\n        </InfoCardHeading>\n        <InfoCardInfoWrapper>\n          {info.map((item, index) => {\n            const isSingleLine = item.normal.length === 1;\n            const boldContent =\n              typeof item.bold === \"string\" ? { text: item.bold } : item.bold;\n\n            return (\n              <InfoCardContainer\n                key={index}\n                padding={item.normal.length > 1 ? \"2px\" : \"8px\"}\n              >\n                {isSingleLine && (\n                  <TickWrapper>\n                    <ImageContainer1 src={CheckIcon} alt=\"bullet\" />\n                  </TickWrapper>\n                )}\n\n                <InfoBulletin style={{ flex: 1 }}>\n                  {/* Display bold content */}\n                  <InfoBold style={boldStyle}>\n                    <InfoBoldNumber>\n                      {boldContent.number && (\n                        <span style={{ fontWeight: \"800\", marginRight: \"8px\" }}>\n                          {boldContent.number}\n                        </span>\n                      )}\n                    </InfoBoldNumber>\n                    <InfoBoldText>{boldContent.text}</InfoBoldText>\n                  </InfoBold>\n\n                  <div className=\"info-bulletin\">\n                    {item.normal.map((text, idx) => (\n                      <div\n                        key={idx}\n                        style={{ display: \"flex\", alignItems: \"center\" }}\n                      >\n                        {!isSingleLine && (\n                          <ImageContainer2 src={CheckIcon} alt=\"bullet\" />\n                        )}\n                        <InfoNormal\n                          dangerouslySetInnerHTML={{\n                            __html: text\n                          }}\n                        />\n                      </div>\n                    ))}\n                  </div>\n                </InfoBulletin>\n              </InfoCardContainer>\n            );\n          })}\n        </InfoCardInfoWrapper>\n      </InfoContainer>\n    </InfoCardWrapper>\n  );\n};\n","export default {\"src\":\"/_next/static/media/close-button.2d3f1bc4.png\",\"height\":73,\"width\":73,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAJFBMVEX///////9MaXH///////////////////////////////////8ZR3RTAAAAC3RSTlPhhwAl0imdcwIFBPeR6qEAAAAJcEhZcwAALEsAACxLAaU9lqkAAAA0SURBVHicBcGJAcAgDAOxs/MA9f77VuLI91qHjmylGSKFwdNJl/m8yfphBSKzoYqIpuyifyr1AR8M88RYAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\n\nexport const ModalOverlay = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background-color: rgba(0, 0, 0, 0.8);\n  z-index: 1000;\n`;\n\nexport const ModalWrapper = styled.div`\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: fit-content;\n  width: fit-content;\n  border-radius: 15px;\n  padding: 35px;\n  @media ${breakpoints.mobile} {\n    width: 300px;\n    height: 180px;\n  }\n`;\n\nexport const Modal = styled.div`\n  position: relative;\n  display: flex;\n  background-color: white;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: fit-content;\n  width: fit-content;\n  border-radius: 15px;\n  padding: 4px;\n  @media ${breakpoints.mobile} {\n    width: 300px;\n    height: 180px;\n    iframe {\n      width: 300px;\n      height: 200px;\n    }\n  }\n`;\n\nexport const CloseButton = styled.a`\n  position: absolute;\n  top: 0;\n  right: 0;\n  cursor: pointer;\n`;\n\nexport const SpinnerWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  height: 504px;\n  width: 896px;\n`;\n\nexport const Spinner = styled.div`\n  border: 4px solid rgba(0, 10, 0, 0.1);\n  border-left-color: #000;\n  border-radius: 50%;\n  width: 36px;\n  height: 36px;\n  animation: spin 1s linear infinite;\n\n  @keyframes spin {\n    to {\n      transform: rotate(360deg);\n    }\n  }\n`;\n","import React, { useState } from \"react\";\nimport Image from \"next/image\";\nimport CloseButtonIcon from \"public/assets/close-button.png\";\nimport { IVideoModalProps } from \"./video-modal.types\";\nimport {\n  ModalOverlay,\n  ModalWrapper,\n  Modal,\n  CloseButton,\n  SpinnerWrapper,\n  Spinner\n} from \"./video-modal.styles\";\n\nexport const VideoModal: React.FC<IVideoModalProps> = ({\n  onClose,\n  videoUrl\n}) => {\n  const [loading, setLoading] = useState(true);\n\n  const extractVideoId = (url: string) => {\n    const youtubeMatch = url.match(\n      /(?:https?:\\/\\/)?(?:www\\.)?youtube\\.com\\/watch\\?v=([^&]+)/\n    );\n    if (youtubeMatch) {\n      return { type: \"youtube\", id: youtubeMatch[1] };\n    }\n\n    const driveMatch = url.match(\n      /(?:https?:\\/\\/)?(?:www\\.)?drive\\.google\\.com\\/file\\/d\\/([^\\/]+)/\n    );\n    if (driveMatch) {\n      return { type: \"drive\", id: driveMatch[1] };\n    }\n\n    return { type: \"unknown\", id: url };\n  };\n\n  const handleCloseClick = (e: { preventDefault: () => void }) => {\n    e.preventDefault();\n    onClose();\n  };\n\n  const videoData = extractVideoId(videoUrl);\n  const videoSrc =\n    videoData.type === \"youtube\"\n      ? `https://www.youtube.com/embed/${videoData.id}?autoplay=1&modestbranding=1&showinfo=0&controls=1&rel=0`\n      : videoData.type === \"drive\"\n        ? `https://drive.google.com/file/d/${videoData.id}/preview`\n        : videoUrl;\n\n  return (\n    <ModalOverlay>\n      <ModalWrapper>\n        <CloseButton onClick={handleCloseClick}>\n          <Image src={CloseButtonIcon} alt=\"Close\" width={24} height={24} />\n        </CloseButton>\n        <Modal>\n          {loading && (\n            <SpinnerWrapper>\n              <Spinner />\n            </SpinnerWrapper>\n          )}\n          <iframe\n            src={videoSrc}\n            frameBorder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            width={896}\n            height={504}\n            style={{\n              borderRadius: \"10px\",\n              display: loading ? \"none\" : \"block\"\n            }}\n            onLoad={() => setLoading(false)}\n          />\n        </Modal>\n      </ModalWrapper>\n    </ModalOverlay>\n  );\n};\n","export const urls = {\n  bambooHr: \"https://colearn.bamboohr.com/careers/22?source=aWQ9NzM%3D\"\n};\n","export default {\"src\":\"/_next/static/media/polaroid1.1a8c554f.png\",\"height\":616,\"width\":572,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAbFBMVEVMaXHz8OzKqI6xf2TIyMiWe2X///////3b29iYg3Otp5fz8/Pc3d/////Mv7T5/P/g1MuejoPu7vHPvrOyo5OGgoD///zJjHdhVk7e0nPQxLGxaTqYjX3AuK+wp5SJdF62q5ugdkqYUUKyVC50tFJFAAAAH3RSTlMAXMb4DfMd/kL+6Ia55f2y/fxuh5r+0vv9VpX8zoZ4yWgb/AAAAAlwSFlzAAAhOAAAITgBRZYxYAAAAD5JREFUeJwFwQUCgCAAALGjwe5WQP//RzfQ+3PdMJl8fhJkVuurLGPs5y0KfArBxANbpKZzC1TO1e0AovQafnNcAyprTAjXAAAAAElFTkSuQmCC\",\"blurWidth\":7,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/polaroid2.6b08f19b.png\",\"height\":762,\"width\":770,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAS1BMVEVMaXH///+TjYuul3fa1NTz89/m4+X////8/v5wZlnb29vFwrG8tsH6+Prz9vbTxLWxppbm157U2Ny4q57j2MmZmZ+AeoLS2d6ej3KBXgglAAAAFnRSTlMA+/z+GDNEB7T8JKzrcvvAkHx93pP+R3BlAQAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADxJREFUeJwty0cOwCAQwEDTdyE9ofz/pSgSvs3BQGL1nXf4kV7nRgGiVdULeJqtLQJijr55IOxiZH0+wwQ4bQGI+LJCmAAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/polaroid3.986c6359.png\",\"height\":616,\"width\":572,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAbFBMVEVMaXH///vj5N93WjpVVFa3urnv7+/8/P2Be3l1cW3LzcqfnJPx8fGrq6j6/PzMrZ7///9/f3/////////MrJzV2dnKyMZ9a12IdE+Bf3L////NyrDt3YK3tayZbE+dnJOovcKyq5RoYkuDfF86bY63AAAAHnRSTlMAHFH7/vZi/v7+j8yH/b7u4w6xyMA9g/v86gyCZKeAdpXPAAAACXBIWXMAACE4AAAhOAFFljFgAAAAPklEQVR4nAXBBQKAIAAAsUMa7E4w/v9HN5jjce7AmNZvuxBNkvKNFNm55QkEpbzPBYPV1a0Fpm+trQG6qTT8bjUC/TqwYq4AAAAASUVORK5CYII=\",\"blurWidth\":7,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/polaroid4.dcbe9575.png\",\"height\":762,\"width\":771,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAATlBMVEVMaXHj39v8/Pz6/Pzc4OL///9gVFXh5eVIOjnc2tji29v////Nv7f///+5t7m/upjExsvKys7JwZLZ3eDIxL68q6FuXVjLuKmvrrW2trbta/KxAAAAFnRSTlMA/bpzkvz7E/w6JLKAsOA0vUl9qfzqm13o5gAAAAlwSFlzAAAhOAAAITgBRZYxYAAAADxJREFUeJxFijkSgCAQwIJyLCoqiID//6izFWlSJDC5ym3Vz1fNGQA7vPgI5CbSDiC83bhFp+T2VRObnvw5PgGTPi2yewAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\nimport HeroBg from \"public/assets/gurujuara/hero-bg.png\";\n\nexport const BannerWrapper = styled.section`\n  background: radial-gradient(\n    circle,\n    rgba(21, 69, 211, 0.7) 0%,\n    rgba(26, 88, 241, 1) 30%,\n    rgba(25, 72, 205, 1) 100%\n  );\n  background:\n    url(${HeroBg.src}) center/cover no-repeat,\n    radial-gradient(50% 133.09% at 50% 50%, #3a6ae8 0%, #0738c2 100%);\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n  @media ${breakpoints.mobile} {\n    padding: 20px;\n  }\n`;\n\nexport const BannerContainer = styled(Container)`\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  height: 368px;\n  justify-content: center;\n  align-items: center;\n  @media ${breakpoints.mobile} {\n    width: auto;\n    height: 590px;\n    padding: 0;\n    justify-content: flex-start;\n    gap: 10px;\n    margin: 0px;\n  }\n`;\n\nexport const BannerTitle = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  margin-bottom: 32px;\n  text-align: center;\n  color: ${({ theme }) => theme.colors.white};\n  width: 700px;\n  font-weight: 700;\n  @media ${breakpoints.mobile} {\n    margin-bottom: 24px;\n    width: 300px;\n    font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n    line-height: 42px;\n    text-align: center;\n  }\n`;\n\nexport const BannerBlockCTA = styled.a`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  gap: 8px;\n  height: 24px;\n  z-index: 1;\n  width: fit-content;\n  cursor: pointer;\n  font-weight: bold;\n  padding: 12px 24px;\n  text-decoration: none;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  background-color: ${({ theme }) => theme.colors.blue[50]};\n  color: ${({ theme }) => theme.colors.blue[800]};\n`;\n\nexport const BannerContentWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const BannerImgWrapper = styled.div`\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    height: 100%;\n    position: relative;\n  }\n`;\n\nexport const PolaroidWrapper1 = styled.div`\n  position: absolute;\n  top: 35px;\n  left: 25px;\n  width: 180px;\n  height: 197px;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    top: 30px;\n    left: 8px;\n    width: 200px;\n  }\n`;\n\nexport const PolaroidWrapper2 = styled.div`\n  position: absolute;\n  top: 125px;\n  left: 80px;\n  width: 240px;\n  height: 197px;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    display: none;\n  }\n`;\n\nexport const PolaroidWrapper3 = styled.div`\n  position: absolute;\n  top: 35px;\n  right: 35px;\n  width: 180px;\n  height: 197px;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    top: 60px;\n    right: 8px;\n    width: 200px;\n  }\n`;\n\nexport const PolaroidWrapper4 = styled.div`\n  position: absolute;\n  top: 130px;\n  right: 80px;\n  width: 240px;\n  height: 197px;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    display: none;\n  }\n`;\n\nexport const BannerGrid = styled.div`\n  @media ${breakpoints.mobile} {\n    rotate: 90deg;\n    scale: 3;\n    z-index: 0;\n  }\n`;\n","import React from \"react\";\nimport Image from \"next/image\";\nimport { urls } from \"data/links\";\nimport Polaroid1 from \"public/assets/akademi/polaroid1.png\";\nimport Polaroid2 from \"public/assets/akademi/polaroid2.png\";\nimport Polaroid3 from \"public/assets/akademi/polaroid3.png\";\nimport Polaroid4 from \"public/assets/akademi/polaroid4.png\";\nimport {\n  BannerWrapper,\n  BannerContainer,\n  BannerTitle,\n  BannerBlockCTA,\n  BannerImgWrapper,\n  PolaroidWrapper1,\n  PolaroidWrapper2,\n  PolaroidWrapper3,\n  PolaroidWrapper4,\n  BannerContentWrapper\n} from \"./akademi-banner.styles\";\n\nexport const AkademiBanner: React.FC = () => {\n  return (\n    <BannerWrapper>\n      <BannerContainer>\n        <BannerContentWrapper>\n          <BannerTitle>\n            Mempersiapkan generasi muda menghadapi tantangan global\n          </BannerTitle>\n          <BannerBlockCTA rel=\"nofollow\" href={urls.bambooHr}>\n            Gabung di Akademi Guru Juara\n          </BannerBlockCTA>\n        </BannerContentWrapper>\n        <BannerImgWrapper>\n          <PolaroidWrapper1>\n            <Image src={Polaroid1} alt=\"Akademi\" layout=\"responsive\" />\n          </PolaroidWrapper1>\n          <PolaroidWrapper2>\n            <Image src={Polaroid2} alt=\"Akademi\" layout=\"responsive\" />\n          </PolaroidWrapper2>\n          <PolaroidWrapper3>\n            <Image src={Polaroid3} alt=\"Akademi\" layout=\"responsive\" />\n          </PolaroidWrapper3>\n          <PolaroidWrapper4>\n            <Image src={Polaroid4} alt=\"Akademi\" layout=\"responsive\" />\n          </PolaroidWrapper4>\n        </BannerImgWrapper>\n      </BannerContainer>\n    </BannerWrapper>\n  );\n};\n","export default {\"src\":\"/_next/static/media/akademi-thumb.819f6690.jpg\",\"height\":358,\"width\":622,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAADBP/aAAwDAQACEAMQAAABgiwP/8QAFRABAQAAAAAAAAAAAAAAAAAAAgD/2gAIAQEAAQUCLV//xAAVEQEBAAAAAAAAAAAAAAAAAAAAAv/aAAgBAwEBPwG3/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAMx/9oACAECAQE/AVQ//8QAGBAAAgMAAAAAAAAAAAAAAAAAAAECEpH/2gAIAQEABj8CirPT/8QAFhABAQEAAAAAAAAAAAAAAAAAAQCh/9oACAEBAAE/IUmmv//aAAwDAQACAAMAAAAQD//EABYRAQEBAAAAAAAAAAAAAAAAAAEAIf/aAAgBAwEBPxDSX//EABcRAAMBAAAAAAAAAAAAAAAAAAABESH/2gAIAQIBAT8Qy0P/xAAZEAEAAgMAAAAAAAAAAAAAAAABABEhMXH/2gAIAQEAAT8Qx1FDYVxZ/9k=\",\"blurWidth\":8,\"blurHeight\":5};","import styled from \"styled-components\";\nimport PlayButton from \"public/assets/play-button.png\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\nimport { Container } from \"styles/common/container\";\n\nexport const AboutWrapper = styled.section`\n  background-color: ${({ theme }) => theme.colors.yellow[\"50\"]};\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const AboutContainer = styled(Container)`\n  overflow: hidden;\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  gap: 54px;\n  padding: 80px 0;\n  @media ${breakpoints.mobile} {\n    flex-direction: column-reverse;\n    gap: 30px;\n    padding: 40px 20px;\n    width: 100%;\n  }\n`;\n\nexport const AboutTextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 10 16px;\n  position: relative;\n  width: 600px;\n`;\n\nexport const AboutText = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  max-width: 950px;\n\n  .desc {\n    margin: 0;\n    font-family: ${({ theme }) => theme.fonts.secondary};\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    text-align: left;\n    @media ${breakpoints.mobile} {\n      color: ${({ theme }) => theme.colors.neutral[700]};\n      font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n      text-align: start;\n      width: 350px;\n      text-wrap: pretty;\n      margin-left: 130px;\n    }\n  }\n`;\n\nexport const AboutTitle = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: 24px;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-weight: 700;\n  margin: 0 0 16px;\n  text-align: left;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n    text-align: left;\n    width: 360px;\n    text-wrap: balance;\n    margin-left: 130px;\n    margin-bottom: 0;\n  }\n`;\n\nexport const AboutDesc = styled.div`\n  margin: 0;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  text-align: left;\n  @media ${breakpoints.mobile} {\n    color: ${({ theme }) => theme.colors.neutral[700]};\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    text-align: start;\n    width: 350px;\n    text-wrap: pretty;\n    margin-left: 130px;\n  }\n`;\n\nexport const AboutVideoThumbContainer = styled.div`\n  position: relative;\n  align-self: center;\n  cursor: pointer;\n  @media ${breakpoints.mobile} {\n    width: 100%;\n  }\n\n  iFrame {\n    border-radius: 4px;\n    width: 410px;\n    height: 230px;\n  }\n\n  .play-button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 64px;\n    height: 64px;\n    background: url(${PlayButton.src}) no-repeat center center;\n    background-size: contain;\n    border: none;\n    cursor: pointer;\n  }\n`;\n\nexport const PlayButtonContainer = styled.button`\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 64px;\n  height: 64px;\n  background: url(${PlayButton.src}) no-repeat center center;\n  background-size: contain;\n  border: none;\n  cursor: pointer;\n`;\n\nexport const VdoThumbnail = styled.div`\n  width: 410px;\n  height: 230px;\n  background-size: cover;\n  background-position: center;\n  border-radius: 4px;\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    height: 190px;\n  }\n`;\n\nexport const AboutCTA = styled.a`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  text-align: center;\n  cursor: pointer;\n  gap: 8px;\n  height: 36px;\n  padding: 10px 20px;\n  background-color: ${({ theme }) => theme.colors.brand[\"500\"]};\n  color: ${({ theme }) => theme.colors.white};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 700;\n  text-decoration: none;\n  border-radius: 6px;\n  @media ${breakpoints.mobile} {\n    margin-left: 130px;\n    width: 300px;\n    text-align: center;\n    align-items: center;\n    justify-content: center;\n  }\n`;\n","import React from \"react\";\nimport { useState } from \"react\";\nimport Image from \"next/image\";\nimport Thumbnail from \"public/assets/akademi/akademi-thumb.jpg\";\nimport { VideoModal } from \"components/video-modal/video-modal\";\nimport {\n  AboutWrapper,\n  AboutContainer,\n  AboutTextContainer,\n  AboutText,\n  AboutVideoThumbContainer,\n  AboutCTA,\n  AboutTitle,\n  AboutDesc,\n  VdoThumbnail,\n  PlayButtonContainer\n} from \"./akademi-about.styles\";\n\nexport const AkademiAbout: React.FC = () => {\n  const videoUrl = \"https://www.youtube.com/watch?v=wh6NQysUdGo\";\n  const [isVideoPlaying, setIsVideoPlaying] = useState(false);\n\n  const handleClick = () => {\n    setIsVideoPlaying(true);\n  };\n\n  return (\n    <AboutWrapper>\n      <AboutContainer>\n        <AboutTextContainer>\n          <AboutText>\n            <AboutTitle>Tentang Akademi Guru Juara</AboutTitle>\n            <AboutDesc>\n              Program pengembangan untuk menciptakan guru-guru profesional yang\n              berperan dalam membangun pemahaman Matematika ribuan murid di\n              seluruh Indonesia.\n            </AboutDesc>\n            <AboutCTA rel=\"nofollow\" href=\"/gurujuara\">\n              Siapa Guru Juara CoLearn?\n            </AboutCTA>\n          </AboutText>\n        </AboutTextContainer>\n        <AboutVideoThumbContainer onClick={handleClick}>\n          <VdoThumbnail>\n            <Image\n              src={Thumbnail}\n              alt=\"Akademi Guru Juara\"\n              layout=\"responsive\"\n            />\n          </VdoThumbnail>\n          <PlayButtonContainer />\n        </AboutVideoThumbContainer>\n        {isVideoPlaying && (\n          <VideoModal\n            onClose={() => setIsVideoPlaying(false)}\n            videoUrl={videoUrl}\n          />\n        )}\n      </AboutContainer>\n    </AboutWrapper>\n  );\n};\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { rem } from \"polished\";\nimport PlayButton from \"public/assets/play-button.png\";\n\nexport const AkademiMain = styled.main``;\n\nexport const BannerWrapper = styled.section`\n  background: radial-gradient(\n    circle,\n    rgba(21, 69, 211, 0.7) 0%,\n    rgba(26, 88, 241, 1) 30%,\n    rgba(25, 72, 205, 1) 100%\n  );\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  flex-direction: column;\n  gap: 16px;\n`;\n\nexport const BannerContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  gap: ${rem(32)};\n  justify-content: center;\n  align-items: center;\n  @media ${breakpoints.mobile} {\n    flex-direction: column;\n    gap: 0;\n    padding: 0 16px 56px;\n  }\n  @media ${breakpoints.tablet} {\n    flex-direction: column;\n    padding-left: 5%;\n    padding-right: 5%;\n  }\n  @media ${breakpoints.laptop} {\n    flex-direction: column;\n    padding-left: 10%;\n    padding-right: 10%;\n  }\n`;\n\nexport const BannerTitle = styled.h2`\n  position: absolute;\n  top: 120px;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: 46px;\n  color: ${({ theme }) => theme.colors.white};\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  margin: 0 0 16px;\n  text-align: center;\n  z-index: 10;\n  text-wrap: balance;\n`;\n\nexport const BannerBlockCTA = styled.a`\n  position: absolute;\n  top: 280px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  gap: 8px;\n  height: 24px;\n  width: fit-content;\n  cursor: pointer;\n  font-weight: bold;\n  padding: 12px 24px;\n  text-decoration: none;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  background-color: ${({ theme }) => theme.colors.white};\n  color: ${({ theme }) => theme.colors.brand[500]};\n`;\n\nexport const AboutWrapper = styled.section`\n  background-color: ${({ theme }) => theme.colors.yellow[\"50\"]};\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const AboutContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  gap: 54px;\n  padding: 80px 0;\n`;\n\nexport const AboutTextContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 0 16px;\n  position: relative;\n  width: 600px;\n`;\n\nexport const AboutText = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  max-width: 950px;\n  .title {\n    font-family: ${({ theme }) => theme.fonts.primary};\n    line-height: 24px;\n    font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n    font-weight: 700;\n    margin: 0 0 16px;\n    text-align: left;\n    text-wrap: balance;\n  }\n  .desc {\n    margin: 0;\n    font-family: ${({ theme }) => theme.fonts.secondary};\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    text-align: left;\n  }\n`;\n\nexport const AboutVideoThumbContainer = styled.div`\n  position: relative;\n  align-self: center;\n\n  iFrame {\n    border-radius: 4px;\n    width: 410px;\n    height: 230px;\n  }\n\n  .thumbnail {\n    width: 410px;\n    height: 230px;\n    background-size: cover;\n    background-position: center;\n    border-radius: 4px;\n  }\n\n  .play-button {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    width: 64px;\n    height: 64px;\n    background: url(${PlayButton.src}) no-repeat center center;\n    background-size: contain;\n    border: none;\n    cursor: pointer;\n  }\n`;\n\nexport const AboutCTA = styled.a`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  text-align: center;\n  cursor: pointer;\n  gap: 8px;\n  height: 36px;\n  padding: 10px 20px;\n  background-color: ${({ theme }) => theme.colors.brand[\"500\"]};\n  color: ${({ theme }) => theme.colors.white};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 700;\n  border-radius: 6px;\n`;\n","export default {\"src\":\"/_next/static/media/Calender.c5634768.png\",\"height\":320,\"width\":321,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAV1BMVEX3/P9ikP77/v/2/f/o9f/Zz9uhwv35///8///j7fnA1viNsP59p/lYhvzO0+k1WuAuWeQnWOo0Utbfxca10P2nyP/H3v/6////z7f64tTO5P/P1u3e8f/Vhrj+AAAAFXRSTlOS/ouYIf39g5yY+/v7+/z4/Pz4+/0Ytqp5AAAACXBIWXMAACxLAAAsSwGlPZapAAAARElEQVR4nAXBCRaAIAgFwK+ggFq2PLTt/udsBiwgImHIPN+UJgA/9q0PBbx5bo8i5nJfZShirWnNrpCxhBA+AcPMTPgHYWgCqLKzGs0AAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/Hand-in-hand.56df3255.png\",\"height\":320,\"width\":321,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAUVBMVEX9nXL/2Lz/8+P//Ov/sYv/79/+vJT/79//9+r/rn79pnr8lWr/8OH+r4X/z5z8wqX+9ez9xab8lWv93sT/yKL///L/6dD/7dj/9t//3cH/378RCOG2AAAAFXRSTlP8+4H9DWn7j5j+/Pyebv74HJZ5lHmek38oAAAACXBIWXMAACxLAAAsSwGlPZapAAAAQElEQVR4nAXBBwKAIAwAsWO2TCeg/v+hJvggqmJ3whhzukewy6S8rYq4mMBVZEQoU5GXAp/SUjar9xt/HqpX8z9bGgKZ0dERqQAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/Money.f08da557.png\",\"height\":320,\"width\":321,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAVFBMVEX//On/+uX7q67+y8f9oKf///T/+OH//ez6jZn//+//29f/tYD/+Of/z63/+tb/wJT3coT///b9upL//+f/5Mr/1rD//////977koT9o5D/q7D//7Sz+MG9AAAAFnRSTlOahfv7/v4ljPyV/f78+4GX+J38Fpj7wbR17QAAAAlwSFlzAAAsSwAALEsBpT2WqQAAAERJREFUeJwVxkcSwDAIBLB1wYBrKk75/z8z0UlITgHlhD7zE4MpuC4SJa9gEomeADZ/3cH+tLLVCTg7S6O3I+kYB9z+AVefAqluVy0yAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/Person.3208dde6.png\",\"height\":288,\"width\":289,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAeFBMVEXx+f/q9P14jbo8KBv4//+VtPrj8P0YVvbz/P/q9Pv/9/Hy2thfdN3/uqru1eDs9P0jX/y4w8r1//+flqdFODHcpqRtbnD0uayIYVtJff/N2esxZPLb5u5yWVW/hXO9tb98oNh8f4PemovOqsZ8amj0tKjhnLiWb2g9piodAAAAEHRSTlP9pf7+76Xr/ev773/9/v2YgZHKZgAAAAlwSFlzAAAsSwAALEsBpT2WqQAAAEhJREFUeJwFwQcCQDAQBMBFSKLeRZre+f8PzaDTmlnrBMr4+PUGEGxduGdAHDE8Cxson52r3QA1pq7f3xbFQBPRVSInKWXdVD+b2wRS7iQVagAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","import CalendarImg from \"public/assets/champion/Calender.png\";\nimport HandsImg from \"public/assets/champion/Hand-in-hand.png\";\nimport MoneyImg from \"public/assets/champion/Money.png\";\nimport PersonImg from \"public/assets/champion/Person.png\";\n\nexport const perksOfTeacher = [\n  {\n    cardImg: CalendarImg,\n    cardTitle: \"<I>Bootcamp</I> <br>Intensif\",\n    imgAlt: \"Calendar\"\n  },\n  {\n    cardImg: HandsImg,\n    cardTitle: \"Kesempatan mengajar dengan rekan Guru Juara\",\n    imgAlt: \"Hands\"\n  },\n  {\n    cardImg: PersonImg,\n    cardTitle: \"<I>Coaching</I> dari Guru Juara berpengalaman\",\n    imgAlt: \"Person\"\n  },\n  {\n    cardImg: MoneyImg,\n    cardTitle: \"Posisi <I>full-time</I> dengan gaji kompetitif\",\n    imgAlt: \"Money\"\n  }\n];\n","import styled from \"styled-components\";\nimport { Container } from \"styles/common/container\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\n\nexport const Wrapper = styled(Container)`\n  background: ${({ theme }) => theme.colors.white};\n  padding: 80px 100px;\n  display: flex;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  @media ${breakpoints.mobile} {\n    flex-direction: column;\n    gap: 26px;\n    padding: 40px 20px;\n  }\n`;\n\nexport const TextWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 0 16px;\n  position: relative;\n  width: 380px;\n  @media ${breakpoints.mobile} {\n    gap: 16px;\n    width: 350px;\n    padding: 0;\n    align-items: center;\n  }\n`;\n\nexport const Title = styled.h2`\n  position: relative;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: 46px;\n  font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  text-align: left;\n  width: 400px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    line-height: 32px;\n    text-align: center;\n    width: 350px;\n    text-wrap: pretty;\n    margin: 0;\n  }\n`;\n\nexport const RegisterCTA = styled.a`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 6px;\n  gap: 8px;\n  height: 24px;\n  width: fit-content;\n  cursor: pointer;\n  font-weight: bold;\n  padding: 12px 24px;\n  text-decoration: none;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  background-color: ${({ theme }) => theme.colors.blue[100]};\n  color: ${({ theme }) => theme.colors.brand[500]};\n`;\n\nexport const CardsWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  padding: 0 16px;\n  position: relative;\n  width: 750px;\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    padding: 0 10px;\n  }\n`;\n\nexport const CardSection = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 32px;\n  padding: 0 16px;\n  position: relative;\n  width: 100%;\n  @media ${breakpoints.mobile} {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    width: 100%;\n    padding: 0;\n  }\n`;\n\nexport const Card = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 24px;\n  padding: 24px;\n  position: relative;\n  width: 300px;\n  max-height: 100px;\n  align-items: center;\n  border-radius: 8px;\n  box-shadow: 0px 0px 32px 0px #72839e29;\n  @media ${breakpoints.mobile} {\n    flex-direction: column;\n    gap: 16px;\n    padding: 16px;\n    width: auto;\n    max-height: 100%;\n    align-items: start;\n  }\n`;\n\nexport const ImgWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    text-align: left;\n  }\n`;\n\nexport const CardTitle = styled.h2`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: 32px;\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  font-weight: 700;\n  text-align: left;\n  max-width: 200px;\n  text-wrap: pretty;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    text-align: left;\n    line-height: 24px;\n  }\n`;\nexport const Toggle = styled.div`\n  display: block;\n\n  @media ${breakpoints.mobile} {\n    display: none;\n  }\n`;\nexport const Toggle2 = styled.div`\n  display: none;\n  @media ${breakpoints.mobile} {\n    display: block;\n    transform: translateX(12%);\n  }\n`;\n","import React from \"react\";\nimport Image from \"next/image\";\nimport { urls } from \"data/links\";\nimport { perksOfTeacher } from \"data/perks-of-teacher\";\nimport {\n  Wrapper,\n  Title,\n  RegisterCTA,\n  TextWrapper,\n  CardsWrapper,\n  CardSection,\n  Card,\n  CardTitle,\n  Toggle,\n  Toggle2,\n  ImgWrapper\n} from \"./akademi-become-teacher.styles\";\n\nexport const AkademiBecomeTeacher: React.FC = () => {\n  return (\n    <Wrapper>\n      <TextWrapper>\n        <Title>Dengan menjadi Guru Juara, kamu akan mendapatkan:</Title>\n        <Toggle>\n          <RegisterCTA href={urls.bambooHr}>\n            Tertarik? Daftar sekarang\n          </RegisterCTA>\n        </Toggle>\n      </TextWrapper>\n      <CardsWrapper>\n        <CardSection>\n          {perksOfTeacher.map((perk) => (\n            <Card key={perk.imgAlt}>\n              <ImgWrapper>\n                <Image\n                  src={perk.cardImg}\n                  alt={perk.imgAlt}\n                  width={80}\n                  height={80}\n                />\n              </ImgWrapper>\n              <CardTitle dangerouslySetInnerHTML={{ __html: perk.cardTitle }} />\n            </Card>\n          ))}\n        </CardSection>\n        <Toggle2>\n          <RegisterCTA rel=\"nofollow\" href={urls.bambooHr}>\n            Tertarik? Daftar sekarang\n          </RegisterCTA>\n        </Toggle2>\n      </CardsWrapper>\n    </Wrapper>\n  );\n};\n","export const akademiInfoCard = [\n  {\n    id: 1,\n    title: \"Mengajar serta membangun profesionalitas\",\n    subtitle:\n      \"Bukan hanya keterampilan mengajar, tetapi juga membangun profesionalitas untuk jangka panjang.\",\n    info: [\n      {\n        bold: { text: \"\" },\n        normal: [\"<b>Pedagogi: </b>Teknik mengajar kelas dunia berbasis data\"]\n      },\n      {\n        bold: { text: \"\" },\n        normal: [\n          \"<b>Teknik memotivasi:  </b>Keterampilan mengajar dan membangun interaksi dua arah\"\n        ]\n      },\n      {\n        bold: { text: \"\" },\n        normal: [\n          \"<b>Teknologi terkini: </b>Fasilitas agar mengajar jadi menyenangkan\"\n        ]\n      },\n      {\n        bold: { text: \"\" },\n        normal: [\n          \"<b>Profesionalisme: </b>Pengembangan berkelanjutan & rekan kerja suportif\"\n        ]\n      }\n    ]\n  }\n];\n","export default {\"src\":\"/_next/static/media/Framemobile.3891528b.png\",\"height\":389,\"width\":444,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAIVBMVEUoKGwpJiuht9MpJyohICIgHR/I4/+wwteyyeG90+q1zeuJP03+AAAAC3RSTlMCGBYlQTMEUDNWO7aZY3gAAAAJcEhZcwAAEJwAABCcASbNOjQAAAAwSURBVHicPcpBEgAgCMPAtIAK/3+w48VcN7iZoY2kKmXwW8bGC2/OYRuFMlV6Gu+8FHAAkJq9qzYAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":7};","export default {\"src\":\"/_next/static/media/tahap.1dc79787.svg\",\"height\":610,\"width\":1216,\"blurWidth\":0,\"blurHeight\":0};","import styled from \"styled-components\";\nimport { Container } from \"styles/common/container\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\n\nexport const WrapContainer = styled.section`\n  background: #fffbe9;\n`;\nexport const Wrapper = styled(Container)`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  padding: 20px 0;\n\n  @media ${breakpoints.mobile} {\n    height: auto;\n    width: 100%;\n    padding-top: 0;\n\n    img {\n      height: auto;\n      width: 100%;\n    }\n  }\n`;\nexport const WrapperContainer = styled.div`\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    height: 100%;\n    width: 100%;\n    background-color: #1e5af6;\n    box-shadow: 0px 0px 68px 0px #f49b2629;\n    img {\n      background-color: white;\n      border-radius: 8px;\n      height: auto;\n      width: 100%;\n      margin: 0px 10px;\n    }\n  }\n`;\n\nexport const AboutCTA = styled.a`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 25%;\n  text-align: center;\n  cursor: pointer;\n  gap: 8px;\n  height: 36px;\n  padding: 10px 20px;\n  background-color: ${({ theme }) => theme.colors.brand[\"500\"]};\n  color: ${({ theme }) => theme.colors.white};\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n  border-radius: 6px;\n  text-decoration: none;\n  margin-bottom: 10px;\n  @media ${breakpoints.mobile} {\n    width: 60%;\n  }\n`;\nexport const CardWrapper = styled.div`\n  margin: 20px;\n  background-color: #fffbe9;\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n`;\nexport const CardHeading = styled.div`\n  background-color: #fff7c9;\n  font-family: Poppins, sans-serif;\n  font-weight: 700;\n  line-height: 28px;\n  width: 328px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding: 10px 10px;\n  border-radius: 8px 8px 0px 0px;\n`;\n\nexport const CardContent = styled.div`\n  background-color: white;\n  width: 328px;\n  padding: 15px 10px;\n  border-radius: 0px 0px 8px 8px;\n`;\n","import React from \"react\";\nimport Image from \"next/image\";\nimport { urls } from \"data/links\";\nimport Framemobile from \"public/assets/champion/Framemobile.png\";\nimport Framelaptop from \"public/assets/champion/tahap.svg\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\nimport {\n  Wrapper,\n  WrapContainer,\n  WrapperContainer,\n  AboutCTA,\n  CardWrapper,\n  CardHeading,\n  CardContent\n} from \"./akademi-steps.styles\";\n\nexport const AkademiSteps: React.FC = () => {\n  const isLaptop = useMediaQuery(\"laptop\");\n  const isMobile = useMediaQuery(\"mobile\");\n\n  return (\n    <WrapContainer>\n      <Wrapper>\n        {isLaptop && (\n          <WrapperContainer>\n            <Image src={Framelaptop} alt={\"colearn power up\"} />\n          </WrapperContainer>\n        )}\n        {/* {isMobile && <Image src={Framemobile} alt={\"colearn power up\"} />} */}\n        {isMobile && (\n          <CardWrapper>\n            <CardHeading>Tahap untuk bergabung:</CardHeading>\n            <CardContent>\n              <Image src={Framemobile} alt={\"colearn power up\"} />\n            </CardContent>\n          </CardWrapper>\n        )}\n        <AboutCTA href={urls.bambooHr}>Bergabunglah sekarang</AboutCTA>\n      </Wrapper>\n    </WrapContainer>\n  );\n};\n","export default {\"src\":\"/_next/static/media/mobile.2b683754.png\",\"height\":702,\"width\":984,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAYFBMVEVta45Nc9aPmWsAPEs4lvyHfWRAbe7dxUIjJCl5ubqEjLP26k/M0VTJ2mEtrP/FqY7LxW//7z4xPk5OXE6Imk2Evv+HdGYqQmtPV0JXWG0WPXuLfFlyfFejlk0MIEU6RV0/kjwSAAAAGnRSTlMByYwRKsNbFf0UR7DQTCLlwPig2ThH2v29/T3YggkAAAAJcEhZcwAAITgAACE4AUWWMWAAAAA5SURBVHicBcGJAkAgEEDBF2W3RO6jwv//pRk80IJg7NY464VuP0qKPbB8ej5TQNasd3EjXK/mOg8/L3QCVnGN9PYAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":6};","export default {\"src\":\"/_next/static/media/all.3f1c93e6.png\",\"height\":896,\"width\":897,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAflBMVEWDcFEcISj450NVfNrmyUYlIiIfOmb15Er54kT/60fKmYjNmYv6yA3z2DhjVDr/8EEXQ3pZWk9TVmcTHi3JpYAVL1fBlXQpHTpfW0YdNFNeVTD35UfUwUD/517x3jcJROtPdNgYQXuRe29UZ2YPHC8pTocuNk54c0/PvVLv7Gb4XAbaAAAAIXRSTlMB/oxrIPz+DPM6Omw41rt45eb+3Py69j393lT9/NmuGtAgPolZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVR4nAXBhQHAIBAEsEMfatTdoL7/gk2wCS4BSxD7t3ZkCbDz2xojwZfQ18YB03MzX8gY43CxMmQR0Gilj5SA6lQ+T/ADihoD8bkLnewAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\n\nexport const Wrapper = styled.section`\n  background: ${({ theme }) => theme.colors.white};\n  padding: 40px 0;\n  display: flex;\n  gap: 50px;\n  position: relative;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n`;\nexport const WrapperContainer = styled.div`\n  width: 1080px;\n  height: 496px;\n  overflow: hidden;\n  border-radius: 16px;\n  display: flex;\n  flex-direction: row;\n  background-color: #1e5af6;\n  @media ${breakpoints.mobile} {\n    width: 90%;\n    height: 100%;\n    flex-direction: column-reverse;\n    margin-left: 20px;\n    margin-right: 20px;\n  }\n`;\nexport const LeftWrapper = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n\n  transform: translate(-9%, 19%);\n  @media ${breakpoints.mobile} {\n    transform: translate(0%, 0%);\n    object-fit: cover;\n    img {\n      width: 100%;\n      height: 100%;\n    }\n  }\n`;\n\nexport const CardsWrapper = styled.div`\n  width: 100%;\n  height: 496px;\n  left: 496px;\n  gap: 24px;\n  display: flex;\n  flex-direction: column;\n  @media ${breakpoints.mobile} {\n    margin-top: 10px;\n    width: 100%;\n    height: 100%;\n    gap: 16px;\n  }\n`;\nexport const TitleContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    width: 320px;\n  }\n`;\nexport const Title = styled.h2`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: 28px;\n  font-weight: 700;\n  line-height: 46px;\n  text-align: left;\n  color: white;\n  @media ${breakpoints.mobile} {\n    line-height: 28px;\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    margin: 0;\n    width: 100%;\n  }\n`;\n\nexport const CardSection = styled.div`\n  display: flex;\n  flex-direction: row;\n  gap: 32px;\n  position: relative;\n  width: 600px;\n  @media ${breakpoints.mobile} {\n    gap: 16px;\n    width: 100%;\n  }\n`;\n\nexport const Card = styled.div`\n  display: flex;\n  flex-direction: row;\n  position: relative;\n  align-items: center;\n  box-shadow:\n    0 2px 4px rgba(0, 0, 0, 0.1),\n    0 4px 8px rgba(0, 0, 0, 0.05),\n    0 8px 16px rgba(0, 0, 0, 0.03);\n  background-color: white;\n  width: 520px;\n  height: 80px;\n  padding: 10px 10px 10px 20px;\n  border-radius: 16px;\n  @media ${breakpoints.mobile} {\n    padding: 16px;\n    width: 100%;\n    min-height: fit-content;\n  }\n`;\n\nexport const CardTitle = styled.div`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  line-height: 30px;\n  font-weight: 100;\n  text-align: left;\n  margin: 0;\n  color: #181b25;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    line-height: 22px;\n  }\n`;\n\nexport const RightWrapper = styled.div`\n  @media ${breakpoints.mobile} {\n    padding: 15px;\n  }\n`;\n","const kamulah = [\n  {\n    normal: [\n      `<b style=\"font-weight: 900;\"><i>Fresh graduate</i></b> dan <b style=\"font-weight: 900;\">profesional pemula</b> dari berbagai jurusan, terutama MIPA, Teknik dan Jurusan terkait`\n    ]\n  },\n  {\n    normal: [\n      `Siap kerja <b style=\"font-weight: 900;\"><i>full-time</i></b> dan peduli dengan <b style=\"font-weight: 900;\">perkembangan kepercayaan diri murid</b>`\n    ]\n  },\n  {\n    normal: [\n      `Punya <b style=\"font-weight: 900;\">pengalaman mengajar Matematika minimal 1 tahun</b> (baik formal maupun informal)`\n    ]\n  }\n];\nexport default kamulah;\n","import React from \"react\";\nimport Image from \"next/image\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\nimport Mobile from \"public/assets/champion/mobile.png\";\nimport All from \"public/assets/champion/all.png\";\nimport {\n  Wrapper,\n  Title,\n  LeftWrapper,\n  CardsWrapper,\n  CardSection,\n  Card,\n  CardTitle,\n  WrapperContainer,\n  RightWrapper\n} from \"./akademi-student-type.styles\";\nimport kamulah from \"data/kamulah-card\";\n\nexport const AkademiStudentType: React.FC = () => {\n  const isLaptop = useMediaQuery(\"laptop\");\n  const isMobile = useMediaQuery(\"mobile\");\n\n  return (\n    <Wrapper>\n      <WrapperContainer>\n        <LeftWrapper>\n          {isLaptop && <Image src={All} alt=\"image\" width={400} height={400} />}\n          {isMobile && <Image src={Mobile} alt=\"colearn power up\" />}\n        </LeftWrapper>\n        <RightWrapper>\n          <Title>Kamulah yang CoLearn cari!</Title>\n          <CardsWrapper>\n            {kamulah.map((item, index) => (\n              <CardSection key={index}>\n                <Card>\n                  <CardTitle\n                    dangerouslySetInnerHTML={{ __html: item.normal[0] }}\n                  />\n                </Card>\n              </CardSection>\n            ))}\n          </CardsWrapper>\n        </RightWrapper>\n      </WrapperContainer>\n    </Wrapper>\n  );\n};\n","import React from \"react\";\nimport { AkademiBanner } from \"components/akademi-gurujuara/akademi-banner/akademi-banner\";\nimport { AkademiAbout } from \"components/akademi-gurujuara/akademi-about/akademi-about\";\nimport { AkademiMain } from \"styles/pages/akademi/akademi.styles\";\nimport { AkademiBecomeTeacher } from \"components/akademi-gurujuara/akademi-become-teacher/akademi-become-teacher\";\nimport { InfoCard } from \"components/info-card/info-card\";\nimport { akademiInfoCard } from \"data/akademi-infocard\";\nimport { AkademiSteps } from \"components/akademi-gurujuara/akademi-steps/akademi-steps\";\nimport { AkademiStudentType } from \"components/akademi-gurujuara/akademi-student-type/akademi-student-type\";\nimport { colors } from \"styles/constants/colors\";\n\nconst Akademi: React.FC = () => {\n  return (\n    <AkademiMain>\n      <AkademiBanner />\n      <AkademiAbout />\n      <AkademiBecomeTeacher />\n      {akademiInfoCard.map((card, id) => (\n        <InfoCard key={id} {...card} backgroundColor={colors.blue[50]} />\n      ))}\n      <AkademiStudentType />\n      <AkademiSteps />\n    </AkademiMain>\n  );\n};\n\nexport default Akademi;\n"],"names":["window","__NEXT_P","push","__webpack_require__","__webpack_exports__","Z","InfoCardWrapper","styled","section","withConfig","backgroundColor","param","breakpoints","mobile","InfoContainer","Container","InfoCardHeading","div","TickWrapper","InfoCardTitle","theme","fonts","primary","fontSizes","InfoCardSubtitle","secondary","colors","neutral","InfoCardInfoWrapper","InfoCardContainer","white","InfoBold","b","InfoBoldNumber","InfoBoldText","InfoBulletin","InfoNormal","ImageContainer1","Image","ImageContainer2","InfoCard","title","subtitle","info","boldStyle","jsx_runtime","jsx","jsxs","map","item","index","isSingleLine","normal","length","boldContent","bold","text","padding","src","CheckIcon","alt","style","flex","number","span","fontWeight","marginRight","className","idx","display","alignItems","dangerouslySetInnerHTML","__html","close_button","ModalOverlay","ModalWrapper","Modal","CloseButton","a","SpinnerWrapper","Spinner","VideoModal","onClose","videoUrl","loading","setLoading","useState","videoData","extractVideoId","youtubeMatch","url","match","type","id","driveMatch","videoSrc","concat","onClick","e","preventDefault","CloseButtonIcon","width","height","iframe","frameBorder","allow","allowFullScreen","borderRadius","onLoad","urls","bambooHr","polaroid1","polaroid2","polaroid3","polaroid4","BannerWrapper","HeroBg","BannerContainer","BannerTitle","BannerBlockCTA","blue","BannerContentWrapper","BannerImgWrapper","PolaroidWrapper1","PolaroidWrapper2","PolaroidWrapper3","PolaroidWrapper4","AkademiBanner","rel","href","Polaroid1","layout","Polaroid2","Polaroid3","Polaroid4","akademi_thumb","AboutWrapper","yellow","AboutContainer","AboutTextContainer","AboutText","AboutTitle","AboutDesc","AboutVideoThumbContainer","PlayButton","PlayButtonContainer","button","VdoThumbnail","AboutCTA","brand","AkademiAbout","isVideoPlaying","setIsVideoPlaying","Thumbnail","AkademiMain","main","rem","tablet","laptop","h2","perksOfTeacher","cardImg","cardTitle","imgAlt","Wrapper","TextWrapper","Title","RegisterCTA","CardsWrapper","CardSection","Card","ImgWrapper","CardTitle","Toggle","Toggle2","AkademiBecomeTeacher","perk","akademiInfoCard","Framemobile","tahap","WrapContainer","WrapperContainer","CardWrapper","CardHeading","CardContent","AkademiSteps","isLaptop","useMediaQuery","isMobile","Framelaptop","champion_all","LeftWrapper","RightWrapper","kamulah_card","AkademiStudentType","All","Mobile","kamulah","akademi","card"],"sourceRoot":""}