{"version":3,"file":"static/chunks/pages/gurujuara-6524c03f038857bf.js","mappings":"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","sources":["webpack://_N_E/?6ca9","webpack://_N_E/./public/assets/gurujuara/hero-bg.png","webpack://_N_E/./public/assets/instaWhite.png","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/./src/components/gurujuara/teacher-carousal-section/teacher-carousal-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/dewi.jpg","webpack://_N_E/./public/assets/gurujuara/micel.jpg","webpack://_N_E/./public/assets/gurujuara/melina.jpg","webpack://_N_E/./src/data/gurujuara/carousalData.js","webpack://_N_E/./src/components/dot-indicator/dot-indicator.tsx","webpack://_N_E/./src/components/gurujuara/teacher-carousal-section/teacher-carousal-section.tsx","webpack://_N_E/./src/components/gurujuara/teaching-feature-section/teaching-feature-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/competitive_salary.png","webpack://_N_E/./public/assets/gurujuara/professional_work_culture.png","webpack://_N_E/./public/assets/gurujuara/supportive_community.png","webpack://_N_E/./src/data/gurujuara/teachingFeatureData.js","webpack://_N_E/./src/components/gurujuara/teaching-feature-section/teaching-feature-section.tsx","webpack://_N_E/./src/components/gurujuara/alumini-section/alumni-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/aileen.jpg","webpack://_N_E/./public/assets/gurujuara/fathia.jpg","webpack://_N_E/./public/assets/gurujuara/jeffry.jpg","webpack://_N_E/./public/assets/gurujuara/retta.jpg","webpack://_N_E/./src/data/gurujuara/aluminiData.js","webpack://_N_E/./src/components/gurujuara/alumini-section/alumni-section.tsx","webpack://_N_E/./public/assets/gurujuara/day-in-the-life-bg.png","webpack://_N_E/./src/components/gurujuara/day-in-the-life-section/day-in-the-life-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/pin.svg","webpack://_N_E/./public/assets/gurujuara/teaching-in-action.jpg","webpack://_N_E/./public/assets/gurujuara/professional-growth.jpg","webpack://_N_E/./public/assets/gurujuara/team-collaboration.jpg","webpack://_N_E/./src/data/gurujuara/dayInTheLifeData.js","webpack://_N_E/./src/components/gurujuara/day-in-the-life-section/day-in-the-life-section.tsx","webpack://_N_E/./public/assets/gurujuara/join-us-bg.svg","webpack://_N_E/./public/assets/gurujuara/cloud.svg","webpack://_N_E/./src/components/gurujuara/join-us-section/join-us-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/mobile.png","webpack://_N_E/./public/assets/gurujuara/left-student.png","webpack://_N_E/./public/assets/gurujuara/right-student.png","webpack://_N_E/./public/assets/gurujuara/middle-student.png","webpack://_N_E/./src/components/gurujuara/join-us-section/join-us-section.tsx","webpack://_N_E/./src/components/gurujuara/hero-section/hero-section.styles.tsx","webpack://_N_E/./public/assets/gurujuara/mobilestar.svg","webpack://_N_E/./public/assets/gurujuara/bottom-left.png","webpack://_N_E/./public/assets/gurujuara/bottom-right.png","webpack://_N_E/./public/assets/gurujuara/top-left.png","webpack://_N_E/./public/assets/gurujuara/top-right.png","webpack://_N_E/./public/assets/gurujuara/leftstar.svg","webpack://_N_E/./public/assets/gurujuara/rightstar.svg","webpack://_N_E/./src/components/gurujuara/hero-section/hero-section.tsx","webpack://_N_E/./src/components/gurujuara/guru-juara-about/guru-juara-about.styles.ts","webpack://_N_E/./src/components/gurujuara/guru-juara-about/guru-juara-about.tsx","webpack://_N_E/./src/pages/gurujuara/index.jsx","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/gurujuara\",\n      function () {\n        return require(\"private-next-pages/gurujuara/index.jsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/gurujuara\"])\n      });\n    }\n  ","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/instaWhite.f5a82375.png\",\"height\":80,\"width\":80,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAG1BMVEX///////////////9MaXH////////////////T15xTAAAACXRSTlO8wyMwAAxIc5lqrK5FAAAACXBIWXMAACxLAAAsSwGlPZapAAAAMklEQVR4nC2LyQ3AQBCDwJ49+q84SpQfEkAVoLin6QXnwC0Q1iI/mE/pGd84mS3frn0AFO4Als3ZYLMAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","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","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport Slider from \"react-slick\";\nimport { Container } from \"styles/common/container\";\nimport { ICardCarouselButtonProps } from \"components/kelas-live/card-carousel/card-carousel.types\";\nimport { IconButton } from \"styles/common/icon-button\";\n\nexport const Wrapper = styled.section`\n  background-color: ${({ theme }) => theme.colors.neutral[50]};\n  padding: 80px 0px 80px 0px;\n  @media ${breakpoints.mobile} {\n    padding: 40px 0px 40px 0;\n  }\n`;\n\nexport const CarousalContainer = styled(Container)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const Heading = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  text-align: center;\n  margin-bottom: 48px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    margin-bottom: 24px;\n  }\n`;\n\nexport const CarousalBody = styled.div`\n  width: 100%;\n  height: 100%;\n  margin-bottom: 24px;\n`;\n\nexport const CatagoryText = styled.div`\n  color: ${({ theme }) => theme.colors.orange[300]};\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-weight: 700;\n  text-align: left;\n  font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  margin-top: 16px;\n  margin-bottom: 8px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"xs\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"md\"]};\n  }\n`;\n\nexport const NameText = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  margin-bottom: 4px;\n  text-align: left;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n  }\n`;\n\nexport const UniversityText = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[700]};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n  font-weight: 400;\n  margin: 0 0 16px;\n  text-align: left;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"xs\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"md\"]};\n  }\n`;\n\nexport const DescriptionText = styled.div`\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizes[\"sm\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  text-align: left;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"xs\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"md\"]};\n  }\n`;\n\nexport const CardButton = styled.button`\n  background-color: #1d609c;\n  font-size: 1.3rem;\n  padding: 5px 10px;\n  color: #fff;\n  cursor: pointer;\n  width: 100%;\n  font-weight: 600;\n  margin: auto 0 0 0;\n  border: none;\n  border-radius: 0 0 10px 10px;\n\n  &:hover {\n    background-color: #112f4a;\n    transition: background-color 0.2s ease-in;\n  }\n`;\n\nexport const CarousalCard = styled.div`\n  border-radius: 12px;\n  background-color: ${({ theme }) => theme.colors.white};\n  outline: none;\n  min-height: 749px;\n  @media ${breakpoints.mobile} {\n    min-height: 602px;\n  }\n`;\n\nexport const ReviewSlider = styled(Slider)`\n  width: 100%;\n  .slick-track {\n    display: flex;\n    gap: 1rem;\n  }\n  .slick-slide {\n    display: flex;\n    justify-content: center;\n    outline: none;\n  }\n\n  .slick-list {\n    overflow: hidden;\n  }\n`;\n\nexport const CarouselImage = styled.img`\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  border-radius: 12px;\n`;\n\nexport const CarouselWrapper = styled.div`\n  padding: 24px;\n`;\n\nexport const CardCarouselPagination = styled.div`\n  display: none;\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n`;\n\nexport const CardCarouselPaginationButton = styled(\n  IconButton\n)<ICardCarouselButtonProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  box-shadow: 0px 3px 6px ${({ theme }) => theme.colors.transparent.black70};\n  padding: 10px;\n  border-radius: 50%;\n  color: ${({ theme }) => theme.colors.white};\n  cursor: ${({ isDisabled }) => (isDisabled ? \"unset\" : \"pointer\")};\n  background-color: ${({ isDisabled, theme }) =>\n    isDisabled ? theme.colors.neutral[300] : theme.colors.brand[500]};\n`;\n","export default {\"src\":\"/_next/static/media/dewi.9f28fac3.jpg\",\"height\":420,\"width\":453,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAABhFYv/8QAFxAAAwEAAAAAAAAAAAAAAAAAAQIEEf/aAAgBAQABBQIpk/8A/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAECEf/aAAgBAwEBPwGXp//EABYRAQEBAAAAAAAAAAAAAAAAAAEAEf/aAAgBAgEBPwEMv//EABgQAAIDAAAAAAAAAAAAAAAAAAABAhEx/9oACAEBAAY/AlKlp//EABkQAAIDAQAAAAAAAAAAAAAAAAERACExQf/aAAgBAQABPyEZKxn3J//aAAwDAQACAAMAAAAQ/wD/xAAWEQEBAQAAAAAAAAAAAAAAAAABACH/2gAIAQMBAT8QQ7f/xAAXEQEAAwAAAAAAAAAAAAAAAAABABFB/9oACAECAQE/EADWs//EABgQAAMBAQAAAAAAAAAAAAAAAAERIQCR/9oACAEBAAE/EBPBkthC7d//2Q==\",\"blurWidth\":8,\"blurHeight\":7};","export default {\"src\":\"/_next/static/media/micel.578114f2.jpg\",\"height\":420,\"width\":453,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAL/xAAUAQEAAAAAAAAAAAAAAAAAAAAE/9oADAMBAAIQAxAAAAGQsH//xAAVEAEBAAAAAAAAAAAAAAAAAAARAf/aAAgBAQABBQKh/8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQMBAT8Br//EABcRAAMBAAAAAAAAAAAAAAAAAAABEQL/2gAIAQIBAT8B0pD/xAAUEAEAAAAAAAAAAAAAAAAAAAAA/9oACAEBAAY/An//xAAXEAADAQAAAAAAAAAAAAAAAAAAASEx/9oACAEBAAE/IWVZcP/aAAwDAQACAAMAAAAQ/wD/xAAWEQADAAAAAAAAAAAAAAAAAAAAATH/2gAIAQMBAT8QWH//xAAXEQEAAwAAAAAAAAAAAAAAAAABABFB/9oACAECAQE/EDNNn//EABgQAAIDAAAAAAAAAAAAAAAAAAABEUGB/9oACAEBAAE/ELX25LD/2Q==\",\"blurWidth\":8,\"blurHeight\":7};","export default {\"src\":\"/_next/static/media/melina.9a94ad27.jpg\",\"height\":420,\"width\":452,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAHAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAACBf/aAAwDAQACEAMQAAABgCp//8QAFBABAAAAAAAAAAAAAAAAAAAAQf/aAAgBAQABBQI//8QAGhEAAQUBAAAAAAAAAAAAAAAAAgABBBESUf/aAAgBAwEBPwGKTnq+r//EABgRAAIDAAAAAAAAAAAAAAAAAAIRAAED/9oACAECAQE/AdRoUp//xAAWEAEBAQAAAAAAAAAAAAAAAAAxAAH/2gAIAQEABj8CMG//xAAXEAEBAQEAAAAAAAAAAAAAAAABESEA/9oACAEBAAE/IZQkjVb3/9oADAMBAAIAAwAAABAD/8QAGBEAAgMAAAAAAAAAAAAAAAAAAAEhMaH/2gAIAQMBAT8Qn+mSw//EABcRAAMBAAAAAAAAAAAAAAAAAAABEWH/2gAIAQIBAT8Q0JU//8QAGRABAAIDAAAAAAAAAAAAAAAAEQABMWGh/9oACAEBAAE/EKOC5aVowdn/2Q==\",\"blurWidth\":8,\"blurHeight\":7};","import Dewi from \"public/assets/gurujuara/dewi.jpg\";\nimport Micel from \"public/assets/gurujuara/micel.jpg\";\nimport Melina from \"public/assets/gurujuara/melina.jpg\";\n\n\nexport const teacherCarousaldata = [\n\t{\n\t\tname: 'Kak Melina',\n\t\tcategory: 'Guru Juara SD',\n\t\tuniversity: \"Universitas Negeri Jakarta\",\n\t\tdescription: `Jadi Guru Juara di CoLearn adalah pengalaman yang berharga banget buat aku. \n\t\tAku seneng banget bisa ketemu sama CoFriends dari seluruh Indonesia. Rasanya seneng banget ngeliat perkembangan murid-murid aku yang makin percaya diri dan berani untuk ngerjain soal matematika di kelas. \n\t\tSemangat belajar mereka membuat aku ikut semangat dan termotivasi untuk bikin mereka lebih paham matematika. \n\t\tSetiap sesi di kelas selalu ada tantangan baru, tapi itu juga yang membuat aku jadi berkembang. Happy deh pokoknya!`,\n\t\timage: Melina,\n\t},\n\t{\n\t\tname: 'Kak Dewi',\n\t\tcategory: 'Guru Juara SMP',\n\t\tuniversity: \"Binus University\",\n\t\tdescription: `Jadi Guru Juara seru banget! Apalagi bisa ketemu murid-murid dari berbagai daerah. \n\t\tSetiap pertemuannya selalu jadi kesempatan untuk saling sharing ilmu dan pengalaman juga meskipun ada jarak yang memisahkan kita`,\n\t\timage: Dewi,\n\t},\n\t{\n\t\tname: 'Kak Meicheil',\n\t\tcategory: 'Guru Juara SMA',\n\t\tuniversity: \"IPB University\",\n\t\tdescription: \"Sangat menyenangkan dapat berkontribusi dalam membangun pemahaman matematika siswa dari berbagai penjuru Indonesia. Keberagaman latar belakang siswa menjadi tantangan sekaligus peluang bagi Guru Juara untuk menciptakan suasana belajar yang menyenangkan, sambil memastikan pemahaman konsep yang mendalam. Pengalaman ini juga menjadi wadah yang berharga untuk mengasah kompetensi sebagai pendidik, khususnya sebagai Guru Juara di CoLearn.\",\n\t\timage: Micel,\n\t}\n]","import React from \"react\";\nimport styled from \"styled-components\";\n\ninterface DotIndicatorProps {\n  numDots: number;\n  selectedDot: number;\n}\n\nconst DotsContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst DotWrapper = styled.div`\n  height: 12px;\n  width: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 0 4px;\n`;\n\nconst Dot = styled.div<{ selected: boolean }>`\n  width: ${({ selected }) => (selected ? \"12px\" : \"8px\")};\n  height: ${({ selected }) => (selected ? \"12px\" : \"8px\")};\n  border-radius: 50%;\n  background-color: ${({ selected, theme }) =>\n    selected ? theme.colors.brand[500] : \"#D1E3FE\"};\n  transition: background-color 0.3s ease;\n`;\n\nconst DotIndicator: React.FC<DotIndicatorProps> = ({\n  numDots,\n  selectedDot\n}) => {\n  const dotsArray = Array.from({ length: numDots }, (_, index) => index);\n\n  return (\n    <DotsContainer>\n      {dotsArray.map((dotIndex) => (\n        <DotWrapper key={dotIndex}>\n          <Dot selected={dotIndex === selectedDot} />\n        </DotWrapper>\n      ))}\n    </DotsContainer>\n  );\n};\n\nexport default DotIndicator;\n","import React, { useState, useRef } from \"react\";\nimport {\n  Wrapper,\n  CarousalContainer,\n  Heading,\n  CarousalBody,\n  CatagoryText,\n  NameText,\n  DescriptionText,\n  UniversityText,\n  CarousalCard,\n  ReviewSlider,\n  CarouselImage,\n  CarouselWrapper,\n  CardCarouselPagination,\n  CardCarouselPaginationButton\n} from \"./teacher-carousal-section.styles\";\nimport { Chevron } from \"components/icons/chevron\";\nimport { teacherCarousaldata } from \"../../../data/gurujuara/carousalData\";\nimport Slider from \"react-slick\";\nimport DotIndicator from \"components/dot-indicator/dot-indicator\";\n\nconst TeacherCarousalSection = (): JSX.Element => {\n  const sliderRef = useRef<Slider | null>(null);\n  const [isAtStart, setIsAtStart] = useState(true);\n  const [isAtEnd, setIsAtEnd] = useState(false);\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  const sliderSettings = {\n    arrows: false,\n    slidesToShow: 3,\n    focusOnselect: false,\n    accessability: false,\n    beforeChange: (current: number, next: number) => {\n      setIsAtStart(next === 0);\n      setIsAtEnd(next === teacherCarousaldata.length - 1);\n    },\n    afterChange: (current: number) => {\n      setCurrentSlide(current);\n    },\n    responsive: [\n      {\n        breakpoint: 780,\n        settings: {\n          slidesToShow: 2\n        }\n      },\n\n      {\n        breakpoint: 500,\n        settings: {\n          slidesToShow: 1\n        }\n      }\n    ]\n  };\n\n  const handleNextClick = () => {\n    if (sliderRef.current) {\n      sliderRef.current.slickNext();\n    }\n  };\n\n  const handlePrevClick = () => {\n    if (sliderRef.current) {\n      sliderRef.current.slickPrev();\n    }\n  };\n\n  return (\n    <Wrapper>\n      <CarousalContainer>\n        <Heading>Pengalaman mereka sebagai Guru Juara</Heading>\n        <CarousalBody>\n          <ReviewSlider {...sliderSettings} ref={sliderRef}>\n            {teacherCarousaldata.map((el, index) => (\n              <CarousalCard key={index}>\n                <CarouselWrapper>\n                  <CarouselImage src={el.image.src} alt={`${el.name}`} />\n                  <CatagoryText>{el.category}</CatagoryText>\n                  <NameText>{el.name}</NameText>\n                  <UniversityText>{el.university}</UniversityText>\n                  <DescriptionText>“{el.description}”</DescriptionText>\n                </CarouselWrapper>\n              </CarousalCard>\n            ))}\n          </ReviewSlider>\n        </CarousalBody>\n        <CardCarouselPagination>\n          <CardCarouselPaginationButton\n            onClick={handlePrevClick}\n            isDisabled={isAtStart}\n          >\n            <Chevron width={16} height={16} />\n          </CardCarouselPaginationButton>\n          <DotIndicator\n            numDots={teacherCarousaldata?.length}\n            selectedDot={currentSlide}\n          />\n          <CardCarouselPaginationButton\n            onClick={handleNextClick}\n            isDisabled={isAtEnd}\n          >\n            <Chevron width={16} height={16} direction=\"right\" />\n          </CardCarouselPaginationButton>\n        </CardCarouselPagination>\n      </CarousalContainer>\n    </Wrapper>\n  );\n};\n\nexport { TeacherCarousalSection };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nexport const TeachersFeatureContainer = styled.div`\n  padding: 80px 0px 80px 0px;\n  background-color: #fffbe9;\n  @media ${breakpoints.mobile} {\n    padding: 40px 0px 40px 0;\n  }\n`;\n\nexport const TeacherFeatWrap = styled(Container)`\n  overflow: hidden;\n`;\n\nexport const Heading = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  text-align: center;\n  margin-bottom: 48px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    margin-bottom: 24px;\n  }\n`;\n\nexport const CardSection = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  text-align: center;\n  gap: 16px;\n  @media ${breakpoints.laptop} {\n    flex-direction: row;\n    gap: 24px;\n    text-align: unset;\n  }\n`;\n\nexport const FeatureCard = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 344px;\n  height: 322px;\n  padding: 0 24px;\n  justify-content: center;\n  align-items: center;\n  border-radius: 12px;\n  box-shadow: 0px 0px 32px 0px #72839e29;\n  background-color: ${({ theme }) => theme.colors.white};\n  @media ${breakpoints.mobile} {\n    flex-direction: row;\n    width: auto;\n    height: 112px;\n  }\n`;\n\nexport const FeatureCardTitle = styled.div`\n  font-weight: 700;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  text-align: center;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    text-align: left;\n  }\n`;\n\nexport const FeatureImageWrapper = styled.div`\n  height: 144px;\n  width: 144px;\n  margin-bottom: 24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    height: 72px;\n    width: 72px;\n    margin-bottom: 0px;\n    margin-right: 16px;\n  }\n`;\n","export default {\"src\":\"/_next/static/media/competitive_salary.fcb2c67f.png\",\"height\":240,\"width\":240,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAXVBMVEX/++r/9eX/tYD//u//8tP/0a7/+Nz///H7oaf6i5f/+uL8rrD4cYT/3t3+vJb80sv/yMb/8eT/+ef/zKP/tIP//+j///7///T/pq3//9/6kZ78lIX9pJH/29T//7PT393PAAAAGHRSTlOW/P6Kjvwlmf37fvv4+/z7+xMrlpf+//4u4W1aAAAACXBIWXMAABCcAAAQnAEmzTo0AAAARElEQVR4nBXGRxKAIBAAwUHCAuZQC5j+/0zLPjXBAWIDro21LgpihhTTI1DSGfsCaLzuWf/4bjINrPrOlzezsR9O8voBX4wC06SiWPIAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/professional_work_culture.9003b282.png\",\"height\":240,\"width\":240,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAgVBMVEX/8nXo8fzr9P9xgcj/63V4lsYuRbf87nr+7nf//H3w4XHksWPf02rr33Pii1n/9XPYpXTY1oUkW+Xg2YesvKJFe/65t5QSKraBmb2Aj68ZMa5wgMaNm+L7+7vh4cb//4isoq3//3NGdfH8//+3nWGba1b27Iheh+NcjPtnlP/y7Lc/32/BAAAAH3RSTlOY+v6YJvuVlYr9mfyZ+/z4+Pv7l/j8iyqU+5R/EpZ6v4A3ewAAAAlwSFlzAAAQnAAAEJwBJs06NAAAAEhJREFUeJwFwQUCgCAABLCjBOxupez/P9ANXCGNoTiUyc5DGwlcZZ4UGmhuYW3lJEZfP68wEtK1HSFhQ/9NntKwY4jmiLFl/QGXOASPzu2UPQAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/supportive_community.19b84c6d.png\",\"height\":240,\"width\":240,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAS1BMVEX/9Ob/sID/8eD/uZH9nnP+qHv/uI7/9Ob/79//yq7/+Ob8lWv+yaP/17r++On8l2v/xqr93MD///H+nXH/3cD/6c//69f/7tf/zZeAo5b3AAAAEnRSTlOY/m77+f1xlI4Q/fz693d7lpT9Vw+3AAAACXBIWXMAABCcAAAQnAEmzTo0AAAAQklEQVR4nAXBCQKAIAgEwFVRQC0LPPr/S5uBRmHwrYhma9UqkH2F3DfAloKTAbDk3g5DJjWiySg5z9O/Ah0P8Bb9AVxlAp2q0sR1AAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","import CompetitiveSalary from \"public/assets/gurujuara/competitive_salary.png\";\nimport ProfessionalWorkCulture from \"public/assets/gurujuara/professional_work_culture.png\";\nimport SupportiveCommunity from \"public/assets/gurujuara/supportive_community.png\";\n\nexport const teachingProfessionalismData = {\n    title: \"Mewujudkan profesionalisme dalam dunia mengajar di Indonesia\",\n    sections: [\n      {\n        id: 1,\n        image: CompetitiveSalary,\n        title: \"Bekerja full-time dengan gaji kompetitif\",\n      },\n      {\n        id: 2,\n        image: ProfessionalWorkCulture,\n        title: \"Budaya kerja profesional dengan ekspektasi tinggi\",\n      },\n      {\n        id: 3,\n        image: SupportiveCommunity,\n        title: \"Komunitas suportif yang membantumu terus tumbuh\",\n      },\n    ],\n  };\n  ","import React from \"react\";\nimport {\n  TeachersFeatureContainer,\n  Heading,\n  CardSection,\n  FeatureCard,\n  FeatureCardTitle,\n  FeatureImageWrapper,\n  TeacherFeatWrap\n} from \"./teaching-feature-section.styles\";\nimport Image from \"next/legacy/image\";\n\nimport { teachingProfessionalismData } from \"../../../data/gurujuara/teachingFeatureData\";\n\nconst TeachingFeatureSection = (): JSX.Element => {\n  return (\n    <TeachersFeatureContainer>\n      <TeacherFeatWrap>\n        <Heading>{teachingProfessionalismData.title}</Heading>\n        <CardSection>\n          {teachingProfessionalismData.sections.map((data) => {\n            return (\n              <FeatureCard key={data.id}>\n                <FeatureImageWrapper>\n                  <Image layout=\"intrinsic\" src={data.image} />\n                </FeatureImageWrapper>\n                <FeatureCardTitle>{data.title}</FeatureCardTitle>\n              </FeatureCard>\n            );\n          })}\n        </CardSection>\n      </TeacherFeatWrap>\n    </TeachersFeatureContainer>\n  );\n};\n\nexport { TeachingFeatureSection };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport Slider from \"react-slick\";\nimport { Container } from \"styles/common/container\";\nimport { ICardCarouselButtonProps } from \"components/kelas-live/card-carousel/card-carousel.types\";\nimport { IconButton } from \"styles/common/icon-button\";\n\nexport const AlumniFeatureContainer = styled.div`\n  padding: 80px 0px 80px 0px;\n  background-color: ${({ theme }) => theme.colors.white};\n  @media ${breakpoints.mobile} {\n    padding: 40px 0px 40px 0;\n  }\n`;\n\nexport const Heading = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  text-align: center;\n  margin-bottom: 24px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n    margin-bottom: 8px;\n  }\n`;\n\nexport const Description = styled.div`\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  text-align: center;\n  margin-bottom: 48px;\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    margin-bottom: 24px;\n  }\n`;\n\nexport const CardSection = styled.div`\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const LeftButton = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n`;\n\nexport const RightButton = styled.div`\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  display: flex;\n  align-items: center;\n`;\n\nexport const FeatureImageWrapper = styled.div`\n  position: relative;\n  margin: 0;\n`;\n\nexport const FeatureTextWrapper = styled.div`\n  background-color: ${({ theme }) => theme.colors.white};\n  position: absolute;\n  bottom: 16px;\n  left: 16px;\n  right: 16px;\n  border-radius: 8px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 14px;\n  box-shadow: 0px 4px 32px 0px #0000007a;\n`;\n\nexport const FeatureName = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"2xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-weight: 700;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  text-align: center;\n  margin-bottom: 4px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n  }\n`;\n\nexport const FeatureRole = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"lg\"]};\n  font-weight: 400;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  line-height: 26px;\n  text-align: center;\n  color: ${({ theme }) => theme.colors.neutral[700]};\n`;\n\nexport const ReviewSlider = styled(Slider)`\n  width: 100%;\n  .slick-track {\n    display: flex;\n    gap: 1rem;\n  }\n  .slick-slide {\n    display: flex;\n    justify-content: center;\n    outline: none;\n  }\n\n  .slick-list {\n    overflow: hidden;\n  }\n`;\n\nexport const CarouselImage = styled.img`\n  width: 100%;\n  height: 100%;\n  border-radius: 14px;\n  object-fit: cover;\n`;\n\nexport const CardCarouselPaginationButton = styled(IconButton)<\n  ICardCarouselButtonProps & {\n    height?: string;\n    width?: string;\n    noShadow?: boolean;\n  }\n>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: ${({ width }) => width || \"60px\"};\n  height: ${({ height }) => height || \"60px\"};\n  box-shadow: ${({ noShadow, theme }) =>\n    noShadow ? \"none\" : `0px 3px 6px ${theme.colors.transparent.black70}`};\n  padding: 10px;\n  border-radius: 50%;\n  color: ${({ theme }) => theme.colors.white};\n  cursor: ${({ isDisabled }) => (isDisabled ? \"unset\" : \"pointer\")};\n  background-color: ${({ isDisabled, theme }) =>\n    isDisabled ? theme.colors.neutral[300] : theme.colors.brand[500]};\n`;\n\nexport const AluminiFeatWrap = styled(Container)`\n  overflow: hidden;\n`;\n\nexport const CardCarouselPagination = styled.div`\n  display: none;\n  padding: 2px;\n  @media ${breakpoints.mobile} {\n    margin-top: 24px;\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n`;\n","export default {\"src\":\"/_next/static/media/aileen.a4cbc724.jpg\",\"height\":600,\"width\":600,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAABtEVX/8QAFxAAAwEAAAAAAAAAAAAAAAAAAQIDFP/aAAgBAQABBQIVbX//xAAXEQEAAwAAAAAAAAAAAAAAAAABAAIh/9oACAEDAQE/AaLs/8QAGhEAAQUBAAAAAAAAAAAAAAAAAQACBBESUf/aAAgBAgEBPwGS0DNcX//EABgQAAIDAAAAAAAAAAAAAAAAAAESAAIx/9oACAEBAAY/AiFsuT//xAAZEAABBQAAAAAAAAAAAAAAAAABABEhMZH/2gAIAQEAAT8hPt1sHV//2gAMAwEAAgADAAAAEAv/xAAXEQEAAwAAAAAAAAAAAAAAAAABACFB/9oACAEDAQE/EGWdn//EABgRAAIDAAAAAAAAAAAAAAAAABFhAAEh/9oACAECAQE/EMvBoW5//8QAGhABAQACAwAAAAAAAAAAAAAAAREAITFBUf/aAAgBAQABPxBbpBmAhvjJe/M//9k=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/fathia.5a2e2cbe.jpg\",\"height\":600,\"width\":600,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAABsEdP/8QAFhAAAwAAAAAAAAAAAAAAAAAAAhMU/9oACAEBAAEFAnlZ/8QAFxEBAAMAAAAAAAAAAAAAAAAAAQACEf/aAAgBAwEBPwGiuz//xAAaEQABBQEAAAAAAAAAAAAAAAACAAEEERJR/9oACAECAQE/AZQiOK4y/8QAFxABAAMAAAAAAAAAAAAAAAAAEgACMf/aAAgBAQAGPwIGxyf/xAAaEAEAAQUAAAAAAAAAAAAAAAABABEhUWFx/9oACAEBAAE/IaDTa2znk//aAAwDAQACAAMAAAAQB//EABcRAQADAAAAAAAAAAAAAAAAAAEAITH/2gAIAQMBAT8QvDiz/8QAGBEBAQADAAAAAAAAAAAAAAAAAREAIXH/2gAIAQIBAT8QERlZ7vP/xAAZEAEBAAMBAAAAAAAAAAAAAAARAQAhUWH/2gAIAQEAAT8QeiDlIMsIequ+TP/Z\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/jeffry.1375c567.jpg\",\"height\":600,\"width\":600,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAABuEhX/8QAFxAAAwEAAAAAAAAAAAAAAAAAAQIDFP/aAAgBAQABBQI2bT//xAAXEQEAAwAAAAAAAAAAAAAAAAABAAIR/9oACAEDAQE/AaK7P//EABkRAAIDAQAAAAAAAAAAAAAAAAISAAEEQf/aAAgBAgEBPwHUAiq1yf/EABoQAAEFAQAAAAAAAAAAAAAAAAEAAhESEzH/2gAIAQEABj8CAzfXkr//xAAYEAACAwAAAAAAAAAAAAAAAAAAESFBcf/aAAgBAQABPyFKzHrp/9oADAMBAAIAAwAAABDz/8QAFxEAAwEAAAAAAAAAAAAAAAAAAAEhQf/aAAgBAwEBPxCwen//xAAZEQEAAgMAAAAAAAAAAAAAAAAhABEBMWH/2gAIAQIBAT8QxBBe3rc//8QAGRABAAIDAAAAAAAAAAAAAAAAAQARMUFR/9oACAEBAAE/ECNQpFuvFYHc/9k=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/retta.8f7d0058.jpg\",\"height\":600,\"width\":600,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAX/xAAVAQEBAAAAAAAAAAAAAAAAAAAEBf/aAAwDAQACEAMQAAABoCEv/8QAFhAAAwAAAAAAAAAAAAAAAAAAAxIU/9oACAEBAAEFAnLT/8QAFREBAQAAAAAAAAAAAAAAAAAAAAL/2gAIAQMBAT8Bl//EABgRAAIDAAAAAAAAAAAAAAAAAAARAQMh/9oACAECAQE/Ablig//EABkQAAEFAAAAAAAAAAAAAAAAABEAARIxM//aAAgBAQAGPwLN4USv/8QAFxAAAwEAAAAAAAAAAAAAAAAAABFR8P/aAAgBAQABPyHSyo//2gAMAwEAAgADAAAAEA//xAAXEQADAQAAAAAAAAAAAAAAAAAAAREh/9oACAEDAQE/EL2s/8QAGREBAQEAAwAAAAAAAAAAAAAAASERAEFh/9oACAECAQE/EEpCdbfXVvP/xAAaEAEAAQUAAAAAAAAAAAAAAAABEQAhQYGR/9oACAEBAAE/EFQBm7I8ondf/9k=\",\"blurWidth\":8,\"blurHeight\":8};","import Aileen from \"public/assets/gurujuara/aileen.jpg\";\nimport Fathia from \"public/assets/gurujuara/fathia.jpg\";\nimport Jeffry from \"public/assets/gurujuara/jeffry.jpg\";\nimport Retta from \"public/assets/gurujuara/retta.jpg\";\n\nexport const alumniSection = {\n  title: \"#alumniGuruJuara\",\n  description:\n    \"Alumni Guru Juara menebar luas dampak positif dengan  keterampilan dan profesionalisme di berbagai industri\",\n  alumni: [\n    {\n      id: 1,\n      name: \"Kak Fathia\",\n      role: \"Management Trainee Perbankan BUMN\",\n      image: Fathia\n    },\n    {\n      id: 2,\n      name: \"Kak Jeffry\",\n      role: \"Guru Matematika di Sekolah Internasional\",\n      image: Jeffry\n    },\n    {\n      id: 3,\n      name: \"Kak Retta\",\n      role: \"Dosen PTN\",\n      image: Retta\n    },\n    {\n      id: 4,\n      name: \"Kak Aileen\",\n      role: \"Consulting di Perusahaan Multinasional\",\n      image: Aileen\n    }\n  ]\n};\n","import React, { useRef, useState } from \"react\";\nimport {\n  AlumniFeatureContainer,\n  Heading,\n  CardSection,\n  FeatureName,\n  FeatureImageWrapper,\n  FeatureTextWrapper,\n  FeatureRole,\n  Description,\n  ReviewSlider,\n  CarouselImage,\n  LeftButton,\n  RightButton,\n  CardCarouselPaginationButton,\n  AluminiFeatWrap,\n  CardCarouselPagination\n} from \"./alumni-section.styles\";\nimport { Chevron } from \"components/icons/chevron\";\nimport Slider from \"react-slick\";\n\nimport { alumniSection } from \"../../../data/gurujuara/aluminiData\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\nimport DotIndicator from \"components/dot-indicator/dot-indicator\";\n\nconst AlumniSection = (): JSX.Element => {\n  const isMobile = useMediaQuery(\"mobile\");\n  const sliderRef = useRef<Slider | null>(null);\n  const [isAtStart, setIsAtStart] = useState(true);\n  const [isAtEnd, setIsAtEnd] = useState(false);\n  const [currentSlide, setCurrentSlide] = useState(0);\n\n  const sliderSettings = {\n    infinite: true,\n    arrows: false,\n    slidesToShow: 3,\n    focusOnselect: false,\n    accessability: false,\n    beforeChange: (current: number, next: number) => {\n      setIsAtStart(next === 0);\n      setIsAtEnd(next === alumniSection.alumni.length - 1);\n    },\n    afterChange: (current: number) => {\n      setCurrentSlide(current);\n    },\n    responsive: [\n      {\n        breakpoint: 780,\n        settings: {\n          slidesToShow: 2\n        }\n      },\n\n      {\n        breakpoint: 500,\n        settings: {\n          slidesToShow: 1\n        }\n      }\n    ]\n  };\n\n  const handleNextClick = () => {\n    if (sliderRef.current) {\n      sliderRef.current.slickNext();\n    }\n  };\n\n  const handlePrevClick = () => {\n    if (sliderRef.current) {\n      sliderRef.current.slickPrev();\n    }\n  };\n\n  return (\n    <AlumniFeatureContainer>\n      <AluminiFeatWrap>\n        <Heading>{alumniSection.title}</Heading>\n        <Description>{alumniSection.description}</Description>\n        <CardSection>\n          <ReviewSlider {...sliderSettings} ref={sliderRef}>\n            {alumniSection.alumni.map((data, index) => {\n              return (\n                <FeatureImageWrapper key={index}>\n                  <CarouselImage src={data.image.src} />\n                  <FeatureTextWrapper>\n                    <FeatureName>{data.name}</FeatureName>\n                    <FeatureRole>{data.role}</FeatureRole>\n                  </FeatureTextWrapper>\n                </FeatureImageWrapper>\n              );\n            })}\n          </ReviewSlider>\n          {!isMobile && (\n            <>\n              <LeftButton>\n                <CardCarouselPaginationButton\n                  onClick={handlePrevClick}\n                  isDisabled={isAtStart}\n                >\n                  <Chevron width={33} height={33} />\n                </CardCarouselPaginationButton>\n              </LeftButton>\n              <RightButton>\n                <CardCarouselPaginationButton\n                  onClick={handleNextClick}\n                  isDisabled={isAtEnd}\n                >\n                  <Chevron width={33} height={33} direction=\"right\" />\n                </CardCarouselPaginationButton>\n              </RightButton>\n            </>\n          )}\n        </CardSection>\n        {isMobile && (\n          <>\n            <CardCarouselPagination>\n              <CardCarouselPaginationButton\n                height=\"36px\"\n                width=\"36px\"\n                noShadow\n                onClick={handlePrevClick}\n                isDisabled={isAtStart}\n              >\n                <Chevron width={16} height={16} />\n              </CardCarouselPaginationButton>\n              <DotIndicator\n                numDots={alumniSection.alumni?.length}\n                selectedDot={currentSlide}\n              />\n              <CardCarouselPaginationButton\n                height=\"36px\"\n                width=\"36px\"\n                noShadow\n                onClick={handleNextClick}\n                isDisabled={isAtEnd}\n              >\n                <Chevron width={16} height={16} direction=\"right\" />\n              </CardCarouselPaginationButton>\n            </CardCarouselPagination>\n          </>\n        )}\n      </AluminiFeatWrap>\n    </AlumniFeatureContainer>\n  );\n};\n\nexport { AlumniSection };\n","export default {\"src\":\"/_next/static/media/day-in-the-life-bg.f9607858.png\",\"height\":656,\"width\":1280,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAA1BMVEUAAACnej3aAAAAAXRSTlMCrui5SgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAtJREFUeJxjYCAMAAAkAAG2Zt8EAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":4};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nimport DayInTheLifeBg from \"public/assets/gurujuara/day-in-the-life-bg.png\";\n\nexport const DayInTheLifeContainer = styled.div`\n  padding: 80px 0px 80px 0px;\n  background: linear-gradient(\n      rgba(255, 255, 255, 1),\n      rgba(255, 255, 255, 0),\n      rgba(255, 255, 255, 1)\n    ),\n    url(${DayInTheLifeBg.src});\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  @media ${breakpoints.mobile} {\n    padding: 0;\n  }\n`;\n\nexport const Heading = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  text-align: center;\n  margin-bottom: 48px;\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n    margin-bottom: 24px;\n  }\n`;\n\nexport const CardSection = styled.div`\n  overflow-y: visible;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  text-align: center;\n  @media ${breakpoints.laptop} {\n    flex-direction: row;\n    gap: 32px;\n    text-align: unset;\n  }\n  @media ${breakpoints.mobile} {\n    gap: 16px;\n    text-align: unset;\n  }\n`;\ninterface FeatureCardProps {\n  isEven: boolean;\n}\n\nexport const FeatureCard = styled.div<FeatureCardProps>`\n  position: relative;\n  display: flex;\n  justify-content: ${({ isEven }) => (isEven ? \"flex-end\" : \"flex-start\")};\n  align-items: center;\n  margin-bottom: 22px;\n  @media ${breakpoints.mobile} {\n    margin-bottom: 16px;\n  }\n`;\n\nexport const PinWrapper = styled.div`\n  position: absolute;\n  top: -10px;\n  left: 47%;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    top: -12px;\n  }\n`;\n\nexport const CardWrapper = styled.div`\n  position: relative;\n  padding: 16px 16px 24px;\n  box-shadow: 0px 0px 16.36px 0px #0000001f;\n  background-color: ${({ theme }) => theme.colors.white};\n  @media ${breakpoints.mobile} {\n    padding: 8px 8px 12px;\n  }\n`;\n\nexport const FeatureImageWrapper = styled.div`\n  height: 240px;\n  width: 306.6px;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n`;\n\nexport const FeatureTextWrapper = styled.div`\n  background-color: ${({ theme }) => theme.colors.white};\n  margin-top: 24px;\n  width: 306.6px;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const FeatureText = styled.div`\n  font-size: ${({ theme }) => theme.fontSizes[\"sm\"]};\n  font-weight: 400;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  line-height: 20px;\n  text-align: center;\n  color: ${({ theme }) => theme.colors.neutral[1000]};\n`;\n\nexport const ButtonWrapper = styled.div`\n  display: flex;\n  width: 100%;\n  justify-content: center;\n  align-items: center;\n`;\n\nexport const DayInFeatWrap = styled(Container)`\n  overflow: hidden;\n`;\n","export default {\"src\":\"/_next/static/media/pin.2d70d1b8.svg\",\"height\":34,\"width\":31,\"blurWidth\":0,\"blurHeight\":0};","export default {\"src\":\"/_next/static/media/teaching-in-action.d5e85779.jpg\",\"height\":720,\"width\":920,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAUAQEAAAAAAAAAAAAAAAAAAAAC/9oADAMBAAIQAxAAAAGrCP8A/8QAFRABAQAAAAAAAAAAAAAAAAAAABL/2gAIAQEAAQUCh//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Bf//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Bf//EABYQAAMAAAAAAAAAAAAAAAAAAAABMf/aAAgBAQAGPwKI/8QAGBAAAgMAAAAAAAAAAAAAAAAAAAERUXH/2gAIAQEAAT8hUKcP/9oADAMBAAIAAwAAABAP/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPxB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPxB//8QAGRABAAIDAAAAAAAAAAAAAAAAAQARITFx/9oACAEBAAE/EBIBnQHBfJ//2Q==\",\"blurWidth\":8,\"blurHeight\":6};","export default {\"src\":\"/_next/static/media/professional-growth.59a970bc.jpg\",\"height\":720,\"width\":921,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFAABAAAAAAAAAAAAAAAAAAAAAP/EABUBAQEAAAAAAAAAAAAAAAAAAAID/9oADAMBAAIQAxAAAAEFP//EABUQAQEAAAAAAAAAAAAAAAAAAAMA/9oACAEBAAEFAlZr/8QAFREBAQAAAAAAAAAAAAAAAAAAAQD/2gAIAQMBAT8BVv/EABURAQEAAAAAAAAAAAAAAAAAABEA/9oACAECAQE/ARv/xAAYEAACAwAAAAAAAAAAAAAAAAAAAREiMv/aAAgBAQAGPwKjWpP/xAAYEAADAQEAAAAAAAAAAAAAAAABESExAP/aAAgBAQABPyFthBKN3O//2gAMAwEAAgADAAAAEA//xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQMBAT8QE4X/xAAWEQEBAQAAAAAAAAAAAAAAAAABABH/2gAIAQIBAT8QANb/xAAZEAEAAwEBAAAAAAAAAAAAAAABESFBADH/2gAIAQEAAT8QFeMLFIVMZ93v/9k=\",\"blurWidth\":8,\"blurHeight\":6};","export default {\"src\":\"/_next/static/media/team-collaboration.5b0de579.jpg\",\"height\":711,\"width\":921,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoHBwgHBgoICAgLCgoLDhgQDg0NDh0VFhEYIx8lJCIfIiEmKzcvJik0KSEiMEExNDk7Pj4+JS5ESUM8SDc9Pjv/2wBDAQoLCw4NDhwQEBw7KCIoOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozv/wgARCAAGAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAT/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAABlEP/xAAVEAEBAAAAAAAAAAAAAAAAAAARAf/aAAgBAQABBQIp/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwF//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwF//8QAFxAAAwEAAAAAAAAAAAAAAAAAAAEykf/aAAgBAQAGPwKnp//EABgQAAIDAAAAAAAAAAAAAAAAAAERACFB/9oACAEBAAE/IX3Axhz/2gAMAwEAAgADAAAAEPf/xAAVEQEBAAAAAAAAAAAAAAAAAAAAEf/aAAgBAwEBPxCv/8QAFhEAAwAAAAAAAAAAAAAAAAAAAAEh/9oACAECAQE/EFT/xAAZEAEAAgMAAAAAAAAAAAAAAAABABEhUfD/2gAIAQEAAT8QzrYA9NXP/9k=\",\"blurWidth\":8,\"blurHeight\":6};","import TeachingInAction from \"public/assets/gurujuara/teaching-in-action.jpg\";\nimport ProfessionalGrowth from \"public/assets/gurujuara/professional-growth.jpg\";\nimport TeamCollaboration from \"public/assets/gurujuara/team-collaboration.jpg\";\n\nexport const dayInTheLifeData = {\n  title: \"#dayinthelife sebagai Guru Juara\",\n  cards: [\n    {\n      id: 1,\n      image: TeachingInAction,\n      description:\n        \"Berbagi ilmu dan mengenal murid-murid dari berbagai penjuru nusantara.\"\n    },\n    {\n       id: 2,\n      image: TeamCollaboration,\n      description:\n        \"Bersama tim yang suportif, kami berkomitmen untuk terus belajar dan berkembang.\"\n    },\n    {\n      id: 3,\n      image: ProfessionalGrowth,\n      description:\n        \"Membangun keterampilan dan profesionalisme yang akan mendorong kemajuan kariermu.\"\n    }\n  ],\n  cta: {\n    text: \"Lihat kegiatan lainnya di sini\",\n    link: \"https://www.instagram.com/peopleofcolearn/\"\n  }\n};\n","import React from \"react\";\nimport {\n  DayInTheLifeContainer,\n  Heading,\n  CardSection,\n  FeatureCard,\n  FeatureImageWrapper,\n  FeatureTextWrapper,\n  FeatureText,\n  CardWrapper,\n  ButtonWrapper,\n  DayInFeatWrap,\n  PinWrapper\n} from \"./day-in-the-life-section.styles\";\nimport Image from \"next/legacy/image\";\nimport InstagramIcon from \"public/assets/instaWhite.png\";\nimport Pin from \"public/assets/gurujuara/pin.svg\";\nimport { CheckIGButton } from \"components/download-app-ctas/download-app-ctas.styles\";\nimport { dayInTheLifeData } from \"../../../data/gurujuara/dayInTheLifeData\";\n\nconst DayInTheLifeSection = (): JSX.Element => {\n  return (\n    <DayInTheLifeContainer>\n      <DayInFeatWrap>\n        <Heading>{dayInTheLifeData.title}</Heading>\n        <CardSection>\n          {dayInTheLifeData.cards.map((data) => {\n            return (\n              <FeatureCard key={data.id} isEven={data.id % 2 === 0}>\n                <CardWrapper>\n                  <PinWrapper>\n                    <Image\n                      src={Pin}\n                      alt=\"Pin\"\n                      layout=\"fixed\"\n                      width={30}\n                      height={33}\n                    />\n                  </PinWrapper>\n                  <FeatureImageWrapper>\n                    <Image src={data.image} />\n                  </FeatureImageWrapper>\n                  <FeatureTextWrapper>\n                    <FeatureText>{data.description}</FeatureText>\n                  </FeatureTextWrapper>\n                </CardWrapper>\n              </FeatureCard>\n            );\n          })}\n        </CardSection>\n        <ButtonWrapper>\n          <CheckIGButton\n            rel=\"nofollow\"\n            href=\"https://www.instagram.com/peopleofcolearn/\"\n          >\n            Lihat kegiatan lainnya di sini\n            <Image\n              src={InstagramIcon}\n              alt=\"Whatsapp Icon\"\n              layout=\"fixed\"\n              width={18}\n              height={18}\n              style={{ marginBottom: \"2px\" }}\n            />\n          </CheckIGButton>\n        </ButtonWrapper>\n      </DayInFeatWrap>\n    </DayInTheLifeContainer>\n  );\n};\n\nexport { DayInTheLifeSection };\n","export default {\"src\":\"/_next/static/media/join-us-bg.49362af5.svg\",\"height\":330,\"width\":1280,\"blurWidth\":0,\"blurHeight\":0};","export default {\"src\":\"/_next/static/media/cloud.5eefc3d2.svg\",\"height\":329,\"width\":1280,\"blurWidth\":0,\"blurHeight\":0};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nimport JoinUsBg from \"public/assets/gurujuara/join-us-bg.svg\";\nimport Cloud from \"public/assets/gurujuara/cloud.svg\";\n\nexport const JoinUsContainer = styled.div`\n  background-color: ${({ theme }) => theme.colors.white};\n  padding: 80px 0px 0px 0px;\n  @media ${breakpoints.mobile} {\n    padding: 40px 0px 0px 0;\n  }\n`;\n\nexport const JoinUsWrapper = styled(Container)`\n  overflow: hidden;\n  padding: 0;\n`;\n\nexport const BackgroundContainer = styled.div`\n  padding-left: 100px;\n  position: relative;\n  background: url(${Cloud.src}), url(${JoinUsBg.src});\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 100%;\n  height: 365px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  @media ${breakpoints.mobile} {\n    background-color: ${({ theme }) => theme.colors.brand[700]};\n    padding: 20px 0;\n    justify-content: space-evenly;\n    align-items: center;\n    padding-bottom: 0px;\n  }\n`;\n\nexport const Lft = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  position: absolute;\n  bottom: 0px;\n  left: 588px;\n  z-index: 3;\n  @media ${breakpoints.mobile} {\n    bottom: -288px;\n  }\n`;\n\nexport const Mdle = styled.div`\n  display: flex;\n  justify-content: flex-end;\n  position: absolute;\n  bottom: 0px;\n  left: 772px;\n  z-index: 1;\n  @media ${breakpoints.mobile} {\n    left: 44px;\n  }\n`;\nexport const Rght = styled.div`\n  position: absolute;\n  display: flex;\n  justify-content: flex-end;\n  bottom: 0;\n  left: 947px;\n  z-index: 2;\n  @media ${breakpoints.mobile} {\n    left: 44px;\n  }\n`;\n\nexport const Heading = styled.h2`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  color: ${({ theme }) => theme.colors.white};\n  margin-bottom: 24px;\n  @media ${breakpoints.mobile} {\n    text-align: center;\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  width: auto;\n`;\n\nexport const ButtonLink = styled.a`\n  text-decoration: none;\n  color: inherit;\n  position: relative;\n`;\n\nexport const Mobile = styled.div`\n  @media ${breakpoints.mobile} {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    overflow: hidden;\n    position: relative;\n    img {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      top: 0;\n      left: 0;\n      z-index: 1;\n    }\n  }\n`;\n","export default {\"src\":\"/_next/static/media/mobile.65c98b37.png\",\"height\":246,\"width\":540,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAP1BMVEVMaXELUZptX3hFTpQ+TZSCTEViOzGGTjiUXU9CdqtKMyNOaJASWaZwYWVQSGkEH5CXZlCOdnBTUXCJe35vfbTKavKVAAAAEnRSTlMA/O51/eBiCKv+Qf7+/tKqz1Yw3QgFAAAACXBIWXMAABCcAAAQnAEmzTo0AAAAKUlEQVR4nAXBBwIAEAwAsTNbm/L/t0pARHMFgiZvW+CZld4ORFfuuHN9ETIBKUtfuyoAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":4};","export default {\"src\":\"/_next/static/media/left-student.b8575985.png\",\"height\":288,\"width\":333,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAHCAMAAAACh/xsAAAAclBMVEVMaXEhWJrNpIahTDHQsp0ZUJHAfVYGSJMyFSuEOiacUTifTTRIBwDap4CyaU1mHwkqGTHqzLcVH0f//PYIQIK1qqiwtMH///Xr1cf/5bKzj3jv1bpGb6IgZ6zknn3HfVx1LCJRIialsMmws8KIhZLn19IYJMfzAAAAHHRSTlMA/UJ7I/dl/gwejOwjg9zNqqPIXtfhxp6ACsRDK1VdzAAAAAlwSFlzAAALEwAACxMBAJqcGAAAAD5JREFUeJwFwQUCgCAAALEDSbsTbP//RTcAlyYAhTJ7loNqfHlUfqEb6/NqV8N06xDEK5kHHaN9NnC9teKTP1S/Ayrs0m2dAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":7};","export default {\"src\":\"/_next/static/media/right-student.39a863ee.png\",\"height\":326,\"width\":288,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAXVBMVEVMaXGCfo83HRLXlXMxXZQ2dbmiblRzTToVCQEpEA9zSDS5jntVNiMMQ4OyfF//qgBUOTmMYlVFMy0dWaAmOlwAAAAORo1TZ5EOUZ6+fVPenXrFhGWtn6QcNF8DUqtbiRFkAAAAGnRSTlMA/kXz9Pz9+l80NUaH/q4GstWL4H8aSPujzYp2904AAAAJcEhZcwAACxMAAAsTAQCanBgAAAA8SURBVHicFcVJEoAgDADBQYHgLiiouPz/mVb60kAIqF6k0cfadnq6RS+bnewA5+fcM8NuDuNXyFf1b1x+MXkCG/22Z5UAAAAASUVORK5CYII=\",\"blurWidth\":7,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/middle-student.f0b5b16b.png\",\"height\":365,\"width\":312,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAXVBMVEWTYGDHe1IkEARVNyYSOm8YabY5fcAWWqE6KibijltkOSOeak+2aTqTYE9saHkAHP9Oj81IEgALZbbGcEGnc1oFVqabe22yeF0EZbwXZKvlk2MQb8bloXs1WouDeYK5e3K+AAAAGnRSTlMB/j/CMP39/D9rjq5G+osJ/g7n5/yZiv17K7eOuFoAAAAJcEhZcwAACxMAAAsTAQCanBgAAAA9SURBVHicHcXbFoAQFEDBrXDoJrpT/f9ntjQvA7i2oerv7t/noRamUQNXKsZscBY7W9Hsr8izOnxWh1riBzYtAjZQk23lAAAAAElFTkSuQmCC\",\"blurWidth\":7,\"blurHeight\":8};","import React from \"react\";\nimport {\n  JoinUsContainer,\n  BackgroundContainer,\n  ButtonContainer,\n  Lft,\n  Mdle,\n  Rght,\n  Heading,\n  Mobile,\n  ButtonLink,\n  JoinUsWrapper\n} from \"./join-us-section.styles\";\nimport Image from \"next/legacy/image\";\nimport { urls } from \"data/links\";\nimport { Button } from \"components/atoms/button/button\";\nimport mobile from \"public/assets/gurujuara/mobile.png\";\nimport leftStudent from \"public/assets/gurujuara/left-student.png\";\nimport rightStudent from \"public/assets/gurujuara/right-student.png\";\nimport middleStudent from \"public/assets/gurujuara/middle-student.png\";\nimport { useMediaQuery } from \"hooks/use-media-query/use-media-query\";\n\nconst JoinUsSection = (): JSX.Element => {\n  const isMobile = useMediaQuery(\"mobile\");\n\n  return (\n    <JoinUsContainer>\n      <JoinUsWrapper>\n        <BackgroundContainer>\n          <Heading>\n            {isMobile ? (\n              <>\n                Yuk ikutan jadi Guru Juara di\n                <br />\n                CoLearn\n              </>\n            ) : (\n              <>\n                Yuk ikutan jadi Guru\n                <br />\n                Juara di CoLearn\n              </>\n            )}\n          </Heading>\n          <ButtonContainer>\n            <ButtonLink href={urls.bambooHr}>\n              <Button variant=\"light\">Gabung Akademi Guru Juara</Button>\n            </ButtonLink>\n          </ButtonContainer>\n          {isMobile ? (\n            <Mobile>\n              <Image\n                src={mobile}\n                alt=\"Mobile Image\"\n                layout=\"fill\"\n                objectFit=\"cover\"\n              />\n            </Mobile>\n          ) : (\n            <>\n              <Lft>\n                <Image src={leftStudent} />\n              </Lft>\n              <Mdle>\n                <Image src={middleStudent} />\n              </Mdle>\n              <Rght>\n                <Image src={rightStudent} />\n              </Rght>\n            </>\n          )}\n        </BackgroundContainer>\n      </JoinUsWrapper>\n    </JoinUsContainer>\n  );\n};\n\nexport { JoinUsSection };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nimport HeroBg from \"public/assets/gurujuara/hero-bg.png\";\n\nexport const JoinUsContainer = styled.div`\n  position: relative;\n  background:\n    url(${HeroBg.src}) center/cover no-repeat,\n    radial-gradient(50% 133.09% at 50% 50%, #3a6ae8 0%, #0738c2 100%);\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n  height: 368px;\n  text-align: center;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-top: 15px;\n  @media ${breakpoints.mobile} {\n    height: 408px;\n  }\n`;\n\nexport const BackgroundContainer = styled(Container)`\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  @media ${breakpoints.mobile} {\n    justify-content: flex-start;\n    gap: 10px;\n    margin: 0px;\n    padding-top: 56px;\n  }\n`;\n\nexport const Heading = styled.div`\n  width: 500px;\n  font-family: ${({ theme }) => theme.fonts.primary};\n  font-weight: 700;\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  color: ${({ theme }) => theme.colors.white};\n  text-align: center;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    width: 100%;\n    z-index: 1;\n  }\n`;\n\nexport const BottomLeft = styled.div`\n  position: absolute;\n  left: 82px;\n  z-index: 1;\n  width: 230px;\n  height: auto;\n  aspect-ratio: 1;\n  @media ${breakpoints.mobile} {\n    width: 40%;\n    height: auto;\n    bottom: 12%;\n    left: 9%;\n  }\n  @media ${breakpoints.laptop} {\n    top: 113px;\n  }\n`;\n\nexport const TopLeft = styled.div`\n  position: absolute;\n  left: 0px;\n  z-index: 0;\n  width: 230px;\n  height: auto;\n  aspect-ratio: 1;\n  @media ${breakpoints.mobile} {\n    width: 40%;\n    height: auto;\n    bottom: 30%;\n    left: 22%;\n  }\n  @media ${breakpoints.laptop} {\n    top: 0px;\n  }\n`;\n\nexport const BottomRight = styled.div`\n  position: absolute;\n  right: 82px;\n  z-index: 1;\n  width: 230px;\n  height: auto;\n  aspect-ratio: 1;\n  @media ${breakpoints.mobile} {\n    width: 40%;\n    height: auto;\n    bottom: 12%;\n    left: 37%;\n  }\n  @media ${breakpoints.laptop} {\n    top: 113px;\n  }\n`;\n\nexport const TopRight = styled.div`\n  position: absolute;\n  right: 0px;\n  z-index: 0;\n  width: 230px;\n  height: auto;\n  aspect-ratio: 1;\n  @media ${breakpoints.mobile} {\n    width: 40%;\n    height: auto;\n    bottom: 30%;\n    left: 50%;\n  }\n  @media ${breakpoints.laptop} {\n    top: 0px;\n  }\n`;\nexport const ButtonContainer = styled.div`\n  width: auto;\n`;\n\nexport const Star5 = styled.div`\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  z-index: 0;\n  aspect-ratio: 1;\n  display: none;\n  @media ${breakpoints.mobile} {\n    scale: 1.2;\n    display: block;\n    top: 62%;\n    left: -60%;\n  }\n`;\n\nexport const Star = styled.div`\n  position: absolute;\n  top: 0px;\n  right: 0px;\n  z-index: 0;\n  aspect-ratio: 1;\n  display: none;\n  @media ${breakpoints.mobile} {\n    display: block;\n    top: 68%;\n    left: 53%;\n  }\n`;\n\nexport const LeftStar = styled.div`\n  position: absolute;\n  top: 27%;\n  right: 6%;\n  z-index: 0;\n  aspect-ratio: 1;\n\n  @media ${breakpoints.mobile} {\n    display: none;\n  }\n`;\nexport const RightStar = styled.div`\n  position: absolute;\n  top: 27%;\n  left: 6%;\n  z-index: 0;\n  aspect-ratio: 1;\n\n  @media ${breakpoints.mobile} {\n    display: none;\n  }\n`;\n","export default {\"src\":\"/_next/static/media/mobilestar.07fd76c8.svg\",\"height\":24,\"width\":23,\"blurWidth\":0,\"blurHeight\":0};","export default {\"src\":\"/_next/static/media/bottom-left.6d5abc56.png\",\"height\":606,\"width\":606,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAUVBMVEXcxiz/8Z3k4KNjgcv/96f65Gb/96j/6GqNj43/9nH/853/9aH37KCrlG22wbvRpno1Ysry6qrLrplfgc7or4i0nJSffWD//rJGb9bf4LF5l9H0rctxAAAAF3RSTlMBmerx6B/4FCcilZvm/N/99uf89f38/NXbLwQAAAAJcEhZcwAAITgAACE4AUWWMWAAAAA/SURBVHicFcZHEsAgDACxpRjH6d2Q/z80g04CUKXTEOexd/J38QCay715VqS082nZkPLVWqMhx5XSvhrY0PEDSjsCWedYZVEAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/bottom-right.f05dc46b.png\",\"height\":606,\"width\":605,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAWlBMVEXKUWbnX3//qLz+qbr/uMgqSoBKBgPua47+jKreaYfqobP7r8H1p7o7ifOFaWPKn5hXQjO/lo0KH0fPmrEzOFhqL1hPVqD+tsr/wtfHi5dbXqBijOHFl7Q0Xs3CURglAAAAF3RSTlMBEJab8PUqFiQg6+vl/vz8/f386fwr+L2SczIAAAAJcEhZcwAAITgAACE4AUWWMWAAAABASURBVHicFcGFEcAwDACxDzoOlBn2X7NXCUCEn7E1WwO4o+92B1L2cTi9oP5Zpqsk1N+tvTmhcwhhqwk0xrgmPkoqAmXtfKADAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/top-left.97fb2eef.png\",\"height\":606,\"width\":605,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAUVBMVEVMaXGI9bxG/4uZ/8eI+LuY/8YCWYtP5Jxd5ahR7qMQUKR74r19iWkEQrGEX0cROoZKQVVVQTlvlXYYU60rY7atdVih/9R83KpDgodmto8jarH9tEynAAAAFnRSTlMA6AX0mesqGyUS9+b8/v3+/Pz88vL9Hi++gwAAAAlwSFlzAAAhOAAAITgBRZYxYAAAAEFJREFUeJwVxtsWQCAQBdBTTXMRQlT8/4das582AJjBGYVAXurr1QmQPJ59ZIGk9zxmVkiadfs8pd1tKYqozMwaf0f6Ak156NqiAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/top-right.01addaae.png\",\"height\":606,\"width\":606,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAWlBMVEVMaXGAM//Wrf/Vrf9XPbnLn//SrP+1cfiwYf3asv+7ne/CpfwtSqRGX6jPpP+if3TGovXLoP23k6LOmYSBdLF4a5IuU7HUpaq6b49nb67ju/9CatOUitOmnfmsEYGmAAAAGnRSTlMABebqKJf5IRT84/bw+pv855n8/fT8/v0p/Nv/fKgAAAAJcEhZcwAAITgAACE4AUWWMWAAAABCSURBVHicFcbHEcAwDAMwulJyidN79l8zZ7wAACLoJKQx9A7a5nsCxMXlUCtgzNv1OYL61v3JBO1aSk2Eoff+pPkBTQkCZi/WxSYAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":8};","export default {\"src\":\"/_next/static/media/leftstar.54d0ce50.svg\",\"height\":133,\"width\":171,\"blurWidth\":0,\"blurHeight\":0};","export default {\"src\":\"/_next/static/media/rightstar.11894475.svg\",\"height\":136,\"width\":176,\"blurWidth\":0,\"blurHeight\":0};","import React from \"react\";\nimport {\n  JoinUsContainer,\n  BackgroundContainer,\n  BottomLeft,\n  TopLeft,\n  BottomRight,\n  TopRight,\n  Heading,\n  Star5,\n  LeftStar,\n  RightStar,\n  Star\n} from \"./hero-section.styles\";\nimport Image from \"next/legacy/image\";\nimport Mobile from \"public/assets/gurujuara/mobilestar.svg\";\nimport bottomLeft from \"public/assets/gurujuara/bottom-left.png\";\nimport bottomRight from \"public/assets/gurujuara/bottom-right.png\";\nimport topLeft from \"public/assets/gurujuara/top-left.png\";\nimport topRight from \"public/assets/gurujuara/top-right.png\";\nimport leftStar from \"public/assets/gurujuara/leftstar.svg\";\nimport rightStar from \"public/assets/gurujuara/rightstar.svg\";\n\nconst HeroSection = (): JSX.Element => {\n  return (\n    <JoinUsContainer>\n      <BackgroundContainer>\n        <Heading>Mengenal lebih dekat dengan Guru Juara</Heading>\n        <div>\n          <Star>\n            <Image src={Mobile} alt=\"Right Star\" />\n          </Star>\n          <Star5>\n            <Image src={Mobile} alt=\"Right Star\" />\n          </Star5>\n          <LeftStar>\n            <Image src={leftStar} alt=\"Left Star\" />\n          </LeftStar>\n          <RightStar>\n            <Image src={rightStar} alt=\"Right Star\" />\n          </RightStar>\n          <BottomLeft>\n            <Image src={bottomLeft} alt=\"Bottom Left\" />\n          </BottomLeft>\n          <TopLeft>\n            <Image src={topLeft} alt=\"Top Left\" />\n          </TopLeft>\n          <BottomRight>\n            <Image src={bottomRight} alt=\"Bottom Right\" />\n          </BottomRight>\n          <TopRight>\n            <Image src={topRight} alt=\"Top Right\" />\n          </TopRight>\n        </div>\n      </BackgroundContainer>\n    </JoinUsContainer>\n  );\n};\n\nexport { HeroSection };\n","import styled from \"styled-components\";\nimport { breakpoints } from \"styles/constants/breakpoints\";\nimport { Container } from \"styles/common/container\";\n\nexport const AboutWrapper = styled.section`\n  background-color: ${({ theme }) => theme.colors.white};\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  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  overflow: hidden;\n  @media ${breakpoints.mobile} {\n    flex-direction: column-reverse;\n    gap: 26px;\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  max-width: 950px;\n`;\n\nexport const AboutTitle = styled.div`\n  font-family: ${({ theme }) => theme.fonts.primary};\n  line-height: ${({ theme }) => theme.fontSizes[\"custom46\"]};\n  font-size: ${({ theme }) => theme.fontSizes[\"4xl\"]};\n  font-weight: 700;\n  margin: 0;\n  text-align: left;\n  margin-bottom: 24px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"sxl\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"2hxl\"]};\n    text-align: left;\n    width: 360px;\n    text-wrap: balance;\n    margin-left: 130px;\n    margin-bottom: 16px;\n  }\n`;\n\nexport const AboutDesc = styled.div`\n  margin: 0;\n  font-weight: 400;\n  font-family: ${({ theme }) => theme.fonts.secondary};\n  font-size: ${({ theme }) => theme.fontSizes[\"xl\"]};\n  line-height: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n  text-align: left;\n  margin-bottom: 32px;\n  @media ${breakpoints.mobile} {\n    font-size: ${({ theme }) => theme.fontSizes[\"sm\"]};\n    line-height: ${({ theme }) => theme.fontSizes[\"xl\"]};\n    text-align: start;\n    width: 350px;\n    text-wrap: pretty;\n    margin-left: 130px;\n    margin-bottom: 24px;\n  }\n`;\n\nexport const AboutVideoThumbContainer = styled.div`\n  position: relative;\n  align-self: center;\n  cursor: pointer;\n\n  iFrame {\n    border-radius: 4px;\n    width: 410px;\n    height: 230px;\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(\"/assets/play-button.png\") center/cover no-repeat;\n  background-size: contain;\n  border: none;\n  cursor: pointer;\n`;\n\nexport const VdoThumbnail = styled.div<{ image: string }>`\n  width: 410px;\n  height: 230px;\n  background-size: cover;\n  background-position: center;\n  background-image: url(${({ image }) => image});\n  border-radius: 4px;\n  @media ${breakpoints.mobile} {\n    width: 340px;\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 { 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 \"./guru-juara-about.styles\";\n\nconst extractVideoId = (url: string) => {\n  const videoIdMatch = url.match(\n    /(?:https?:\\/\\/)?(?:www\\.)?youtube\\.com\\/watch\\?v=([^&]+)/\n  );\n  return videoIdMatch ? videoIdMatch[1] : url;\n};\n\nconst videoUrl = \"https://www.youtube.com/watch?v=BjGdEITcL7E\";\nconst vdoId = extractVideoId(videoUrl);\n\nexport const GuruJuaraAbout: React.FC = () => {\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>Guru Profesional, Bangun Generasi Juara</AboutTitle>\n            <AboutDesc>\n              Di CoLearn, kami percaya bahwa kualitas pendidikan ditentukan oleh\n              kualitas gurunya. Di Akademi Guru Juara, kami melatih individu\n              dari berbagai latar belakang menjadi guru profesional yang dapat\n              meningkatkan rasa percaya diri dan kemampuan belajar murid di\n              seluruh Indonesia.\n            </AboutDesc>\n            <AboutCTA rel=\"nofollow\" href=\"/akademi\">\n              Cari tahu tentang Akademi Guru Juara\n            </AboutCTA>\n          </AboutText>\n        </AboutTextContainer>\n        <AboutVideoThumbContainer onClick={handleClick}>\n          <VdoThumbnail\n            image={`https://img.youtube.com/vi/${vdoId}/maxresdefault.jpg`}\n          />\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 React from \"react\";\nimport { TeacherCarousalSection } from \"../../components/gurujuara/teacher-carousal-section/teacher-carousal-section\";\nimport { TeachingFeatureSection } from \"../../components/gurujuara/teaching-feature-section/teaching-feature-section\";\nimport { AlumniSection } from \"../../components/gurujuara/alumini-section/alumni-section\";\nimport { DayInTheLifeSection } from \"../../components/gurujuara/day-in-the-life-section/day-in-the-life-section\";\nimport { JoinUsSection } from \"../../components/gurujuara/join-us-section/join-us-section\";\nimport { HeroSection } from \"../../components/gurujuara/hero-section/hero-section\";\nimport { GuruJuaraAbout } from \"../../components/gurujuara/guru-juara-about/guru-juara-about\"\n\nconst Gurujuara = () => {\n  return (\n    <div>\n      <HeroSection />\n      <GuruJuaraAbout />\n      <TeacherCarousalSection />\n      <TeachingFeatureSection />\n      <AlumniSection />\n      <DayInTheLifeSection />\n      <JoinUsSection />\n    </div>\n  );\n};\n\nexport default Gurujuara;\n"],"names":["window","__NEXT_P","push","__webpack_require__","__webpack_exports__","Z","close_button","ModalOverlay","styled","div","withConfig","ModalWrapper","breakpoints","mobile","Modal","CloseButton","a","SpinnerWrapper","Spinner","VideoModal","onClose","videoUrl","param","loading","setLoading","useState","videoData","extractVideoId","youtubeMatch","url","match","type","id","driveMatch","videoSrc","concat","jsx_runtime","jsx","jsxs","onClick","e","preventDefault","Image","src","CloseButtonIcon","alt","width","height","iframe","frameBorder","allow","allowFullScreen","style","borderRadius","display","onLoad","urls","bambooHr","Wrapper","section","theme","colors","neutral","CarousalContainer","Container","Heading","fonts","primary","fontSizes","CarousalBody","CatagoryText","orange","secondary","NameText","UniversityText","DescriptionText","button","CarousalCard","white","ReviewSlider","Slider","CarouselImage","img","CarouselWrapper","CardCarouselPagination","CardCarouselPaginationButton","IconButton","transparent","black70","isDisabled","brand","teacherCarousaldata","name","category","university","description","image","DotsContainer","DotWrapper","Dot","selected","dot_indicator","numDots","selectedDot","dotsArray","Array","from","length","_","index","map","dotIndex","TeacherCarousalSection","sliderRef","useRef","isAtStart","setIsAtStart","isAtEnd","setIsAtEnd","currentSlide","setCurrentSlide","arrows","slidesToShow","focusOnselect","accessability","beforeChange","current","next","afterChange","responsive","breakpoint","settings","ref","el","slickPrev","Chevron","DotIndicator","slickNext","direction","TeachersFeatureContainer","TeacherFeatWrap","CardSection","laptop","FeatureCard","FeatureCardTitle","FeatureImageWrapper","teachingProfessionalismData","title","sections","TeachingFeatureSection","layout","data","AlumniFeatureContainer","Description","LeftButton","RightButton","FeatureTextWrapper","FeatureName","FeatureRole","noShadow","AluminiFeatWrap","alumniSection","alumni","role","AlumniSection","isMobile","useMediaQuery","handleNextClick","handlePrevClick","infinite","Fragment","DayInTheLifeContainer","isEven","PinWrapper","CardWrapper","FeatureText","ButtonWrapper","DayInFeatWrap","pin","dayInTheLifeData","cards","DayInTheLifeSection","Pin","CheckIGButton","rel","href","InstagramIcon","marginBottom","JoinUsContainer","JoinUsWrapper","BackgroundContainer","Lft","Mdle","Rght","h2","ButtonContainer","ButtonLink","Mobile","left_student","right_student","middle_student","JoinUsSection","br","Button","variant","objectFit","leftStudent","middleStudent","rightStudent","HeroBg","BottomLeft","TopLeft","BottomRight","TopRight","Star5","Star","LeftStar","RightStar","mobilestar","bottom_left","bottom_right","top_left","top_right","leftstar","rightstar","HeroSection","leftStar","rightStar","bottomLeft","topLeft","bottomRight","topRight","AboutWrapper","AboutContainer","AboutTextContainer","AboutText","AboutTitle","AboutDesc","AboutVideoThumbContainer","PlayButtonContainer","VdoThumbnail","AboutCTA","vdoId","videoIdMatch","GuruJuaraAbout","isVideoPlaying","setIsVideoPlaying","gurujuara"],"sourceRoot":""}