{"version":3,"file":"component---src-pages-access-index-js-5f1772c6c31cd8c306b2.js","mappings":"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","sources":["webpack://kota-wisata-front-end/./src/images/grid-img-default.jpg","webpack://kota-wisata-front-end/./src/components/gridItem.js","webpack://kota-wisata-front-end/./src/components/pageheader.js","webpack://kota-wisata-front-end/./src/styles/pageheader.module.css","webpack://kota-wisata-front-end/./src/pages/access/index.js"],"sourcesContent":["export default __webpack_public_path__ + \"static/grid-img-default-121a9c03f8751b7d6573b3049a63f7ee.jpg\";","import React, { useState } from \"react\"\nimport { Link } from \"gatsby\"\nimport classnames from \"classnames\"\nimport { motion } from \"framer-motion\"\nimport * as styles from \"../styles/blocks.module.css\"\nimport defaultImg from \"../images/grid-img-default.jpg\"\n\nconst GridItem = ({\n    height,\n    bgImage = defaultImg,\n    label,\n    link,\n    isExternalLink,\n}) => {\n    const [scale, setScale] = useState(1)\n    const gridClass = classnames({\n        [styles.gridItem]: !height,\n        [styles.fixedGridItem]: height,\n    })\n    let style = {}\n    if (height) {\n        style = {\n            height,\n        }\n    }\n    const zoomIn = () => setScale(1.15)\n    const zoomOut = () => setScale(1)\n    return (\n        <div\n            className={gridClass}\n            style={style}\n            onMouseEnter={zoomIn}\n            onMouseLeave={zoomOut}\n        >\n            <motion.div\n                animate={{ scale }}\n                transition={{ type: \"tween\" }}\n                className={styles.gridItemContent}\n                style={{\n                    backgroundImage: `url(${bgImage})`,\n                }}\n            />\n            {isExternalLink ? (\n                <a href={link} target=\"_blank\" rel=\"noreferrer\">\n                    {label}\n                </a>\n            ) : (\n                <Link to={link}>{label}</Link>\n            )}\n        </div>\n    )\n}\n\nexport default GridItem\n","import * as React from \"react\"\nimport { Link } from \"gatsby\"\nimport * as styles from \"../styles/pageheader.module.css\"\nimport { useLangContext } from \"../context/langContext\"\n\nconst PageHeader = ({\n    title,\n    subTitle,\n    image,\n    breadcrumbs,\n    hasUnderline,\n    children,\n}) => {\n    const { lang } = useLangContext()\n    const bgStyle = {\n        backgroundImage: image ? `url(${image})` : \"none\",\n        backgroundSize: \"cover\",\n    }\n    return (\n        <>\n            <div className={styles.wrap} style={bgStyle}></div>\n            {breadcrumbs && breadcrumbs.length > 0 && (\n                <div\n                    className={`hidden px-4 lg:block ${styles.breadcrumbs}`}\n                >\n                    <div className=\"container mx-auto\">\n                        <ul>\n                            <li>\n                                <Link to={\"/\"}>\n                                    {lang === \"en\" ? \"Home\" : \"Beranda\"}\n                                </Link>\n                            </li>\n                            {breadcrumbs.map((item, i) => {\n                                return (\n                                    <li key={`b-${i}`}>\n                                        {item.link ? (\n                                            <Link to={item.link}>\n                                                {item.label}\n                                            </Link>\n                                        ) : (\n                                            <span>{item.label}</span>\n                                        )}\n                                    </li>\n                                )\n                            })}\n                        </ul>\n                    </div>\n                </div>\n            )}\n            <div className=\"px-4\">\n                {children ? (\n                    <div className=\"my-12\">{children}</div>\n                ) : (\n                    <div className=\"my-12\">\n                        <div className={`mx-auto ${styles.titleArea}`}>\n                            <h1 className=\"font-serif text-center text-5xl lg:text-7xl mb-4\">\n                                {title}\n                            </h1>\n                            {subTitle && (\n                                <p className=\"text-center text-base lg:text-xl\">\n                                    {subTitle}\n                                </p>\n                            )}\n                        </div>\n                        {hasUnderline && (\n                            <span className={styles.underline} />\n                        )}\n                    </div>\n                )}\n            </div>\n        </>\n    )\n}\n\nexport default PageHeader\n","// extracted by mini-css-extract-plugin\nexport var wrap = \"pageheader-module--wrap--3yZ1s\";\nexport var breadcrumbs = \"pageheader-module--breadcrumbs--2pNa1\";\nexport var titleArea = \"pageheader-module--titleArea--3tI3G\";\nexport var underline = \"pageheader-module--underline--2j6PP\";","import * as React from \"react\"\n\nimport Layout from \"../../components/layout\"\nimport Seo from \"../../components/seo\"\nimport PageHeader from \"../../components/pageheader\"\nimport GridItem from \"../../components/gridItem\"\nimport { graphql } from \"gatsby\"\n\nconst AccessPage = ({ data }) => {\n    return (\n        <Layout activeMenuId={6}>\n            {data?.wpPage?.blocks.map((item, i) => {\n                switch (item?.name) {\n                    case \"acf/cover-main\":\n                        const coverMain = item?.coverMain\n                        return (\n                            <React.Fragment key={i}>\n                                <Seo title={coverMain?.title} />\n                                <PageHeader\n                                    title={coverMain?.title}\n                                    subTitle={coverMain?.text}\n                                    image={coverMain?.img?.mediaItemUrl}\n                                    breadcrumbs={[\n                                        { label: coverMain?.title, link: null },\n                                    ]}\n                                />\n                            </React.Fragment>\n                        )\n                    case \"acf/text-w-col-cards\":\n                        const textWColCards = item?.textWColCards\n                        return (\n                            <div key={i} className=\"mb-4\">\n                                <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n                                    {textWColCards?.cards.map(\n                                        (card, cardI) => (\n                                            <GridItem\n                                                key={cardI}\n                                                bgImage={\n                                                    card?.img\n                                                        ?.mediaItemUrl\n                                                }\n                                                label={card?.title}\n                                                link={card?.link?.url}\n                                            />\n                                        )\n                                    )}\n                                </div>\n                            </div>\n                        )\n                }\n            })}\n        </Layout>\n    )\n}\n\nexport const query = graphql`\n    {\n        wpPage(slug: { eq: \"access\" }) {\n            blocks {\n                name\n                ... on WpAcfCoverMainBlock {\n                    coverMain {\n                        img {\n                            mediaItemUrl\n                        }\n                        text\n                        title\n                    }\n                }\n                ... on WpAcfTextWColCardsBlock {\n                    textWColCards {\n                        cards {\n                            title\n                            link {\n                                url\n                            }\n                            img {\n                                mediaItemUrl\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n`\n\nexport default AccessPage\n"],"names":["height","bgImage","defaultImg","label","link","isExternalLink","useState","scale","setScale","gridClass","classnames","styles","style","className","onMouseEnter","onMouseLeave","motion","animate","transition","type","backgroundImage","href","target","rel","Link","to","title","subTitle","image","breadcrumbs","hasUnderline","children","lang","useLangContext","bgStyle","backgroundSize","length","map","item","i","key","data","activeMenuId","wpPage","blocks","name","coverMain","text","img","mediaItemUrl","textWColCards","cards","card","cardI","url"],"sourceRoot":""}