{"version":3,"file":"static/chunks/318.d7c85e2cc2a34369.js","mappings":"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","sources":["webpack://_N_E/./public/assets/tanya/understand-tanya.png","webpack://_N_E/./src/components/tanya-banner-block/tanya-banner-block.styles.tsx","webpack://_N_E/./src/components/tanya-banner-block/tanya-banner-block.tsx","webpack://_N_E/"],"sourcesContent":["export default {\"src\":\"/_next/static/media/understand-tanya.6dc6d08d.png\",\"height\":1162,\"width\":1134,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAV1BMVEVMaXHj6fiMo+Tf5NjO1+D+/v3//1k8YNKVpdHEy9Pv7trk5c/Z4fWiu/YtVsayxeprhcrZ29//56v//wD//8Ovr8WXpc7/xsL09OPi5Ojy+P///+e1zPyn955VAAAAGHRSTlMA/nb++v4GOnT8/P39/TLya/o3Eyt9fj+k1oYJAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAQklEQVR4nBXGRxKAIBAAwSEu0SyC+v93WvapYbExxgl8eKxJAoSesxG4mirFhgPf3lrncwPtUh/iQd/rULL/cU4JH1lgAovhrVXCAAAAAElFTkSuQmCC\",\"blurWidth\":8,\"blurHeight\":8};","import styled from \"styled-components\";\nimport { breakpoints } from \"styles\";\nimport { Container } from \"styles/common/container\";\n\nexport const TanyaBannerWrapper = styled.section`\n background: ${({ theme }) => theme.colors.brand[800]};\n padding: 40px 0 0 0;\n color: ${({ theme }) => theme.colors.white};\n\n @media ${breakpoints.tablet} {\n padding: 40px 0 0 30px;\n }\n`;\n\nexport const TanyaBannerContainer = styled(Container)`\n padding: 0 16px;\n @media ${breakpoints.tablet} {\n display: grid;\n grid-gap: 150px;\n justify-content: space-around;\n align-items: center;\n grid-template-columns: 1fr minmax(300px, 1fr);\n overflow: hidden;\n margin: 0 auto;\n }\n`;\nexport const TanyaBannerContentContainer = styled.div`\n padding: 0 30px 50px 30px;\n @media ${breakpoints.tablet} {\n padding: 0 0 50px 0;\n max-width: 380px;\n margin: 0;\n justify-self: flex-end;\n }\n`;\n\nexport const TanyaBannerTitle = styled.h2`\n font-family: ${({ theme }) => theme.fonts.primary};\n color: ${({ theme }) => theme.colors.white};\n font-size: ${({ theme }) => theme.fontSizes[\"3xl\"]};\n font-weight: bold;\n margin: 0 0 12px 0;\n line-height: 1.5;\n`;\n\nexport const TanyaBannerTitleHighlight = styled.span`\n margin-left: 8px;\n color: ${({ theme }) => theme.colors.yellow[500]};\n`;\nexport const TanyaBannerDesc = styled.p`\n font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n margin: 0 0 24px 0;\n`;\n\nexport const TanyaBannerFeaturesContainer = styled.ul`\n margin: 0 0 24px 0;\n padding: 0;\n list-style: none;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n`;\n\nexport const TanyaBannerFeatureItem = styled.li`\n font-size: ${({ theme }) => theme.fontSizes[\"md\"]};\n display: flex;\n align-items: center;\n\n &:not(:last-child) {\n margin-bottom: 10px;\n }\n\n &:before {\n content: \"✓\";\n min-width: 24px;\n width: 24px;\n height: 24px;\n background: ${({ theme }) => theme.colors.green[500]};\n color: ${({ theme }) => theme.colors.brand[800]};\n border-radius: 50%;\n margin-right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n`;\n\nexport const TanyaBannerButton = styled.button`\n --webkit-appearance: none;\n background-color: ${({ theme }) => theme.colors.brand[\"500\"]};\n color: ${({ theme }) => theme.colors.white};\n font-weight: bold;\n font-family: ${({ theme }) => theme.fonts.primary};\n font-size: ${({ theme }) => theme.fontSizes.sm};\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 12px 24px;\n border-radius: 4px;\n box-shadow: none;\n border: none;\n cursor: pointer;\n max-width: 220px;\n white-space: nowrap;\n`;\n\nexport const TanyaBannerImageWrapper = styled.figure`\n margin: 50px auto 0 auto;\n position: relative;\n width: 100%;\n\n @media ${breakpoints.tablet} {\n align-self: flex-end;\n }\n`;\n","import React from \"react\";\nimport Image from \"next/legacy/image\";\nimport Link from \"next/link\";\n\nimport UnderstandTanya from \"public/assets/tanya/understand-tanya.png\";\nimport {\n TanyaBannerWrapper,\n TanyaBannerContainer,\n TanyaBannerDesc,\n TanyaBannerFeaturesContainer,\n TanyaBannerButton,\n TanyaBannerImageWrapper,\n TanyaBannerFeatureItem,\n TanyaBannerTitle,\n TanyaBannerTitleHighlight,\n TanyaBannerContentContainer\n} from \"./tanya-banner-block.styles\";\n\nconst TanyaBannerBlock: React.FC = () => (\n <>\n \n \n \n \n Ngerti materi dengan\n Tanya\n \n \n Cari soal Matematika, Fisika, Kimia dan tonton video pembahasan biar\n ngerti materinya.\n \n \n \n Matematika, Fisika dan Kimia\n \n \n SD (Kelas 5-6), SMP dan SMA\n \n \n 300,000+ video pembahasan soal\n \n \n Semua video udah dicek kebenarannya\n \n \n \n \n Tanya sekarang\n \n \n \n \n \n \n \n \n \n);\n\nexport { TanyaBannerBlock };\nexport default TanyaBannerBlock;\n"],"names":["understand_tanya","TanyaBannerWrapper","styled","section","withConfig","theme","param","colors","brand","white","breakpoints","tablet","TanyaBannerContainer","Container","TanyaBannerContentContainer","div","TanyaBannerTitle","h2","fonts","primary","fontSizes","TanyaBannerTitleHighlight","span","yellow","TanyaBannerDesc","p","TanyaBannerFeaturesContainer","ul","TanyaBannerFeatureItem","li","green","TanyaBannerButton","button","sm","TanyaBannerImageWrapper","figure","TanyaBannerBlock","jsx_runtime","jsx","Fragment","jsxs","Link","href","passHref","Image","src","UnderstandTanya","alt","layout","width","height","objectFit","tanya_banner_block"],"sourceRoot":""}