{"version":3,"file":"component---src-pages-index-js-cbf6ef2ced4da3a5cb1f.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/product/ProductModal.js","webpack://gatsby-starter-default/./src/components/slugify.js","webpack://gatsby-starter-default/./src/images/image-21.png","webpack://gatsby-starter-default/./src/images/image-21-mobile.png","webpack://gatsby-starter-default/./src/components/homepage/HomeAboutUs.js","webpack://gatsby-starter-default/./src/images/bg-popuphome.png","webpack://gatsby-starter-default/./src/images/bg-popuphome-mobile.png","webpack://gatsby-starter-default/./src/images/popupimg.png","webpack://gatsby-starter-default/./src/components/homepage/SubsForm.js","webpack://gatsby-starter-default/./src/components/homepage/HomeBanner.js","webpack://gatsby-starter-default/./src/components/homepage/OmgOfTheMonth.js","webpack://gatsby-starter-default/./src/components/homepage/QuizPollingBanner.js","webpack://gatsby-starter-default/./src/components/homepage/BeautyTips.js","webpack://gatsby-starter-default/./src/components/homepage/CategoryBanner.js","webpack://gatsby-starter-default/./src/components/homepage/MakeupSlider.js","webpack://gatsby-starter-default/./src/images/skincareAccent.png","webpack://gatsby-starter-default/./src/components/homepage/SkincareSlider.js","webpack://gatsby-starter-default/./src/pages/index.js"],"sourcesContent":["import React from \"react\";\nimport {\n  ModalContent,\n  ModalOverlay,\n  ModalCloseButton,\n  ModalBody,\n  Box,\n  Flex,\n  Heading,\n  Image,\n  useMediaQuery,\n  SimpleGrid,\n  Center\n} from \"@chakra-ui/react\";\n\nimport blibli from \"../../images/blibli.png\";\nimport lazada from \"../../images/lazada.png\";\nimport shopee from \"../../images/shopee.png\";\nimport tiktok from \"../../images/tiktok.png\";\nimport toko from \"../../images/toko.png\";\nimport tokopedia from \"../../images/tokopedia.png\";\nimport whatsapp from \"../../images/whatsapp.png\";\nimport PropTypes from \"prop-types\";\n\nconst ProductModal = ({ PopUpData }) => {\n  const [isMobile] = useMediaQuery(\"(max-width: 820px)\");\n\n  const BoxStyle = {\n    boxShadow: \"5px 5px 1px\",\n    borderStyle: \"solid\",\n    borderColor: \"black\",\n    borderWidth: \"2px\"\n  };\n\n  return (\n    <>\n      <ModalOverlay />\n      <ModalContent bgSize=\"100%\">\n        <ModalCloseButton />\n        <ModalBody\n          backgroundImage=\"linear-gradient(#F6C8BD, #991C21)\"\n          padding={isMobile ? \"30px 20px 0px 20px\" : 0}>\n          <Box>\n            {isMobile ? (\n              <Flex direction=\"column\">\n                <Box alignItems=\"center\">\n                  <Heading mb={4} as=\"h3\" size=\"md\">\n                    Pilih untuk melanjutkan\n                  </Heading>\n                  <Heading mb={3} as=\"h3\" size=\"md\">\n                    OMG Official Store\n                  </Heading>\n                  <SimpleGrid columns={2} spacing={6} mb={6}>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.whatsapp} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={whatsapp} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.tiktok} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={tiktok} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.shopee} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={shopee} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.tokopedia} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={tokopedia} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.lazada} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={lazada} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.blibli} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={blibli} />\n                      </a>\n                    </Center>\n                  </SimpleGrid>\n                  <Heading mb={3} as=\"h3\" size=\"md\">\n                    Toko Kosmetik Terdekat\n                  </Heading>\n                  <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                    <a href={PopUpData.toko} target=\"_blank\" rel=\"noopener noreferrer\">\n                      <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={toko} />\n                    </a>\n                  </Center>\n                  <Center\n                    mt={PopUpData.type === \"makeup\" ? 8 : 2}\n                    padding=\"10px 40px 0px 40px\"\n                    overflow=\"hidden\">\n                    <SimpleGrid columns={2}>\n                      <Image\n                        maxH={\n                          PopUpData.type === \"makeup\"\n                            ? \"180px\"\n                            : PopUpData.name.includes(\"Glow\")\n                            ? \"300px\"\n                            : \"220px\"\n                        }\n                        pr={\n                          PopUpData.type === \"makeup\"\n                            ? 0\n                            : PopUpData.name.includes(\"Glow Kit\")\n                            ? 1\n                            : 6\n                        }\n                        py={PopUpData.name.includes(\"Glow Kit\") ? 3 : 0}\n                        mb={8}\n                        alt={PopUpData.name}\n                        placeholder=\"blurred\"\n                        layout=\"constrained\"\n                        src={PopUpData.imgSwatch}\n                        position=\"relative\"\n                        transform={\n                          PopUpData.isSachet || PopUpData.name.includes(\"Glow Kit\")\n                            ? \"scale(1.4)\"\n                            : \"\"\n                        }\n                      />\n                      <Center>\n                        <Heading\n                          as=\"h3\"\n                          size=\"sm\"\n                          textColor=\"white\"\n                          textAlign={PopUpData.isSachet ? \"center\" : \"left\"}>\n                          {PopUpData.type === \"makeup\"\n                            ? `${PopUpData.no} ${PopUpData.name}`\n                            : PopUpData.name}\n                        </Heading>\n                      </Center>\n                    </SimpleGrid>\n                  </Center>\n                </Box>\n              </Flex>\n            ) : (\n              <Flex direction=\"row\">\n                <Box w=\"45%\" padding=\"80px 10px 80px 10px\" backgroundColor=\"white\">\n                  <Center>\n                    <Image\n                      h={{ base: \"160px\", md: \"200px\", xl: \"240px\" }}\n                      alt={PopUpData.name}\n                      placeholder=\"blurred\"\n                      layout=\"constrained\"\n                      src={PopUpData.imgSwatch}\n                      mb={4}\n                    />\n                  </Center>\n                  <Heading as=\"h3\" size=\"sm\" margin=\"0 auto\" width=\"120px\" textAlign=\"center\">\n                    {PopUpData.type === \"makeup\"\n                      ? `${PopUpData.no} ${PopUpData.name}`\n                      : PopUpData.name}\n                  </Heading>\n                </Box>\n                <Box w=\"55%\" p=\"30px\" alignItems=\"center\">\n                  <Heading mb={6} as=\"h3\" size=\"md\">\n                    Pilih utuk melanjutkan\n                  </Heading>\n                  <Heading mb={3} as=\"h3\" size=\"md\">\n                    OMG Official Store\n                  </Heading>\n                  <SimpleGrid columns={2} spacing={6} mb={6}>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.whatsapp} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={whatsapp} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.tiktok} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={tiktok} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.shopee} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={shopee} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.tokopedia} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={tokopedia} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.lazada} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={lazada} />\n                      </a>\n                    </Center>\n                    <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                      <a href={PopUpData.blibli} target=\"_blank\" rel=\"noopener noreferrer\">\n                        <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={blibli} />\n                      </a>\n                    </Center>\n                  </SimpleGrid>\n                  <Heading mb={3} mt={6} as=\"h3\" size=\"md\">\n                    Toko Kosmetik Terdekat\n                  </Heading>\n                  <Center bg=\"white\" height=\"50px\" style={BoxStyle}>\n                    <a href={PopUpData.toko} target=\"_blank\" rel=\"noopener noreferrer\">\n                      <Image width=\"150%\" height=\"150%\" layout=\"constrained\" src={toko} />\n                    </a>\n                  </Center>\n                </Box>\n              </Flex>\n            )}\n          </Box>\n        </ModalBody>\n      </ModalContent>\n    </>\n  );\n};\n\nProductModal.propTypes = {\n  PopUpData: PropTypes.instanceOf(Object)\n};\n\nProductModal.defaultProps = {\n  PopUpData: {}\n};\n\nexport default ProductModal;\n","function slugify(str) {\n  str = str.replace(/^\\s+|\\s+$/g, \"\"); // trim\n  str = str.toLowerCase();\n\n  // remove accents, swap ñ for n, etc\n  let from = \"ãàáäâẽèéëêìíïîõòóöôùúüûñç·/_,:;\";\n  let to = \"aaaaaeeeeeiiiiooooouuuunc------\";\n  for (let i = 0, l = from.length; i < l; i++) {\n    str = str.replace(new RegExp(from.charAt(i), \"g\"), to.charAt(i));\n  }\n\n  str = str\n    .replace(/[^a-z0-9 -]/g, \"\") // remove invalid chars\n    .replace(/\\s+/g, \"-\") // collapse whitespace and replace by -\n    .replace(/-+/g, \"-\"); // collapse dashes\n\n  return str;\n}\n\nexport default slugify;\n","export default __webpack_public_path__ + \"static/image-21-9e9a823077a04294bca6b7367ff93c66.png\";","export default __webpack_public_path__ + \"static/image-21-mobile-79200558a178380f0e2b1089a3e4db9c.png\";","import React from \"react\";\nimport {\n  Button,\n  Box,\n  Text,\n  Heading,\n  AspectRatio,\n  SimpleGrid,\n  Container,\n  useMediaQuery\n} from \"@chakra-ui/react\";\nimport { navigate } from \"gatsby\";\nimport aboutUsBg from \"../../images/image-21.png\";\nimport aboutUsBgMobile from \"../../images/image-21-mobile.png\";\n\nconst HomeAboutUs = () => {\n  const [isMobile] = useMediaQuery(\"(max-width: 820px)\");\n\n  const handleClick = () => {\n    navigate(\"/about-us\");\n  };\n\n  return (\n    <>\n      <SimpleGrid\n        columns={{ base: 1, lg: 2 }}\n        bgImage={{ base: aboutUsBgMobile, lg: aboutUsBg }}\n        mt={{ base: \"7.5em\" }}\n        bgRepeat=\"no-repeat\"\n        bgSize=\"cover\">\n        <Container maxW={{ lg: \"container.sm\" }} order={{ base: 2, lg: 1 }}>\n          <Box\n            textAlign={{ base: \"center\", lg: \"left\" }}\n            mb={isMobile ? \"20px\" : \"0px\"}\n            p={{ base: \"40px\", lg: \"100px\" }}>\n            <Heading mb={4} as=\"h3\" size=\"xl\" color=\"white\">\n              #NeverFade\n            </Heading>\n            <Box maxW=\"320px\" margin={{ base: \"0 auto\", lg: 0 }}>\n              <Text mb={8} fontSize=\"xl\" color=\"white\">\n                Untuk usahamu mewujudkan mimpi yang tak pernah hilang dengan OMG Oh My Glam dan Oh\n                My Glow\n              </Text>\n            </Box>\n            <Button\n              bgColor=\"black\"\n              transform=\"scale(1)\"\n              transition=\"transform 500ms\"\n              size=\"lg\"\n              color=\"white\"\n              colorScheme=\"blackAlpha\"\n              borderRadius=\"30px\"\n              bg=\"#262626\"\n              onClick={handleClick}\n              _focus={{ boxShadow: \"none\" }}\n              _hover={{\n                bg: \"black\",\n                transform: \"scale(1.05)\",\n                transition: \"transform 500ms\"\n              }}>\n              About Us\n            </Button>\n          </Box>\n        </Container>\n        <Container maxW={{ lg: \"container.md\" }} order={{ base: 1, lg: 2 }}>\n          <AspectRatio\n            maxW={{ base: \"360px\", md: \"460px\", lg: \"460px\", xl: \"560px\" }}\n            margin={{ base: \"0 auto\", lg: \"0\" }}\n            bottom=\"80px\"\n            boxShadow={{ base: \"none\", lg: \"16px 16px #000000\" }}\n            ratio={16 / 9}>\n            <iframe\n              title=\"about-us-video\"\n              src=\"https://www.youtube.com/embed/mfa4uUiOBVs\"\n              allowFullScreen\n            />\n          </AspectRatio>\n        </Container>\n      </SimpleGrid>\n    </>\n  );\n};\n\nexport default HomeAboutUs;\n","export default __webpack_public_path__ + \"static/bg-popuphome-0b68741dd2ebaa1e2b5b857eeba5a506.png\";","export default __webpack_public_path__ + \"static/bg-popuphome-mobile-88651f3adab0f68ef70f69427a389eef.png\";","export default __webpack_public_path__ + \"static/popupimg-7c60ed4d0d8ab656d26978176af61201.png\";","import React, { useState } from \"react\";\nimport qore from \"../../context/qoreContext\";\n// import addToMailchimp from \"gatsby-plugin-mailchimp\"\nimport {\n  Modal,\n  ModalContent,\n  ModalOverlay,\n  ModalCloseButton,\n  Button,\n  ModalBody,\n  Box,\n  Input,\n  Text,\n  Flex,\n  InputGroup,\n  InputLeftAddon,\n  InputRightElement,\n  Checkbox,\n  Heading,\n  Image,\n  useMediaQuery,\n  useBoolean\n} from \"@chakra-ui/react\";\nimport PopupBg from \"../../images/bg-popuphome.png\";\nimport mobilePopupBg from \"../../images/bg-popuphome-mobile.png\";\nimport PopupImg from \"../../images/popupimg.png\";\n\nconst SubsForm = ({ isOpen, onClose }) => {\n  const [isMobile] = useMediaQuery(\"(max-width: 768px)\");\n  const [phone, setPhone] = useState(\"\");\n  const [isChecked, setIsChecked] = useState(true);\n  const [loading, setLoading] = useBoolean(false);\n  const [header, setHeader] = useState(\"\");\n  const [message, setMessage] = useState(\"\");\n  const [errorMessage, setErrorMessage] = useState(\"\");\n  const { insertRow } = qore.views.allSubscriber.useInsertRow();\n\n  const handleChange = e => {\n    setPhone(e.target.value);\n    setErrorMessage(\"\");\n  };\n\n  const handleChecked = e => {\n    setIsChecked(e.target.checked);\n    setErrorMessage(\"\");\n  };\n\n  const resetHeaderData = () => {\n    setHeader(\"\");\n  };\n\n  const handleValidation = () => {\n    if (phone && isChecked) {\n      const isnum = /^\\d+$/.test(phone);\n      if (isnum && phone.length >= 10) {\n        return true;\n      } else {\n        setErrorMessage(\"Anda memasukkan nomor telepon yang tidak valid\");\n        return false;\n      }\n    } else if (!phone) {\n      setErrorMessage(\"Anda belum memasukkan nomor telepon\");\n      return false;\n    } else if (!isChecked) {\n      setErrorMessage(\"Anda belum menyetujui privacy policy\");\n      return false;\n    }\n  };\n\n  const handleSubmit = async () => {\n    const validation = handleValidation();\n    if (validation) {\n      try {\n        setLoading.on();\n        const phoneInserted = await insertRow({ phone });\n        if (!phoneInserted) throw false;\n        setPhone(null);\n        setHeader(\"Success\");\n        setMessage(\"Thank you for subscribing\");\n      } catch (error) {\n        console.error(error);\n        setHeader(\"Error\");\n        setMessage(\"Server error, please try again\");\n      } finally {\n        setLoading.off();\n      }\n    }\n  };\n\n  return (\n    <>\n      <Modal isOpen={isOpen} size={isMobile ? \"sm\" : \"3xl\"} onClose={onClose} isCentered={true}>\n        <ModalOverlay />\n        <ModalContent\n          bgImage={isMobile ? mobilePopupBg : PopupBg}\n          bgSize=\"120%\"\n          style={isMobile ? { boxShadow: \"\" } : { boxShadow: \"25px 25px 1px\" }}>\n          <ModalCloseButton />\n          <ModalBody p={isMobile ? 6 : 8}>\n            <Box>\n              {isMobile ? (\n                <Flex direction=\"column\">\n                  {header === \"Success\" ? (\n                    <Box w=\"100%\" padding=\"80px 5px 80px 5px\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h2\" size=\"xl\">\n                        {header}\n                      </Heading>\n                      <Text mb={8} fontSize=\"lg\">\n                        {message}\n                      </Text>\n                      <Button\n                        w=\"25%\"\n                        size=\"sm\"\n                        onClick={onClose}\n                        colorScheme=\"blackAlpha\"\n                        color=\"white\"\n                        bgColor=\"black\">\n                        OK\n                      </Button>\n                    </Box>\n                  ) : header === \"Error\" ? (\n                    <Box w=\"100%\" padding=\"80px 5px 80px 5px\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h2\" size=\"lg\">\n                        {header}\n                      </Heading>\n                      <Text mb={8} fontSize=\"lg\">\n                        {message}\n                      </Text>\n                      <Button\n                        w=\"25%\"\n                        size=\"sm\"\n                        onClick={resetHeaderData}\n                        color=\"white\"\n                        bgColor=\"black\"\n                        colorScheme=\"blackAlpha\">\n                        Try Again\n                      </Button>\n                    </Box>\n                  ) : (\n                    <Box w=\"100%\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h3\" size=\"md\">\n                        Hi Girl Boss!\n                      </Heading>\n                      <Text mb={8}>\n                        Yuk dapatkan diskon 10% dengan terus mengikuti update dari OMG\n                      </Text>\n                      <InputGroup size=\"md\" mt={8}>\n                        <InputLeftAddon\n                          pointerEvents=\"none\"\n                          children=\"+62\"\n                          color=\"white\"\n                          bgColor=\"black\"\n                        />\n                        <Input\n                          pr=\"4.5rem\"\n                          type=\"tel\"\n                          placeholder=\"Your Phone Number\"\n                          onChange={handleChange}\n                          color=\"black\"\n                          bgColor=\"white\"\n                          maxLength=\"11\"\n                        />\n                        <InputRightElement width=\"4.5rem\">\n                          <Button\n                            h=\"100%\"\n                            w=\"105%\"\n                            size=\"sm\"\n                            onClick={handleSubmit}\n                            color=\"white\"\n                            colorScheme=\"blackAlpha\"\n                            bgColor=\"black\"\n                            isLoading={loading}>\n                            Sign Up\n                          </Button>\n                        </InputRightElement>\n                      </InputGroup>\n                      {errorMessage && <Text mt={1}>{errorMessage}</Text>}\n                      <Checkbox\n                        name=\"privacyPolicy\"\n                        onChange={handleChecked}\n                        colorScheme=\"gray\"\n                        defaultChecked>\n                        <div style={{ position: \"relative\", marginLeft: \"4px\", marginTop: \"4px\" }}>\n                          <Text marginTop={6}>\n                            dengan memasukkan data ini, kamu\n                            <br />\n                            bersedia mengikuti&nbsp;\n                            <a href=\"/privacy-policy\" style={{ color: \"#0056CC\" }} target=\"_blank\">\n                              Privacy Policy\n                            </a>\n                            &nbsp;dari OMG\n                          </Text>\n                        </div>\n                      </Checkbox>\n                      <Box w=\"105%\">\n                        <Image\n                          width=\"150%\"\n                          height=\"150%\"\n                          src={PopupImg}\n                          alt=\"subscribe\"\n                          placeholder=\"blurred\"\n                          layout=\"constrained\"\n                        />\n                      </Box>\n                    </Box>\n                  )}\n                </Flex>\n              ) : (\n                <Flex direction=\"row\">\n                  <Box w=\"50%\" padding=\"80px 5px 80px 5px\">\n                    <Image\n                      width=\"120%\"\n                      height=\"110%\"\n                      src={PopupImg}\n                      alt=\"subscribe\"\n                      placeholder=\"blurred\"\n                      layout=\"constrained\"\n                    />\n                  </Box>\n                  {header === \"Success\" ? (\n                    <Box w=\"50%\" padding=\"80px 5px 80px 5px\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h2\" size=\"xl\">\n                        {header}\n                      </Heading>\n                      <Text mb={8} fontSize=\"lg\">\n                        {message}\n                      </Text>\n                      <Button\n                        w=\"25%\"\n                        size=\"sm\"\n                        onClick={onClose}\n                        colorScheme=\"blackAlpha\"\n                        color=\"white\"\n                        bgColor=\"black\">\n                        OK\n                      </Button>\n                    </Box>\n                  ) : header === \"Error\" ? (\n                    <Box w=\"50%\" padding=\"80px 5px 80px 5px\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h2\" size=\"lg\">\n                        {header}\n                      </Heading>\n                      <Text mb={8} fontSize=\"lg\">\n                        {message}\n                      </Text>\n                      <Button\n                        w=\"25%\"\n                        size=\"sm\"\n                        onClick={resetHeaderData}\n                        color=\"white\"\n                        bgColor=\"black\"\n                        colorScheme=\"blackAlpha\">\n                        Try Again\n                      </Button>\n                    </Box>\n                  ) : (\n                    <Box w=\"50%\" padding=\"80px 5px 80px 5px\" alignItems=\"center\">\n                      <Heading mb={4} as=\"h3\" size=\"md\">\n                        Hi Girl Boss!\n                      </Heading>\n                      <Text mb={8}>\n                        Yuk dapatkan diskon 10% dengan terus mengikuti update dari OMG\n                      </Text>\n                      <InputGroup size=\"md\" mt={8}>\n                        <InputLeftAddon\n                          pointerEvents=\"none\"\n                          children=\"+62\"\n                          color=\"white\"\n                          bgColor=\"black\"\n                        />\n                        <Input\n                          pr=\"4.5rem\"\n                          type=\"tel\"\n                          placeholder=\"Your Phone Number\"\n                          onChange={handleChange}\n                          color=\"black\"\n                          bgColor=\"white\"\n                          maxLength=\"11\"\n                        />\n                        <InputRightElement width=\"4.5rem\">\n                          <Button\n                            h=\"100%\"\n                            w=\"105%\"\n                            size=\"sm\"\n                            onClick={handleSubmit}\n                            color=\"white\"\n                            bgColor=\"black\"\n                            colorScheme=\"blackAlpha\"\n                            isLoading={loading}>\n                            Sign Up\n                          </Button>\n                        </InputRightElement>\n                      </InputGroup>\n                      {errorMessage && <Text mt={1}>{errorMessage}</Text>}\n                      <Checkbox\n                        name=\"privacyPolicy\"\n                        onChange={handleChecked}\n                        colorScheme=\"gray\"\n                        defaultChecked>\n                        <div style={{ position: \"relative\", marginLeft: \"4px\", marginTop: \"4px\" }}>\n                          <Text marginTop={6}>\n                            dengan memasukkan data ini, kamu\n                            <br />\n                            bersedia mengikuti&nbsp;\n                            <a href=\"/privacy-policy\" style={{ color: \"#0056CC\" }} target=\"_blank\">\n                              Privacy Policy\n                            </a>\n                            &nbsp;dari OMG\n                          </Text>\n                        </div>\n                      </Checkbox>\n                    </Box>\n                  )}\n                </Flex>\n              )}\n            </Box>\n          </ModalBody>\n        </ModalContent>\n      </Modal>\n    </>\n  );\n};\n\nexport default SubsForm;\n","import React from \"react\";\nimport qore from \"../../context/qoreContext\";\nimport { Box } from \"@chakra-ui/react\";\nimport styled from \"styled-components\";\nimport Slider from \"react-slick\";\nimport Skeleton from \"react-loading-skeleton\";\n\n// Import css files\nimport \"../../css/banner.css\";\n\nconst SliderContainter = styled(Box)`\n  overflow-x: hidden;\n\n  li button::before {\n    color: white;\n  }\n\n  @media screen and (min-width: 768px) and (max-width: 1024px) {\n    min-height: 20vh;\n    li button::before {\n      font-size: 10px;\n    }\n  }\n`;\n\nconst CustomSlider = styled(Slider)`\n  .slick-dots {\n    bottom: 16px;\n  }\n`;\n\nconst CustomCard = styled(Box)`\n  /* margin: 64px auto; */\n  border: 0;\n\n  @media screen and (max-width: 767px) {\n    margin: 0;\n  }\n\n  @media screen and (min-width: 768px) {\n    .active-card-home {\n      transform: scale(1);\n      transition: transform 500ms;\n    }\n\n    .normal-card-home {\n      transform: scale(0.98);\n      transition: transform 500ms;\n      pointer-events: none;\n    }\n  }\n`;\n\nconst ContainerCard = styled(Box)`\n  padding: 40px 0;\n  @media screen and (max-width: 767px) {\n    padding: 0;\n  }\n`;\n\nconst ImgWithFallback = ({ src, fallback, alt, type = \"image/webp\", ...delegated }) => {\n  return (\n    <picture>\n      <source srcSet={src} type={type} alt={alt} />\n      <img loading=\"lazy\" src={fallback} {...delegated} alt={alt} />\n    </picture>\n  );\n};\n\nconst FallbackWeb = styled(ImgWithFallback)`\n  max-height: 93%;\n  width: 93%;\n  margin: 0 auto;\n\n  @media screen and (max-width: 767px) {\n    display: none !important;\n  }\n`;\nconst FallbackMobile = styled(ImgWithFallback)`\n  display: none !important;\n  width: 100vw;\n  height: auto;\n\n  @media screen and (max-width: 767px) {\n    display: inline !important;\n  }\n`;\n\nconst HomeBanner = () => {\n  const [imageIndex, setImageIndex] = React.useState(0);\n  const { data: banners, status } = qore.view(\"activeBanner\").useListRow({\n    \"$by.index\": \"asc\"\n  });\n  const skeletonCount = [0, 1, 2];\n\n  const settings = {\n    className: \"center\",\n    centerMode: true,\n    infinite: true,\n    centerPadding: \"120px\",\n    focusOnSelect: true,\n    slidesToShow: 1,\n    speed: 500,\n    dots: true,\n    autoplay: true,\n    autoplaySpeed: 5000,\n    beforeChange: (current, next) => setImageIndex(next),\n    responsive: [\n      {\n        breakpoint: 480,\n        settings: {\n          centerPadding: \"0px\",\n          centerMode: false,\n          focusOnSelect: false\n        }\n      }\n    ]\n  };\n\n  return (\n    <>\n      <SliderContainter\n        minH=\"60vh\"\n        background={{\n          base: \"linear-gradient(to right, #db736b 70%, #e89c96 100%)\",\n          md: \"linear-gradient(180deg, #f6c8bd 0%, #991c21 100%)\"\n        }}>\n        <CustomSlider {...settings}>\n          {status === \"success\"\n            ? banners.map((banner, idx) => (\n                <ContainerCard key={idx}>\n                  <CustomCard\n                    className={idx === imageIndex ? \"active-card-home\" : \"normal-card-home\"}>\n                    <a href={banner.link} target=\"_blank\" rel=\"noopener noreferrer\">\n                      <FallbackWeb\n                        src={banner.imgWebp}\n                        fallback={banner.img}\n                        alt=\"This is home banner\"\n                      />\n                      <FallbackMobile\n                        src={banner.imgMobileWebp}\n                        fallback={banner.imgMobile}\n                        alt=\"This is mobile home banner\"\n                      />\n                    </a>\n                  </CustomCard>\n                </ContainerCard>\n              ))\n            : skeletonCount.map(skeleton => (\n                <Box p={{ base: 0, lg: \"40px 0\" }} key={skeleton}>\n                  <CustomCard\n                    px={{ base: 0, lg: 10 }}\n                    className={skeleton === imageIndex ? \"active-card-home\" : \"normal-card-home\"}>\n                    <Skeleton height={\"60vh\"} />\n                  </CustomCard>\n                </Box>\n              ))}\n        </CustomSlider>\n      </SliderContainter>\n    </>\n  );\n};\n\nexport default HomeBanner;\n","import React from \"react\";\nimport qore from \"../../context/qoreContext\";\nimport { Container, Text, Box, Link, Image, Grid, GridItem } from \"@chakra-ui/react\";\nimport Skeleton from \"react-loading-skeleton\";\nimport Slider from \"react-slick\";\nimport \"../../css/banner.css\";\n\nconst OmgOfTheMonth = () => {\n  const { data: contents, status } = qore.view(\"activeContent\").useListRow({\n    \"$by.index\": \"asc\"\n  });\n  const skeletonCount = [1, 2, 3, 4];\n\n  const settings = {\n    dots: true,\n    infinite: false,\n    speed: 500,\n    slidesToShow: 4.5,\n    slidesToScroll: 3,\n    initialSlide: 0,\n    responsive: [\n      {\n        breakpoint: 1280,\n        settings: {\n          slidesToShow: 3.5,\n          slidesToScroll: 2,\n          initialSlide: 2\n        }\n      },\n      {\n        breakpoint: 768,\n        settings: {\n          slidesToShow: 3.5,\n          slidesToScroll: 2,\n          initialSlide: 2\n        }\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 2.5,\n          slidesToScroll: 1\n        }\n      }\n    ]\n  };\n  return (\n    <Container\n      maxW={{ lg: \"container.md\", xl: \"container.xl\" }}\n      py={{ base: \"60px\", md: \"70px\", xl: \"80px\" }}>\n      <Box textAlign=\"center\">\n        <Text fontSize={\"24px\"} fontWeight=\"bold\">\n          OMG of the Month\n        </Text>\n        <Text fontSize={{ base: \"18px\", md: \"20px\" }}>\n          Tag us on{\" \"}\n          <Link color=\"#991C21\" href=\"https://www.instagram.com/itsomgbeauty/\" target=\"_blank\">\n            @itsomgbeauty\n          </Link>{\" \"}\n          to be featured\n        </Text>\n      </Box>\n      <Box py={10} overflow=\"hidden\">\n        {status === \"success\" ? (\n          <Slider {...settings}>\n            {contents.length &&\n              contents.map((content, idx) => (\n                <Box\n                  px={2}\n                  key={idx}\n                  minH={{ base: \"140px\", md: \"200px\", lg: \"220px\", xl: \"280px\" }}\n                  minW={{ base: \"140px\", md: \"200px\", lg: \"220px\", xl: \"280px\" }}\n                  transform=\"scale(0.95)\"\n                  transition=\"transform 500ms\"\n                  _hover={{ transform: \"scale(1)\", transition: \"transform 500ms\" }}>\n                  <a href={content.link} target=\"_blank\" rel=\"noreferrer\">\n                    <Image\n                      src={content.imgWebp}\n                      fallbackSrc={content.img}\n                      alt={content?.description || `content-${idx}`}\n                      objectFit=\"cover\"\n                      boxSize={{ base: \"140px\", md: \"200px\", lg: \"220px\", xl: \"280px\" }}\n                      loading=\"lazy\"\n                    />\n                  </a>\n                </Box>\n              ))}\n          </Slider>\n        ) : (\n          <Grid\n            templateColumns={{ base: \"repeat(3, 1fr)\", md: \"repeat(4, 1fr)\" }}\n            gap={6}\n            overflow=\"hidden\">\n            {skeletonCount.map(skeleton => (\n              <GridItem\n                key={skeleton}\n                h={{ base: \"140px\", md: \"200px\" }}\n                w={{ base: \"140px\", md: \"200px\" }}\n                display={skeleton === 4 ? { base: \"none\", md: \"block\" } : { base: \"block\" }}>\n                <Skeleton height=\"100%\" width=\"100%\" />\n              </GridItem>\n            ))}\n          </Grid>\n        )}\n      </Box>\n    </Container>\n  );\n};\n\nexport default OmgOfTheMonth;\n","import React from \"react\";\nimport { SimpleGrid, Box } from \"@chakra-ui/react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport { Link } from \"gatsby\";\n\nconst QuizPollingBanner = () => {\n  return (\n    <>\n      <SimpleGrid columns={{ base: 1, md: 2 }} spacing={0}>\n        <Box>\n          <Link to={`/skincare-quiz`}>\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/quiz.png\"\n              alt=\"skincare-quiz\"\n              loading=\"lazy\"\n            />\n          </Link>\n        </Box>\n        <Box>\n          <Link to={`/skincare-poll`}>\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/poll.png\"\n              alt=\"skincare-polling\"\n              loading=\"lazy\"\n            />\n          </Link>\n        </Box>\n        <Box>\n          <a href=\"https://www.instagram.com/ar/3070444003235363/\" target=\"_blank\" rel=\"noreferrer\">\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/makeup-vto.png\"\n              alt=\"coba-filter\"\n              loading=\"lazy\"\n            />\n          </a>\n        </Box>\n        <Box>\n          <Link to={`/makeup-quiz`}>\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/makeup-quiz.png\"\n              alt=\"makeup-quiz\"\n              loading=\"lazy\"\n            />\n          </Link>\n        </Box>\n      </SimpleGrid>\n    </>\n  );\n};\n\nexport default QuizPollingBanner;\n","import React from \"react\";\nimport qore from \"../../context/qoreContext\";\nimport { Container, Text, Box, Image, Grid, GridItem, IconButton } from \"@chakra-ui/react\";\nimport { FaChevronRight } from \"react-icons/fa\";\nimport Skeleton from \"react-loading-skeleton\";\nimport { Link } from \"gatsby\";\nimport Slider from \"react-slick\";\nimport \"../../css/banner.css\";\n\nconst BeautyTips = () => {\n  const { data: contents, status } = qore\n    .view(\"publishedTips\")\n    .useListRow({ \"$by.index\": \"asc\", limit: 5 });\n  const skeletonCount = [1, 2, 3, 4];\n\n  const settings = {\n    dots: true,\n    infinite: false,\n    speed: 500,\n    slidesToShow: 4.5,\n    slidesToScroll: 1,\n    initialSlide: 0,\n    responsive: [\n      {\n        breakpoint: 1025,\n        settings: {\n          slidesToShow: 3.5,\n          slidesToScroll: 1\n        }\n      },\n      {\n        breakpoint: 768,\n        settings: {\n          slidesToShow: 2.5,\n          slidesToScroll: 1\n        }\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 1.5,\n          slidesToScroll: 1\n        }\n      }\n    ]\n  };\n  return (\n    <Container\n      maxW={{ lg: \"container.md\", xl: \"container.xl\" }}\n      py={{ base: \"60px\", md: \"70px\", xl: \"80px\" }}>\n      <Box textAlign=\"center\">\n        <Text fontSize={\"24px\"} fontWeight=\"bold\">\n          Beauty Tips\n        </Text>\n        <Text fontSize={{ base: \"18px\", md: \"20px\" }}>\n          Cari tahu tips and tricks seru untuk membuatmu selalu tampak cantik and glam\n        </Text>\n      </Box>\n      <Box py={10} overflow=\"hidden\">\n        {status === \"success\" ? (\n          <Slider {...settings}>\n            {contents.length &&\n              contents.map((content, idx) => (\n                <Box\n                  px={2}\n                  key={idx}\n                  transform=\"scale(0.95)\"\n                  transition=\"transform 500ms\"\n                  _before={\n                    idx === 4\n                      ? {\n                          content: \"''\",\n                          display: \"block\",\n                          width: \"95%\",\n                          height: \"100%\",\n                          backgroundImage:\n                            \"linear-gradient(to bottom, rgba(146, 0, 0, 1), rgba(146, 0, 0, 0.5))\",\n                          position: \"absolute\",\n                          bottom: 0\n                        }\n                      : null\n                  }\n                  _hover={{ transform: \"scale(1)\", transition: \"transform 500ms\" }}>\n                  <Link to={idx === 4 ? `/beauty-tips` : `/beauty-tips/article/${content.slug}`}>\n                    <Image\n                      src={content.imgWebp || content.img}\n                      fallbackSrc={content.img}\n                      alt={content?.description || `content-${idx}`}\n                      objectFit=\"cover\"\n                      loading=\"lazy\"\n                    />\n                    {idx === 4 && (\n                      <Box\n                        position={\"absolute\"}\n                        top=\"40%\"\n                        right=\"0\"\n                        bottom=\"0\"\n                        left=\"0\"\n                        textAlign={\"center\"}>\n                        <Text color={\"white\"} fontSize={{ base: \"18px\", md: \"24px\" }}>\n                          Lihat Semua Tips\n                        </Text>\n                        <IconButton\n                          colorScheme={\"blackAlpha\"}\n                          borderRadius={\"90px\"}\n                          bgColor={\"transparent\"}\n                          border=\"1px solid white\"\n                          color=\"white\"\n                          icon={<FaChevronRight />}\n                        />\n                      </Box>\n                    )}\n                  </Link>\n                </Box>\n              ))}\n          </Slider>\n        ) : (\n          <Grid\n            templateColumns={{ base: \"repeat(3, 1fr)\", md: \"repeat(4, 1fr)\" }}\n            gap={6}\n            overflow=\"hidden\">\n            {skeletonCount.map(skeleton => (\n              <GridItem\n                key={skeleton}\n                h={{ base: \"140px\", md: \"200px\" }}\n                w={{ base: \"140px\", md: \"200px\" }}\n                display={skeleton === 4 ? { base: \"none\", md: \"block\" } : { base: \"block\" }}>\n                <Skeleton height=\"100%\" width=\"100%\" />\n              </GridItem>\n            ))}\n          </Grid>\n        )}\n      </Box>\n    </Container>\n  );\n};\n\nexport default BeautyTips;\n","import React from \"react\";\nimport { SimpleGrid, Box } from \"@chakra-ui/react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport { Link } from \"gatsby\";\n\nconst CategoryBanner = () => {\n  return (\n    <>\n      <SimpleGrid columns={{ base: 1, md: 2 }}>\n        <Box>\n          <Link to=\"/make-up\">\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/see-makeup.png\"\n              alt=\"quiz-banner\"\n              loading=\"lazy\"\n            />\n          </Link>\n        </Box>\n        <Box>\n          <Link to=\"/skincare\">\n            <StaticImage\n              layout=\"fullWidth\"\n              objectFit=\"contain\"\n              src=\"../../images/homepage/see-skincare.png\"\n              alt=\"quiz-banner\"\n              loading=\"lazy\"\n            />\n          </Link>\n        </Box>\n      </SimpleGrid>\n    </>\n  );\n};\n\nexport default CategoryBanner;\n","import React, { useState } from \"react\";\nimport qore from \"../../context/qoreContext\";\nimport Slider from \"react-slick\";\nimport styled from \"styled-components\";\nimport {\n  Modal,\n  Button,\n  Box,\n  Text,\n  Flex,\n  Spacer,\n  Heading,\n  Image,\n  useMediaQuery,\n  IconButton,\n  Container,\n  VStack,\n  Grid,\n  GridItem,\n  Center\n} from \"@chakra-ui/react\";\n\nimport { Link } from \"gatsby\";\nimport slugify from \"../slugify\";\n\nimport { FaLongArrowAltRight, FaLongArrowAltLeft } from \"react-icons/fa\";\nimport ProductModal from \"../product/ProductModal\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport Skeleton from \"react-loading-skeleton\";\n\nimport \"../../css/banner.css\";\n\nconst CustomSlider = styled(Slider)`\n  .slick-dots {\n    bottom: 0;\n  }\n`;\n\nconst SliderHeading = styled(Heading)`\n  font-family: \"AvenirBold\", sans-serif !important;\n`;\n\nconst MakeupSlider = () => {\n  const [modalShow, setModalShow] = useState(false);\n  const [popupData, setPopupData] = useState({});\n  const [isMobile] = useMediaQuery(\"(max-width: 820px)\");\n  const skeletonCount = [1, 2, 3, 4, 5];\n\n  const { data, status } = qore.views.makeupProducts.useListRow({\n    \"$by.parentName\": \"asc\",\n    \"$by.no\": \"asc\"\n  });\n\n  const customSlider = React.createRef();\n\n  const handleClose = () => {\n    setPopupData({});\n    setModalShow(false);\n  };\n\n  const handleClick = data => {\n    const obj = {\n      name: data.name,\n      imgSwatch: data.imgProduct,\n      tokopedia: data.tokopedia,\n      shopee: data.shopee,\n      lazada: data.lazada,\n      blibli: data.blibli,\n      tiktok: data.tiktok,\n      toko: data.toko,\n      whatsapp: data.whatsapp,\n      isSachet: data.isSachet,\n      type: data.type,\n      no: data.no\n    };\n    setPopupData(obj);\n    setModalShow(true);\n  };\n\n  const nextSlide = () => {\n    customSlider.current.slickNext();\n  };\n\n  const prevSlide = () => {\n    customSlider.current.slickPrev();\n  };\n\n  const sliderSettings = {\n    dots: true,\n    infinite: false,\n    speed: 500,\n    initialSlide: 0,\n    slidesToShow: 4.5,\n    slidesToScroll: 2,\n    responsive: [\n      {\n        breakpoint: 1025,\n        settings: {\n          slidesToShow: 3.5\n        }\n      },\n      {\n        breakpoint: 768,\n        settings: {\n          slidesToShow: 3.5\n        }\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 2.5\n        }\n      }\n    ]\n  };\n\n  const CardImage = styled(Box)`\n    background: ${props => props.ringcolor};\n    border-radius: 50%;\n    margin: 0 auto;\n  `;\n\n  return (\n    <>\n      <Box\n        p={{ base: \"15px 30px\", lg: \"40px 100px\" }}\n        overflow=\"hidden\"\n        bgSize=\"100%\"\n        bgRepeat=\"no-repeat\">\n        <Container px={{ base: 0, md: \"auto\" }} pt={8} maxW=\"container.fluid\">\n          <Flex pb=\"3vh\">\n            <SliderHeading fontSize={{ base: \"16px\", md: \"26px\" }} mb={1}>\n              Make Up\n            </SliderHeading>\n            <Spacer />\n            <Box>\n              <IconButton\n                icon={<FaLongArrowAltLeft />}\n                h={isMobile ? 8 : 10}\n                w={isMobile ? 16 : 20}\n                bgColor=\"white\"\n                color=\"black\"\n                colorScheme=\"blackAlpha\"\n                mr=\"15px\"\n                borderRadius=\"20px\"\n                borderColor=\"black\"\n                borderWidth=\"thin\"\n                _focus={{ boxShadow: \"none\" }}\n                onClick={() => prevSlide()}\n              />\n              <IconButton\n                icon={<FaLongArrowAltRight />}\n                h={isMobile ? 8 : 10}\n                w={isMobile ? 16 : 20}\n                bgColor=\"black\"\n                color=\"white\"\n                colorScheme=\"blackAlpha\"\n                borderRadius=\"20px\"\n                borderColor=\"white\"\n                _focus={{ boxShadow: \"none\" }}\n                onClick={() => nextSlide()}\n              />\n            </Box>\n          </Flex>\n          {status === \"success\" ? (\n            <CustomSlider {...sliderSettings} ref={customSlider}>\n              {data.map(product => (\n                <VStack\n                  key={product.id}\n                  spacing={8}\n                  mt={6}\n                  mb={16}\n                  transform=\"scale(0.95)\"\n                  transition=\"transform 500ms\"\n                  _hover={{ transform: \"scale(1)\", transition: \"transform 500ms\" }}>\n                  <CardImage\n                    h={{ base: \"120px\", md: \"160px\", xl: \"200px\" }}\n                    w={{ base: \"120px\", md: \"160px\", xl: \"200px\" }}\n                    ringcolor={product.hexColor}>\n                    <Link to={`/make-up/details/${slugify(product?.parentName)}/${product.no}`}>\n                      <Image\n                        src={product?.imgProduct}\n                        alt={product?.name}\n                        w={{ base: \"120px\", md: \"150px\", xl: \"180px\" }}\n                        h={{ base: \"160px\", md: \"200px\", xl: \"240px\" }}\n                        objectFit=\"contain\"\n                        loading=\"lazy\"\n                        m=\"0 auto\"\n                        position=\"relative\"\n                        bottom=\"20px\"\n                        transform=\"rotate(-12deg)\"\n                      />\n                      {product?.bestSeller && (\n                        <Box\n                          position=\"absolute\"\n                          right={{ base: \"0\", md: \"24px\", lg: \"32px\", xl: \"96px\" }}\n                          maxH={{ base: \"30px\", md: \"32px\", lg: \"32px\", xl: \"40px\" }}\n                          top=\"4px\">\n                          <StaticImage\n                            src=\"../../images/best-seller2.png\"\n                            alt=\"best-seller\"\n                            loading=\"lazy\"\n                            objectFit=\"contain\"\n                            style={{ maxHeight: \"inherit\" }}\n                          />\n                        </Box>\n                      )}\n                    </Link>\n                  </CardImage>\n                  <Box textAlign=\"left\">\n                    <Center>\n                      <Link to={`/make-up/details/${slugify(product?.parentName)}/${product.no}`}>\n                        <Text mb={3}>{product?.parentName}</Text>\n                        <Text mb={3} fontWeight=\"bold\">{`${product?.no} ${product?.name}`}</Text>\n                        <Text>{`Rp ${product?.price.toLocaleString(\"id-ID\", {\n                          maximumFractionDigits: 0\n                        })}`}</Text>\n                      </Link>\n                    </Center>\n                    <Box mt={6} textAlign=\"center\">\n                      <Button\n                        size=\"sm\"\n                        width={\"88px\"}\n                        rounded=\"xl\"\n                        bg=\"#262626\"\n                        colorScheme=\"blackAlpha\"\n                        color=\"white\"\n                        onClick={() => handleClick(product)}\n                        _focus={{ boxShadow: \"none\" }}\n                        _hover={{\n                          bg: \"black\"\n                        }}>\n                        Beli\n                      </Button>\n                    </Box>\n                  </Box>\n                </VStack>\n              ))}\n            </CustomSlider>\n          ) : (\n            <Grid\n              templateColumns={{ base: \"repeat(3, 1fr)\", md: \"repeat(5, 1fr)\" }}\n              gap={2}\n              overflow=\"hidden\">\n              {skeletonCount.map(skeleton => (\n                <GridItem\n                  key={skeleton}\n                  h={{ base: \"160px\", xl: \"200px\" }}\n                  w={{ base: \"160px\", xl: \"200px\" }}\n                  p={1}\n                  display={skeleton > 3 ? { base: \"none\", md: \"block\" } : { base: \"block\" }}>\n                  <Skeleton circle=\"true\" height=\"100%\" width=\"100%\" />\n                </GridItem>\n              ))}\n            </Grid>\n          )}\n        </Container>\n      </Box>\n      <Modal\n        isOpen={modalShow}\n        size={isMobile ? \"sm\" : \"2xl\"}\n        onClose={() => handleClose()}\n        isCentered={true}>\n        <ProductModal PopUpData={popupData} />\n      </Modal>\n    </>\n  );\n};\n\nexport default MakeupSlider;\n","export default __webpack_public_path__ + \"static/skincareAccent-35b8547927bd391bbcd17eb8ea9fe025.png\";","import React, { useState } from \"react\";\nimport qore from \"../../context/qoreContext\";\nimport Slider from \"react-slick\";\nimport styled from \"styled-components\";\nimport {\n  Button,\n  Box,\n  Text,\n  Flex,\n  Spacer,\n  Heading,\n  Image,\n  useMediaQuery,\n  Modal,\n  Container,\n  VStack,\n  Grid,\n  GridItem\n} from \"@chakra-ui/react\";\nimport { Link } from \"gatsby\";\nimport Skeleton from \"react-loading-skeleton\";\nimport ProductModal from \"../product/ProductModal\";\nimport skincareAccent from \"../../images/skincareAccent.png\";\nimport { StaticImage } from \"gatsby-plugin-image\";\nimport \"../../css/banner.css\";\n\nconst SliderContainter = styled(Box)`\n  overflow: hidden;\n\n  @media screen and (min-width: 0px) and (max-width: 1023px) {\n    padding: 10px 30px;\n  }\n\n  @media screen and (min-width: 1024px) and (max-width: 3000px) {\n    padding: 20px 100px;\n  }\n`;\n\nconst CustomHeading = styled(Heading)`\n  display: none;\n\n  @media screen and (min-width: 120px) and (max-width: 767px) {\n    display: block;\n  }\n`;\n\nconst SliderHeading = styled(Heading)`\n  font-family: \"AvenirBold\", sans-serif !important;\n`;\n\nconst SkincareSlider = () => {\n  const [modalShow, setModalShow] = useState(false);\n  const [popupData, setPopupData] = useState({});\n  const [isMobile] = useMediaQuery(\"(max-width: 820px)\");\n  const skeletonCount = [1, 2, 3, 4, 5];\n\n  const { data, status } = qore.views.skincareProducts.useListRow({\n    order: \"asc\"\n  });\n\n  const handleClose = () => {\n    setPopupData({});\n    setModalShow(false);\n  };\n\n  const handleClick = data => {\n    const obj = {\n      name: data.name,\n      imgSwatch: data.imgBottle,\n      tokopedia: data.tokopedia,\n      shopee: data.shopee,\n      lazada: data.lazada,\n      blibli: data.blibli,\n      tiktok: data.tiktok,\n      toko: data.toko,\n      whatsapp: data.whatsapp,\n      isSachet: data.isSachet,\n      type: data.type\n    };\n    setPopupData(obj);\n    setModalShow(true);\n  };\n\n  const sliderSettings = {\n    dots: true,\n    infinite: false,\n    speed: 500,\n    slidesToShow: 5,\n    slidesToScroll: 5,\n    initialSlide: 0,\n    responsive: [\n      {\n        breakpoint: 1025,\n        settings: {\n          slidesToShow: 5,\n          slidesToScroll: 5\n        }\n      },\n      {\n        breakpoint: 768,\n        settings: {\n          slidesToShow: 3.5,\n          slidesToScroll: 1\n        }\n      },\n      {\n        breakpoint: 480,\n        settings: {\n          slidesToShow: 2.5,\n          slidesToScroll: 1\n        }\n      }\n    ]\n  };\n\n  return (\n    <>\n      <SliderContainter\n        bgImage={skincareAccent}\n        bgSize={{ sm: \"200%\", md: \"200%\", lg: \"100%\" }}\n        bgRepeat=\"no-repeat\">\n        <Container px={{ base: 0, md: \"auto\" }} pt={8} maxW=\"container.fluid\">\n          <Flex>\n            <SliderHeading fontSize={{ base: \"16px\", md: \"26px\" }} mb={1}>\n              Skin Care\n            </SliderHeading>\n            <Spacer />\n            <CustomHeading size=\"sm\">\n              <Link to=\"/skincare\">See All</Link>\n            </CustomHeading>\n          </Flex>\n          {status === \"success\" ? (\n            <Slider {...sliderSettings}>\n              {data.map((productData, index) => (\n                <>\n                  <VStack\n                    key={index}\n                    spacing={6}\n                    mb={8}\n                    transform=\"scale(0.95)\"\n                    transition=\"transform 500ms\"\n                    _hover={{ transform: \"scale(1)\", transition: \"transform 500ms\" }}>\n                    <Link to={`/skincare/detail/${productData?.name}`}>\n                      <Image\n                        src={productData?.imgBottle}\n                        alt={productData?.name}\n                        w={{ base: \"120px\", md: \"150px\", xl: \"180px\" }}\n                        h={{ base: \"180px\", md: \"200px\", xl: \"240px\" }}\n                        mb={2}\n                        objectFit=\"contain\"\n                        loading=\"lazy\"\n                      />\n                      {productData?.isNewProduct && (\n                        <Box\n                          position=\"absolute\"\n                          right={{ base: \"45px\", sm: \"45px\", md: \"60px\", xl: \"120px\" }}\n                          top=\"4px\">\n                          <StaticImage\n                            src=\"../../images/new-product.png\"\n                            alt=\"new-product\"\n                            height=\"40px !important\"\n                          />\n                        </Box>\n                      )}\n                    </Link>\n                    <Box textAlign=\"left\" px={{ base: 2, md: \"auto\" }}>\n                      <Text fontSize={{ base: \"16px\", md: \"18px\" }} minH=\"30px\" width=\"140px\">\n                        Peach Glowing\n                      </Text>\n                      <Text fontSize={{ base: \"16px\", md: \"18px\" }} mb={1} fontWeight=\"bold\">\n                        {productData.name === \"Glowing Toner\"\n                          ? productData.name.replace(/Glowing/g, \"\")\n                          : productData.name.replace(/Peach Glowing/g, \"\")}\n                      </Text>\n                      <Text fontSize=\"lg\" mb={1}>\n                        Rp {productData.price.toLocaleString(\"id-ID\", { maximumFractionDigits: 0 })}\n                      </Text>\n                    </Box>\n                    <Box textAlign={{ base: \"center\", md: \"left\" }}>\n                      <Button\n                        size=\"sm\"\n                        width=\"88px\"\n                        borderRadius=\"25px\"\n                        bg=\"#262626\"\n                        colorScheme=\"blackAlpha\"\n                        color=\"white\"\n                        _focus={{ boxShadow: \"none\" }}\n                        _hover={{\n                          bg: \"black\"\n                        }}\n                        onClick={() => {\n                          handleClick(productData);\n                        }}>\n                        Beli\n                      </Button>\n                    </Box>\n                  </VStack>\n                </>\n              ))}\n            </Slider>\n          ) : (\n            <Grid\n              templateColumns={{ base: \"repeat(3, 1fr)\", md: \"repeat(5, 1fr)\" }}\n              gap={2}\n              overflow=\"hidden\">\n              {skeletonCount.map(skeleton => (\n                <GridItem\n                  key={skeleton}\n                  h={{ base: \"306px\", md: \"328px\" }}\n                  w={{ base: \"126px\", md: \"135px\" }}\n                  display={skeleton > 3 ? { base: \"none\", md: \"block\" } : { base: \"block\" }}>\n                  <Skeleton height=\"100%\" width=\"100%\" />\n                </GridItem>\n              ))}\n            </Grid>\n          )}\n        </Container>\n      </SliderContainter>\n      <Modal\n        isOpen={modalShow}\n        size={isMobile ? \"sm\" : \"2xl\"}\n        onClose={() => handleClose()}\n        isCentered={true}>\n        <ProductModal PopUpData={popupData} />\n      </Modal>\n    </>\n  );\n};\n\nexport default SkincareSlider;\n","import * as React from \"react\";\nimport Layout from \"../components/layout\";\nimport Seo from \"../components/seo\";\nimport HomeAboutUs from \"../components//homepage/HomeAboutUs\";\nimport SubsForm from \"../components/homepage/SubsForm\";\nimport HomeBanner from \"../components/homepage/HomeBanner\";\nimport OmgOfTheMonth from \"../components/homepage/OmgOfTheMonth\";\nimport QuizPollingBanner from \"../components/homepage/QuizPollingBanner\";\nimport BeautyTips from \"../components/homepage/BeautyTips\";\nimport CategoryBanner from \"../components/homepage/CategoryBanner\";\nimport MakeupSlider from \"../components/homepage/MakeupSlider\";\nimport SkincareSlider from \"../components/homepage/SkincareSlider\";\n\nimport { useDisclosure } from \"@chakra-ui/react\";\n\nconst IndexPage = () => {\n  const { isOpen, onOpen, onClose } = useDisclosure();\n\n  React.useEffect(() => {\n    const hours = 24; // Reset when storage is more than 24hours\n    const now = new Date().getTime();\n    const popupTime = localStorage.getItem(\"popupTime\");\n\n    if (popupTime === null) {\n      onOpen();\n      localStorage.setItem(\"popupTime\", now);\n    } else if (now - popupTime > hours * 60 * 60 * 1000) {\n      localStorage.removeItem(\"popupTime\");\n    }\n  }, []);\n\n  return (\n    <Layout>\n      <Seo title=\"Home\" />\n      <HomeBanner />\n      <SkincareSlider />\n      <MakeupSlider />\n      <SubsForm isOpen={isOpen} onClose={onClose} />\n      <HomeAboutUs />\n      <OmgOfTheMonth />\n      <QuizPollingBanner />\n      <BeautyTips />\n      <CategoryBanner />\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n"],"names":["ProductModal","PopUpData","isMobile","useMediaQuery","BoxStyle","boxShadow","borderStyle","borderColor","borderWidth","bgSize","backgroundImage","padding","direction","alignItems","mb","as","size","columns","spacing","bg","height","style","href","whatsapp","target","rel","width","layout","src","tiktok","shopee","tokopedia","lazada","blibli","toko","mt","type","overflow","maxH","name","includes","pr","py","alt","placeholder","imgSwatch","position","transform","isSachet","textColor","textAlign","no","w","backgroundColor","h","base","md","xl","margin","p","propTypes","PropTypes","Object","defaultProps","str","replace","toLowerCase","from","i","l","length","RegExp","charAt","lg","bgImage","aboutUsBgMobile","aboutUsBg","bgRepeat","maxW","order","color","fontSize","bgColor","transition","colorScheme","borderRadius","onClick","navigate","_focus","_hover","bottom","ratio","title","allowFullScreen","isOpen","onClose","phone","setPhone","useState","isChecked","setIsChecked","loading","setLoading","useBoolean","header","setHeader","message","setMessage","errorMessage","setErrorMessage","insertRow","qore","handleChange","e","value","handleChecked","checked","resetHeaderData","handleSubmit","async","test","handleValidation","on","error","console","off","isCentered","mobilePopupBg","PopupBg","pointerEvents","children","onChange","maxLength","isLoading","defaultChecked","marginLeft","marginTop","PopupImg","SliderContainter","styled","Box","CustomSlider","Slider","CustomCard","ContainerCard","ImgWithFallback","fallback","delegated","srcSet","FallbackWeb","FallbackMobile","imageIndex","setImageIndex","React","data","banners","status","useListRow","settings","className","centerMode","infinite","centerPadding","focusOnSelect","slidesToShow","speed","dots","autoplay","autoplaySpeed","beforeChange","current","next","responsive","breakpoint","minH","background","map","banner","idx","key","link","imgWebp","img","imgMobileWebp","imgMobile","skeleton","px","contents","slidesToScroll","initialSlide","fontWeight","content","minW","fallbackSrc","description","objectFit","boxSize","templateColumns","gap","display","Link","to","S","limit","_before","slug","top","right","left","border","icon","SliderHeading","Heading","modalShow","setModalShow","popupData","setPopupData","customSlider","CardImage","props","ringcolor","pt","pb","mr","slickPrev","slickNext","ref","product","id","hexColor","slugify","parentName","imgProduct","m","bestSeller","maxHeight","price","toLocaleString","maximumFractionDigits","rounded","obj","handleClick","circle","CustomHeading","sliderSettings","skincareAccent","sm","productData","index","imgBottle","isNewProduct","onOpen","useDisclosure","now","Date","getTime","popupTime","localStorage","getItem","setItem","hours","removeItem"],"sourceRoot":""}