{"version":3,"sources":["webpack://gatsby-starter-default/./src/pages/garden.js"],"names":["query","data","useStaticQuery","imgList","strapiGarden","carousel_img","pageDescription","page_description","pageTitle","className","style","position","uk-scrollspy","S","src","alt","imgStyle","maxWidth","backgroundColor","width","height","padding","top","left","zIndex","marginLeft"],"mappings":"osDAuEMA,EAAK,aAeX,UAjFmB,WACjB,IAAMC,GAAOC,oBAAeF,GACtBG,EAAUF,EAAKG,aAAaC,aAC5BC,EAAkBL,EAAKG,aAAaG,iBAY1C,OACE,gBAAC,KAAD,KACE,gBAAC,KAAD,CACEJ,QAASA,EACTK,UAAW,KACXF,gBAAiBA,IAGnB,gBAAC,KAAD,KACE,uBAAKG,UAAU,UAAUC,MAAO,CAAEC,SAAU,aAC1C,uBACEF,UAAU,yBACVG,eAAa,0BAEb,uBAAKH,UAAU,sBAAf,sBAGA,uBAAKA,UAAU,QAAf,yLAQA,uBAAKA,UAAU,mBACb,gBAAC,EAAAI,EAAD,CACEC,IAAI,gCACJC,IAAI,WACJC,SAAU,CAAEC,SAAU,SAHxB,wBAOJ,uBACER,UAAU,eACVG,eAAa,yBACbF,MA/CG,CACXQ,gBAAiB,UACjBC,MAAO,OACPC,OAAQ,OACRC,QAAS,OACTV,SAAU,WACVW,IAAK,MACLC,KAAM,MACNC,OAAQ,QAyCF,uBAAKf,UAAU,eAAeG,eAAa,0BACzC,gBAAC,EAAAC,EAAD,CACEC,IAAI,gCACJC,IAAI,WACJC,SAAU,CAAEC,SAAU,QAASQ,WAAY,QAH7C","file":"component---src-pages-garden-js-b7d3bffab4ebca18d766.js","sourcesContent":["import React from 'react';\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { Layout, Section, Carousel } from 'components';\nimport { StaticImage } from 'gatsby-plugin-image';\n\nconst GardenPage = () => {\n  const data = useStaticQuery(query);\n  const imgList = data.strapiGarden.carousel_img;\n  const pageDescription = data.strapiGarden.page_description;\n  const box1 = {\n    backgroundColor: '#FAF1E5',\n    width: '33vw',\n    height: '15vw',\n    padding: '25px',\n    position: 'absolute',\n    top: '39%',\n    left: '33%',\n    zIndex: '-1',\n  };\n\n  return (\n    <Layout>\n      <Carousel\n        imgList={imgList}\n        pageTitle={'가든'}\n        pageDescription={pageDescription}\n      />\n\n      <Section>\n        <div className='uk-flex' style={{ position: 'relative' }}>\n          <div\n            className='uk-flex uk-flex-column'\n            uk-scrollspy='cls: uk-animation-fade'\n          >\n            <div className='uk-h2 uk-text-bold'>\n              설악산 아래 유럽식 정원을 만나다\n            </div>\n            <div className='uk-p'>\n              설악산책의 작은 광장으로 나가면 설악산을 배경으로 둔 유럽식 정원을\n              만날 수 있습니다. 규칙적이면서 깔끔한 포멀 가든에는 계절마다\n              돋보이는 꽃들로 볼거리가 많습니다. 산책로와 벤치를 지나보면\n              산수유, 앵두, 블루베리 등 열매나무들도 자라고 있습니다 따뜻한\n              색감의 풍성한 초화와 울타리가 정원 전체를 아늑하게 감싸고\n              있습니다.\n            </div>\n            <div className='uk-margin-large'>\n              <StaticImage\n                src='../images/garden/garden7.jpeg'\n                alt='garden 7'\n                imgStyle={{ maxWidth: '600px' }}\n              />\n            </div>\n          </div>\n          <div\n            className='uk-visible@m'\n            uk-scrollspy='cls: uk-animation-fade'\n            style={box1}\n          />\n          <div className='uk-visible@m' uk-scrollspy='cls: uk-animation-fade'>\n            <StaticImage\n              src='../images/garden/garden6.jpeg'\n              alt='A kitten'\n              imgStyle={{ maxWidth: '450px', marginLeft: 'auto' }}\n            />\n          </div>\n        </div>\n      </Section>\n    </Layout>\n  );\n};\n\nconst query = graphql`\n  query {\n    strapiGarden {\n      carousel_img {\n        localFile {\n          childImageSharp {\n            gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n          }\n        }\n      }\n      page_description\n    }\n  }\n`;\n\nexport default GardenPage;\n"],"sourceRoot":""}