{"version":3,"sources":["images/logo.png","images/logoTextWhite.png","hooks/useWindowSize.jsx","components/Top.js","hooks/useScrollPosition.jsx","components/WelcomeBlock.js","components/ParallaxBlock.js","components/CompanyBlock.js","components/ProductItem.js","images/product-1-1.jpg","images/product-1-2.jpg","images/product-1-3.jpg","images/product-1-4.jpg","images/product-1-5.jpg","images/product-1-6.jpg","images/product-2-2.jpg","images/product-2-4.jpg","images/product-2-5.jpg","images/product-2-1.jpg","images/product-2-3.jpg","images/product-2-6.jpg","images/product-2-8.jpg","components/ProductsList.js","images/type-1.jpg","components/ProductsBlock.js","images/logo.jpg","images/material.jpg","components/MaterialsBlock.js","components/NewsBlock.js","components/ContactInfo.js","components/TailBlock.js","images/baloon.png","components/MyMap.jsx","components/ContactBlock.js","App.js","serviceWorker.js","index.js"],"names":["useWindowSize","useState","width","undefined","height","size","windowSize","setWindowSize","useEffect","window","handleResize","w","innerWidth","innerHeight","addEventListener","removeEventListener","Transition","React","forwardRef","props","ref","Slide","direction","useStyles","makeStyles","theme","root","position","top","left","zIndex","rootBg","background","contained","opacity","borderBottom","rootFg","menu","display","mobile","alignItems","justifyContent","menuMobile","logo","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","menuIcon","color","cursor","logoWhite","marginBottom","logoTextWhite","mobileCont","flexDirection","menuMobileBtn","fontFamily","fontSize","fontWeight","letterSpacing","padding","Top","openDialog","setOpenDialog","scrollPosition","setScrollPosition","handleScroll","pageYOffset","useScrollPosition","classes","className","Container","maxWidth","href","style","onClick","Dialog","open","TransitionComponent","fullScreen","WelcomeBlock","id","transition","bg","backgroundAttachment","transform","fg","paddingTop","paddingBottom","textAlign","blockGreen","boxShadow","margin","overflow","blockBlue","image","backgroundColor","ProductItem","brand","descr","barcodePack","barcodeBox","ProductsList","showItems","setShowItems","items15","Grid","container","item","xs","sm","md","p1","p2","p3","p4","p5","p6","items50","p8","p10","p11","items72","p7","p9","p12","p14","displayControl","type","cont","type1","type2","type3","type4","typeSizeBlock","ProductsBlock","Box","m","showDialog","minHeight","material","spanleis","border","borderRadius","MaterialsBlock","ContactInfo","TailBlock","MyMap","state","defaultState","center","zoom","zoomControl","controls","geometry","options","iconLayout","iconImageHref","baloonPng","iconImageSize","iconImageOffset","Component","ContactBlock","App","setState","hideDialog","firstNameChange","event","firstName","target","value","phoneChange","phone","afterSale","a","alert","tgMsg","bind","scrollTo","this","body","method","headers","JSON","stringify","fetch","res","json","console","log","onClose","DialogContent","my","placeholder","onChange","Boolean","location","hostname","match","createTheme","palette","primary","main","secondary","shape","app","ThemeProvider","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","then","registration","unregister"],"mappings":"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","file":"static/js/main.a9787cf3.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/logo.5d52bb98.png\";","export default __webpack_public_path__ + \"static/media/logoTextWhite.3756d5ae.png\";","import React, { useState, useEffect } from 'react'\n\nexport default function useWindowSize() {\n  const [windowSize, setWindowSize] = useState({\n    width: undefined,\n    height: undefined,\n    size: undefined\n  })\n  useEffect(() => {\n    if (typeof window !== 'undefined') {\n      function handleResize() {\n        const w = window.innerWidth\n        let size = 'xs'\n        if (w >= 600) { size = 'sm' }\n        if (w >= 960) { size = 'md' }\n        if (w >= 1280) { size = 'lg' }\n        if (w >= 1920) { size = 'xl' }\n        setWindowSize({\n          width: window.innerWidth,\n          height: window.innerHeight,\n          size: size,\n        })\n      }\n      window.addEventListener('resize', handleResize)\n      handleResize()\n      return () => window.removeEventListener('resize', handleResize)\n    }\n  },[])\n  return windowSize\n}\n\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Container from '@material-ui/core/Container'\nimport logo from '../images/logo.png'\nimport MenuIcon from '@material-ui/icons/Menu'\nimport Dialog from '@material-ui/core/Dialog'\nimport Slide from '@material-ui/core/Slide'\nimport logoTextWhite from '../images/logoTextWhite.png'\n\nimport useHasMounted from '../hooks/useHasMounted'\nimport useScrollPosition from '../hooks/useScrollPosition'\nimport useWindowSize from '../hooks/useWindowSize'\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n  return <Slide direction=\"down\" ref={ref} {...props} />;\n})\n\nconst useStyles = makeStyles((theme) => ({\n  root: (props=>({\n    position: 'fixed',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '80px',\n    zIndex: '600',\n  })),\n  rootBg: (props=>({\n    position: 'absolute',\n    top: '0',\n    left: '0',\n    width: '100%',\n    height: '100%',\n    background: props.contained ? 'none' : '#FFF',\n    opacity: '0.95',\n    borderBottom: props.contained ? '0px' : '1px solid #edeff6',\n    zIndex: '650',\n  })),\n  rootFg: {\n    position: 'relative',\n    zIndex: '700',\n    opacity: '1',\n  },\n  menu: (props=>({\n    position: 'relative',\n    height: '80px',\n    display: props.mobile ? 'none' : 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-around',\n  })),\n  menuMobile: (props=>({\n    position: 'relative',\n    height: '80px',\n    display: props.mobile ? 'flex' : 'none',\n    alignItems: 'center',\n    justifyContent: 'space-between',\n  })),\n  logo: (props=>({\n    position: 'relative',\n    width: '60px',\n    height: '60px',\n    backgroundImage: `url(${logo})`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'contain',\n  })),\n  menuIcon: (props=>({\n    color: '#121B4D',\n    width: '50px',\n    height: '50px',\n    cursor: 'pointer',\n  })),\n  logoWhite: {\n    position: 'relative',\n    width: '100%',\n    height: '180px',\n    marginBottom: '15px',\n    backgroundImage: `url(${logoTextWhite})`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'contain',\n    zIndex: '51',\n  },\n  mobileCont: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    background: '#121B4D',\n    width: '100%',\n    height: '100vh',\n  },\n  menuMobileBtn: {\n    color: '#FFF',\n    fontFamily: 'Oswald',\n    fontSize: '2rem',\n    fontWeight: '300',\n    letterSpacing: '2px',\n    padding: '10px 0',\n  }\n}))\n\nexport default function Top() {\n  const [openDialog, setOpenDialog] = React.useState(false)\n  const scrollPosition = useScrollPosition()\n  const {size, height} = useWindowSize()\n\n  let contained = scrollPosition < 150 ? true : false\n  let mobile = size === 'xs' || size === 'sm' ? true : false\n\n  const classes = useStyles({ contained, mobile })\n\n  return (\n    <>\n    <div className={classes.root}>\n      <div className={classes.rootBg} />\n      <div className={classes.rootFg}>\n        <Container maxWidth='lg'>\n          <div className={classes.menu}>\n            <div className={classes.logo} />\n            <a href='#block-company'>\n              <h5>\n                О Компании\n              </h5>\n            </a>\n            <a href='#block-products'>\n              <h5>\n                Продукция\n              </h5>\n            </a>\n            <a href='#block-materials'>\n              <h5>\n                Материалы\n              </h5>\n            </a>\n            <a href='#block-contacts'>\n              <h5>\n                Контакты\n              </h5>\n            </a>\n            <a>\n              <h4 style={{color:'#41B619'}}>\n                +7 923 349 77 23\n              </h4>\n            </a> \n          </div>\n          <div className={classes.menuMobile}>\n            <MenuIcon className={classes.menuIcon} onClick={()=>setOpenDialog(true)}/>\n            <a href='tel:89233497723'>\n              <h4 style={{color:'#41B619'}}>\n                +7 923 349 77 23\n              </h4>\n            </a> \n          </div>\n        </Container>\n      </div>\n    </div>\n    <Dialog\n      open={openDialog}\n      TransitionComponent={Transition}\n      fullScreen\n    >\n      <div className={classes.mobileCont}>\n        <a href='#block-welcome' onClick={()=>setOpenDialog(false)} className={classes.logoWhite} />\n        <a href='#block-company' onClick={()=>setOpenDialog(false)} className={classes.menuMobileBtn}>О Компании</a>\n        <a href='#block-products' onClick={()=>setOpenDialog(false)} className={classes.menuMobileBtn}>Продукция</a>\n        <a href='#block-materials' onClick={()=>setOpenDialog(false)} className={classes.menuMobileBtn}>Материалы</a>\n        <a href='#block-contacts' onClick={()=>setOpenDialog(false)} className={classes.menuMobileBtn}>Контакты</a>\n      </div>\n    </Dialog>\n    </>\n  )\n}\n","import React, { useState, useEffect } from 'react'\n\nexport default function useScrollPosition() {\n  const [scrollPosition, setScrollPosition] = useState(undefined)\n  useEffect(() => {\n    if (typeof window !== 'undefined') {\n      function handleScroll() {\n        setScrollPosition(window.pageYOffset)\n      }\n      window.addEventListener(\"scroll\", handleScroll)\n      handleScroll()\n      return () => window.removeEventListener(\"scroll\", handleScroll)\n    }\n  },[])\n  return scrollPosition\n}\n","import React from 'react'\nimport './WelcomeBlock.css'\n\nexport default function WelcomeBlock(props) {\n  return (\n    <div id='block-company' className='welcome-block'>\n      <div className='welcome-block-logo' />\n      <div className='welcome-block-img' />\n      <div className='welcome-block-cont'>\n        <div className='welcome-block-cont-head'>\n          <h1>\n            Производство влажных салфеток\n          </h1>\n          <h5>\n            Под собственными торговыми марками «Аквамарин» и «Акватория»\n          </h5>\n        </div>\n        <div className='welcome-block-cont-body'>\n          <h2>\n            Выберите то,что вам нужно или закажите салфетки со своим дизайном\n          </h2>\n        </div>\n      </div>\n      <div className='welcome-block-tail'>\n        <h5>\n          С 2011 года мы производим влажные салфетки для российского рынка и ближнего зарубежья.\n        </h5>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport Grid from '@material-ui/core/Grid'\nimport { makeStyles } from '@material-ui/styles'\n\nconst useStyles = makeStyles(theme => ({\n  root: (props => ({\n    position: 'relative',\n    transition: 'all ease .45s',\n    width: '100%',\n    height: '400px',\n  })),\n  bg: (props => ({\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n    backgroundImage: `url('https://apico-tour.ru/wp-content/uploads/2021/03/1.jpg')`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',\n    backgroundAttachment: 'fixed',\n    transform: 'translateZ(-3px)',\n  })),\n  fg: (props => ({\n    paddingTop: '100px',\n    paddingBottom: '100px',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center', \n  }))  \n}))\n\nconst ParallaxBlock = (props) => {\n  const bg = props.bg\n  const classes = useStyles({ bg })\n  return (\n    <div className={classes.root}>\n      <div className={classes.bg} />\n      <div className={classes.fg}>\n      </div>\n    </div>\n  )\n}\n\nexport default ParallaxBlock\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Container from '@material-ui/core/Container'\nimport Grid from '@material-ui/core/Grid'\nimport Box from '@material-ui/core/Box'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative',\n    width: '100%',\n    background: '#FFF',\n    textAlign: 'center',\n    paddingBottom: '40px',\n  },\n  blockGreen: {\n    position: 'relative',\n    width: 'calc(100% - 30px)',\n    height: '100%',\n    background: 'rgb(236, 251, 255) none repeat scroll 0% 0%',\n    color: '#FFF',\n    boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',\n    margin: '15px',\n    padding: '25px 10px',\n    overflow: 'hidden',\n  },\n  blockBlue: {\n    position: 'relative',\n    width: 'calc(100% - 30px)',\n    height: '100%',\n    background: 'rgb(244, 242, 252) none repeat scroll 0% 0%',\n    color: '#FFF',\n    boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',\n    margin: '15px',\n    padding: '25px 10px',\n    overflow: 'hidden',\n  },\n}))\n\nexport default function CompanyBlock() {\n  const classes = useStyles()\n\n  return (\n    <div id='block-company' className={classes.root}>\n      <Container maxWidth='lg'>\n        <div className='pageHeader'>О Компании</div>\n        <center>\n          <div className='pageSubHeader'>С 2011 года мы производим влажные салфетки для российского рынка и ближнего зарубежья. В активе компании квалифицированный персонал,  все необходимые технологии, оборудование и сертификаты.</div>\n        </center>\n        <Grid container justifyContent='center' alignItems='center'>\n          <Grid item xs={12} md={6}>\n            <div className={classes.blockGreen}>\n              <h2>Производство влажных салфеток под собственными торговыми марками «Аквамарин» и «Акватория».</h2>\n            </div>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <div className={classes.blockBlue}>\n              <h2>Производство влажных салфеток под торговой маркой заказчика и в соответствии с его требованиями.</h2>\n            </div>\n          </Grid>\n        </Grid> \n      </Container>\n    </div>\n  )\n}\n\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\n\nconst useStyles = makeStyles((theme) => ({\n  bg: (props=>({\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    backgroundImage: `url(${props.image})`,\n    backgroundColor: '#FFF',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'contain',\n  })),\n}))\n\nexport default function ProductItem(props) {\n  const image = props.image\n  const brand = props.brand\n  const descr = props.descr\n  const size = props.size\n  const barcodePack = props.barcodePack\n  const barcodeBox = props.barcodeBox\n  const classes = useStyles({ image })\n//    <div className={classes.root}>\n//      <div className={classes.bg} />\n//    </div>\n  return (\n    <div className=\"flip-card\">\n      <div className=\"flip-card-inner\">\n        <div className=\"flip-card-front\">\n          <div className={classes.bg} />\n        </div>\n        <div className=\"flip-card-back\">\n          <h3 style={{color:'#FFF',margin:'5px 0'}}>{brand}</h3> \n          <h4 style={{color:'#FFF',margin:'5px 0'}}>{descr}, {size} шт.</h4>\n          <p>Штрих-код упаковка</p> \n          <p>{barcodePack}</p>\n          <p>Штрих-код коробка</p>\n          <p>{barcodeBox}</p>\n        </div>\n      </div>\n    </div>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/product-1-1.c10cb18a.jpg\";","export default __webpack_public_path__ + \"static/media/product-1-2.57039790.jpg\";","export default __webpack_public_path__ + \"static/media/product-1-3.73823481.jpg\";","export default __webpack_public_path__ + \"static/media/product-1-4.755882ea.jpg\";","export default __webpack_public_path__ + \"static/media/product-1-5.6feb31ad.jpg\";","export default __webpack_public_path__ + \"static/media/product-1-6.098cadba.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-2.f6c24bf5.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-4.0f7e8951.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-5.4f4b0f52.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-1.2e9f62d4.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-3.a096187a.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-6.dfb9f93d.jpg\";","export default __webpack_public_path__ + \"static/media/product-2-8.4ad3393e.jpg\";","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport ProductItem from './ProductItem'\n\nimport p1 from '../images/product-1-1.jpg'\t// Акватория, 15, освеж. Ромашка\nimport p2 from '../images/product-1-2.jpg'\t// Акватория, 15, освеж. Морской бриз\nimport p3 from '../images/product-1-3.jpg'\t// Акватория, 15, освеж. Персидский лайм \nimport p4 from '../images/product-1-4.jpg'\t// Акватория, 15, антибактериальные\nimport p5 from '../images/product-1-5.jpg'\t// Акватория, 15, освеж. Алоэ вера\nimport p6 from '../images/product-1-6.jpg'\t// Акватория, 15, освеж. Зеленый чай\n\nimport p8 from '../images/product-2-2.jpg'\t// Акватория, 50, океанический лед\nimport p10 from '../images/product-2-4.jpg'\t// Акватория, 50, антибактериальные\nimport p11 from '../images/product-2-5.jpg'\t// Акватория, 50, алоэ вера\n\nimport p7 from '../images/product-2-1.jpg'\t// Аквамарин, 72, унивесальные\nimport p9 from '../images/product-2-3.jpg'\t// Аквамарин, 72, детские\nimport p12 from '../images/product-2-6.jpg'\t// Аквамарин, 72, антибактериальные\nimport p14 from '../images/product-2-8.jpg'\t// Аквамарин, 72, освеж. Алоэ вера - Зеленый чай\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative',\n  },\n}))\n\nexport default function ProductsList() {\n  const classes = useStyles()\n  const [showItems, setShowItems] = React.useState(1)\t// 1, 2, 3 or 4\n\n  const items15 = (\n    <div>\n      <Grid container justifyContent='center'>\n        <h3 style={{color:'#41B619'}}>«Акватория» 15 шт.</h3>\n      </Grid>\n      <Grid container alignItems='center' justifyContent='center'>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p1}\n            brand='Акватория'\n            descr='Освежающие \"Ромашка\"'\n            size='15'\n            barcodePack='4603736595152'\n            barcodeBox='4603736595329'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p2}\n            brand='Акватория'\n            descr='Освежающие \"Морской бриз\"'\n            size='15'\n            barcodePack='4603736595138'\n            barcodeBox='4603736595381'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p3}\n            brand='Акватория'\n            descr='Освежающие \"Персидский лайм\"'\n            size='15'\n            barcodePack='4603736595800'\n            barcodeBox='4603736595312'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p4}\n            brand='Акватория'\n            descr='Антибактериальные'\n            size='15'\n            barcodePack='4603736595145'\n            barcodeBox='4603736595374'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p5}\n            brand='Акватория'\n            descr='Освежающие \"Алоэ Вера\"'\n            size='15'\n            barcodePack='4603736595176'\n            barcodeBox='4603736595411'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p6}\n            brand='Акватория'\n            descr='Освежающие \"Зеленый чай\"'\n            size='15'\n            barcodePack='4603736595169'\n            barcodeBox='4603736595404'\n          />\n        </Grid>\n      </Grid>\n    </div>\n  )\n\n  const items50 = (\n    <div>\n      <Grid container justifyContent='center'>\n        <h3 style={{color:'#41B619'}}>«Акватория» 50 шт.</h3>\n      </Grid>\n      <Grid container alignItems='center' justifyContent='center'>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p8}\n            brand='Акватория'\n            descr='Океанический лед'\n            size='50'\n            barcodePack='4603736595824'\n            barcodeBox='4603736595343'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p10}\n            brand='Акватория'\n            descr='Антибактериальные'\n            size='50'\n            barcodePack='4603736595817'\n            barcodeBox='4603736595336'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p11}\n            brand='Акватория'\n            descr='Алоэ Вера'\n            size='50'\n            barcodePack='4603736595831'\n            barcodeBox='4603736595350'\n          />\n        </Grid>\n      </Grid>\n    </div>\n  )\n\n  const items72 = (\n    <div>\n      <Grid container justifyContent='center'>\n        <h3>«Аквамарин» 72 шт.</h3>\n      </Grid>\n      <Grid container alignItems='center' justifyContent='center'>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p7}\n            brand='Аквамарин'\n            descr='Универсальные'\n            size='72'\n            barcodePack='4603736595756'\n            barcodeBox='4603736595749'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p9}\n            brand='Аквамарин'\n            descr='Детские'\n            size='72'\n            barcodePack='4603736595732'\n            barcodeBox='4603736595725'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p12}\n            brand='Аквамарин'\n            descr='Антибактериальные'\n            size='72'\n            barcodePack='4603736595763'\n            barcodeBox='4603736595770'\n          />\n        </Grid>\n        <Grid item xs={12} sm={6} md={4} className='productsListItem'>\n          <ProductItem\n            image={p14}\n            brand='Аквамарин'\n            descr='Освежающие \"Алоэ Вера - Зеленый чай\"'\n            size='72'\n            barcodePack='4603736595787'\n            barcodeBox='4603736595794'\n          />\n        </Grid>\n      </Grid>\n    </div>\n  )\n\n  const displayControl = (\n    <div className='control'>\n      <div\n        onClick={()=>setShowItems(1)}\n        className={showItems === 1 ? 'controlButtonActive' : 'controlButton'}        \n      >\n        <h5>\n          Все\n        </h5>\n      </div>\n      <div\n        onClick={()=>setShowItems(2)}\n        className={showItems === 2 ? 'controlButtonActive' : 'controlButton'}        \n      >\n        <h5>\n          15 шт.\n        </h5>\n      </div>\n      <div\n        onClick={()=>setShowItems(3)}\n        className={showItems === 3 ? 'controlButtonActive' : 'controlButton'}        \n      >\n        <h5>\n          50 шт. \n        </h5>\n      </div>\n      <div\n        onClick={()=>setShowItems(4)}\n        className={showItems === 4 ? 'controlButtonActive' : 'controlButton'}        \n      >\n        <h5>\n          72 шт. \n        </h5>\n      </div>\n    </div>\n  )\n\n  let display = (\n    <div>\n      {items15}\n      {items50}\n      {items72}\n    </div>\n  )\n\n  if (showItems === 2) {\n    display = items15\n  }\n\n  if (showItems === 3) {\n    display = items50\n  }\n\n  if (showItems === 4) {\n    display = items72\n  }\n\n  return (\n    <>\n      {displayControl}\n      {display}\n    </>\n  )\n}\n\n","export default __webpack_public_path__ + \"static/media/type-1.6f17b913.jpg\";","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Grid from '@material-ui/core/Grid'\nimport Container from '@material-ui/core/Container'\nimport Box from '@material-ui/core/Box'\nimport ProductsList from './ProductsList'\nimport Type1 from '../images/type-1.jpg'\n\nimport useWindowSize from '../hooks/useWindowSize'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative',\n    width: '100%',\n    paddingTop: '5px',\n    paddingBottom: '10px',\n  },\n  type: (props=>({\n    position: 'relative',\n    padding: '15px',\n    margin: '15px 0',\n    display: 'flex',\n    alignItems: 'center',\n    width: '100%',\n    background: props.mobile ? '#FFF' : 'none',\n  })),\n  cont: (props=>({\n    padding: props.mobile ? '0' : '35px',\n    textAlign: props.mobile ? 'center' : 'left'\n  })),\n  type1: (props=>({\n    width: '100%',\n    height: props.mobile ? '300px' : '500px',\n    backgroundImage: `url('https://image.jimcdn.com/app/cms/image/transf/none/path/sddaf7b2faf16457f/image/i39611ad53a1c238b/version/1410299488/image.jpg')`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',    \n  })),\n  type2: (props=>({\n    width: '100%',\n    height: props.mobile ? '300px' : '500px',\n    backgroundImage: `url('https://www.vladtime.ru/uploads/posts/2018-06/1528747569_infants_smile_glance_493480_1920x1200.jpg')`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',    \n  })),\n  type3: (props=>({\n    width: '100%',\n    height: props.mobile ? '300px' : '500px',\n    backgroundImage: `url('https://poisktv.ru/wp-content/uploads/2022/01/schastlivaya_semya_18_04130139-1140x641.jpg')`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',    \n  })),\n  type4: (props=>({\n    width: '100%',\n    height: props.mobile ? '300px' : '500px',\n    backgroundImage: `url('https://riverviewmed.files.wordpress.com/2014/02/doctor-with-hands-in-heart-shape.jpg')`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',    \n  })),\n  typeSizeBlock: (props=>({\n    position: 'relative',\n    width: 'calc(100% - 30px)',\n    height: '240px',\n    background: '#FFF',\n    boxShadow: '0 4px 8px 0 rgba(0,0,0,0.2)',\n    margin: '15px',\n    padding: '10px',\n    overflow: 'hidden',    \n  })),\n}))\n\nexport default function ProductsBlock(props) {\n  const {size, height} = useWindowSize()\n  let mobile = size === 'xs' || size === 'sm' ? true : false\n  const classes = useStyles({mobile})\n\n  return (\n    <div className={classes.root}>\n\n      <Container id='block-products' maxWidth='xl'>\n        <Grid container justifyContent='center' alignItems='center'>\n          <Grid item xs={12}>\n              <center>\n                <div className='pageHeader'>\n                  <h2>\n                    Наша продукция\n                  </h2>\n                </div>\n                <div className='pageSubHeader'>\n                  <h5>\n                    Мы производим влажные салфетки с наполнением от 15 до 72 штук в каждой упаковке.\n                  </h5>\n                </div>\n              </center>\n          </Grid>\n          <ProductsList />\n          <Grid container justifyContent='center' alignItems='center'>\n            <Box m={10}>\n              <button onClick={()=>props.showDialog()} className=\"btn btn-white btn-animate\">Заказать</button>\n            </Box>\n          </Grid>\n        </Grid>\n      </Container>\n\n      <Container>\n        <center>\n              <h2>\n                Виды влажных салфеток\n              </h2>\n              <h5>\n                Охват всех наиболее важных сфер применения влажных салфеток.\n              </h5>\n\n          <Grid container className={classes.type} style={{left:'0'}}>\n            <Grid item xs={12} md={6} className={classes.type1}/>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Освежающие\n              </h3>\n              <h4>\n                Удобный карманный формат упаковки позволяет всегда держать салфетки под рукой. Освежающие влажные салфетки эффективно очищают, освежают и увлажняют кожу.\n              </h4>\n            </Grid>\n          </Grid>\n\n          {mobile ? <Grid container className={classes.type}>\n            <Grid item xs={12} md={6} className={classes.type2}/>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Детские\n              </h3>\n              <h4>\n                Детские влажные салфетки специально созданы для бережного ухода за чувствительной детской кожей от 3-х лет. Они заботливо очищают, увлажняют и освежают нежную кожу ребенка. Не содержат спирта.\n              </h4>\n            </Grid>\n          </Grid>:\n          <Grid container className={classes.type}>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Детские\n              </h3>\n              <h4>\n                Детские влажные салфетки специально созданы для бережного ухода за чувствительной детской кожей от 3-х лет. Они заботливо очищают, увлажняют и освежают нежную кожу ребенка. Не содержат спирта.\n              </h4>\n            </Grid>\n            <Grid item xs={12} md={6} className={classes.type2}/>\n          </Grid>\n          }\n\n          <Grid container className={classes.type}>\n            <Grid item xs={12} md={6} className={classes.type3}/>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Универсальные\n              </h3>\n              <h4>\n                Универсальные влажные салфетки изготовлены из мягкого и нежного материала, обладают очищающим,  увлажняющим и освежающим действием.\n              </h4>\n            </Grid>\n          </Grid>\n\n          {mobile ? <Grid container className={classes.type}>\n            <Grid item xs={12} md={6} className={classes.type4}/>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Антибактериальные\n              </h3>\n              <h4>\n                Мягкие и нежные салфетки идеально подходят для взрослых и детей от 3-х лет. Влажные салфетки прекрасно очищают и тонизируют кожу рук и тела, оказывают дополнительный антибактериальный эффект\n              </h4>\n            </Grid>\n          </Grid>:\n          <Grid container className={classes.type}>\n            <Grid item xs={12} md={6} className={classes.cont}>\n              <h3>\n                Антибактериальные\n              </h3>\n              <h4>\n                Мягкие и нежные салфетки идеально подходят для взрослых и детей от 3-х лет. Влажные салфетки прекрасно очищают и тонизируют кожу рук и тела, оказывают дополнительный антибактериальный эффект.\n              </h4>\n            </Grid>\n            <Grid item xs={12} md={6} className={classes.type4}/>\n          </Grid>\n          }\n        </center>\n      </Container>\n    </div>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/logo.d53cece8.jpg\";","export default __webpack_public_path__ + \"static/media/material.386df029.jpg\";","import React from 'react'\nimport Grid from '@material-ui/core/Grid'\nimport Box from '@material-ui/core/Box'\nimport { makeStyles } from '@material-ui/styles'\nimport bg from '../images/logo.jpg'\nimport material from '../images/material.jpg'\n\nconst useStyles = makeStyles(theme => ({\n  root: (props => ({\n    position: 'relative',\n    width: '100%',\n    zIndex: '10',\n    height: '100%',\n    minHeight: '100vh',\n    padding: '10px 0',\n  })),\n  bg: (props => ({\n    position: 'absolute',\n    width: '100%',\n    height: '100%',\n//    backgroundImage: `url('https://sc04.alicdn.com/kf/Ha9315e5819bb4db3bab8709e774c9d2fG.jpg')`,\n    backgroundImage: `url(${material})`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'bottom right',\n    backgroundSize: 'cover',\n    backgroundAttachment: 'fixed',\n    transform: 'translateZ(-3px)',\n    opacity: '0.2',\n  })),\n  fg: (props => ({\n    position: 'relative',\n    width: '100%',\n    height: '100%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    flexDirection: 'column',\n    color: '#FFF',\n  })),\n  spanleis: {\n    width: '350px',\n    height: '350px',\n    border: '2px solid #FFF',\n    borderRadius: '50%',\n//    backgroundImage: `url('https://medsklad-opt.ru/upload/iblock/656/6568f5f280b85786d08c2c7b952c37a1.jpg')`,\n    backgroundImage: `url(${material})`,\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center',\n    backgroundSize: 'cover',\n  }\n}))\n\nconst MaterialsBlock = () => {\n  const classes = useStyles()\n  return (\n    <div id='block-materials' className={classes.root}>\n      <div className={classes.bg} />\n      <div className={classes.fg}>\n        <h2>\n          Материалы\n        </h2>\n        <Grid container justifyContent='center' alignItems='center'>\n          <Grid item xs={12}>\n            <center>\n              <h4>Материал, используемый для производства влажных салфеток — спанлейс.</h4>\n            </center>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <center>\n              <div className={classes.spanleis} />\n            </center>\n          </Grid>\n          <Grid item xs={12} md={6}>\n            <Box m={2}>\n              <center>\n                <h4>\n                  Полученный мягкий безворсовый материал обладает высокой впитываемостью и наиболее подходит для использования при изготовлении влажных салфеток и во многих областях косметологии, а так же медицины.\n                </h4>\n              </center>\n            </Box>\n          </Grid>\n          <Grid item xs={12}>\n            <center>\n            </center>\n          </Grid>\n        </Grid>\n      </div>\n    </div>\n  )\n}\n\nexport default MaterialsBlock\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core/styles'\nimport Container from '@material-ui/core/Container'\nimport Grid from '@material-ui/core/Grid'\nimport Box from '@material-ui/core/Box'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: 'relative',\n    width: '100%',\n    background: 'rgb(236, 251, 255) none repeat scroll 0% 0%',\n    textAlign: 'center',\n    paddingBottom: '40px',\n  },\n}))\n\nexport default function NewsBlock() {\n  const classes = useStyles()\n\n  return (\n    <div id='block-news' className={classes.root}>\n      <Container maxWidth='lg'>\n        <div className='pageHeader'>Новости</div>\n      </Container>\n    </div>\n  )\n}\n\n","import React from 'react'\nimport './ContactInfo.css'\n\nexport default function ContactInfo() {\n  return (\n    <div className='contact-info'>\n      <div className='contact-info-cont'>\n        <h6>660118, Россия Красноярский край г. Красноярск,</h6>\n        <h6>ул. Полигонная, 11д, пом. 102</h6>\n        <h6>ИНН/КПП 2465256023/246501001</h6>\n        <h6>ОГРН 1112468037912</h6>\n        <h6>mail@aquamarin.space</h6>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport Grid from '@material-ui/core/Grid'\nimport ContactInfo from './ContactInfo'\nimport './TailBlock.css'\n\nexport default function TailBlock() {\n  return (\n    <div className='tail-block'>\n      <Grid container justifyContent='center' alignItems=\"center\" >\n        <Grid item xs={12} sm={6}>\n          <center>\n            <ContactInfo />\n          </center>\n        </Grid>\n        <Grid item xs={12} sm={6}>\n          <center>\n            <div className='tail-block-link'>\n              <a href='/docs/declaration.png'>\n                <h5>\n                  Декларация о соответствии\n                </h5>\n              </a>\n            </div>\n            <div className='tail-block-link'>\n              <a href='/docs/certificate.pdf'>\n                <h5>\n                  Свидетельство о регистрации\n                </h5>\n              </a>\n            </div>\n          </center>\n        </Grid>\n      </Grid>\n      <Grid container justifyContent='center' alignItems=\"center\" className='tail-block-c'>\n        <h5 style={{margin:'0',padding:'10px 0'}}>© 2022 Все права защищены.</h5>\n      </Grid>\n      <div className='tail-block-logo' />\n    </div>\n  )\n}\n","export default __webpack_public_path__ + \"static/media/baloon.322a3bbe.png\";","import React, { Component } from 'react'\nimport { YMaps, Map, Placemark } from 'react-yandex-maps'\nimport baloonPng from '../images/baloon.png'\n\nclass MyMap extends Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n    }\n  }\n  render() {\n    let centerMap = [56.07223571730444, 92.95083708465565]\n    let centerBaloon = [56.07423571730444, 92.95083708465565]\n\n    return (\n      <YMaps>\n        <Map\n          defaultState={{\n            center: centerMap,\n            zoom: 15,\n            zoomControl: true,\n            controls: [],\n          }}\n          style={{\n            position:'absolute',\n            width:'100%',\n            height:'100%',\n          }}\n        >\n          <Placemark\n            geometry={centerBaloon}\n            options={\n              {\n                iconLayout: 'default#image',\n                iconImageHref: baloonPng,\n                iconImageSize: [150, 150],\n                iconImageOffset: [-80, -160]\n              }\n            }\n          />\n        </Map>\n      </YMaps>\n    )\n  }\n}\n\nexport { MyMap }\n","import React from 'react'\nimport TailBlock from './TailBlock'\nimport { MyMap } from './MyMap'\nimport './ContactBlock.css'\n\nexport default function ContactBlock() {\n  return (\n    <div id='block-contacts' className='contact-block'>\n      <div\n        style={{\n          position:'absolute',\n          width:'100%',\n          height:'100%',\n          top: '0',\n          margin:'0',\n          zIndex:'2'\n        }}\n      >\n        <MyMap />\n      </div>\n      <TailBlock />\n    </div>\n  )\n}\n","import React from 'react'\nimport Top from './components/Top'\nimport WelcomeBlock from './components/WelcomeBlock'\nimport ParallaxBlock from './components/ParallaxBlock'\nimport CompanyBlock from './components/CompanyBlock'\nimport ProductsBlock from './components/ProductsBlock'\nimport MaterialsBlock from './components/MaterialsBlock'\nimport NewsBlock from './components/NewsBlock'\nimport ContactBlock from './components/ContactBlock'\nimport Dialog from '@material-ui/core/Dialog'\nimport DialogActions from '@material-ui/core/DialogActions'\nimport DialogContent from '@material-ui/core/DialogContent'\nimport DialogTitle from '@material-ui/core/DialogTitle'\nimport Slide from '@material-ui/core/Slide'\nimport Box from '@material-ui/core/Box'\n\nconst Transition = React.forwardRef(function Transition(props, ref) {\n  return <Slide direction=\"up\" ref={ref} {...props} />;\n})\n\nclass App extends React.Component {\n  constructor(props) {\n    super(props)\n    this.state = {\n      openDialog: false,\n      firstName: '',\n      phone: '',\n    }\n    this.tgMsg = this.tgMsg.bind(this)\n  }\n\n  componentDidMount() {\n    window.scrollTo(0, 0)\n  }\n\n  componentDidUpdate() {\n  }\n\n  componentWillUnmount() {\n  }\n\n  showDialog = () => {\n    this.setState({ openDialog: true })\n  }\n\n  hideDialog = () => {\n    this.setState({ openDialog: false })\n  }\n\n  firstNameChange = event => {\n    this.setState({ firstName: event.target.value })\n  }\n\n  phoneChange = event => {\n    this.setState({ phone: event.target.value })\n  }\n\n  afterSale = async () => {\n    await this.setState({\n      openDialog: false,\n      firstName: '',\n      phone: ''\n    })\n    alert('Заявка успешно отправлена! Менеджер скоро свяжется с вами.')\n  }\n\n  async tgMsg() {\n    const firstName = this.state.firstName\n    const phone = this.state.phone\n    const body = { firstName: firstName, phone: phone }\n    const options = {}\n    options.method = 'POST'\n    options.headers = {'Content-Type': 'application/json'}\n    options.body = JSON.stringify(body) \n    try {\n      const res = await fetch('https://aquamarin.space/tgApi/order', options)\n      if (res) {\n        const result = await res.json()\n        if (result) {\n          this.afterSale()\n          return\n        } else {\n          alert ('Fetch returned bad JSON')\n          return\n        }\n      } else {\n        alert ('Fetch returned null')\n        return\n      }\n    } catch (e) {\n      console.log('Fetch error:', e)\n      return\n    }\n  }\n\n  render() {\n    return (\n      <div>\n        <Top />\n        <WelcomeBlock showDialog={this.showDialog} />\n        <ProductsBlock showDialog={this.showDialog}/>\n        <MaterialsBlock />\n        <ContactBlock />\n\n        <Dialog\n          open={this.state.openDialog}\n          TransitionComponent={Transition}\n          onClose={this.hideDialog}\n        >\n          <DialogContent>\n            <center>\n            <h3 style={{margin:'0'}}>Обратная связь</h3>\n            <h4 style={{margin:'0'}}>Наши сотрудники всегда рады Вам помочь</h4>\n            </center>\n            <Box my={2}>\n              <input type='text' className='styled-input' placeholder='Как вас зовут' onChange={this.firstNameChange}/>\n            </Box>\n            <Box my={2}>\n              <input type='number' className='styled-input' placeholder='Введите ваш номер телефона' onChange={this.phoneChange} />        \n            </Box>\n            <center>\n              <Box m={3}>\n                <button onClick={this.tgMsg} className=\"btn btn-white btn-animate\">Отправить</button>\n              </Box>\n            </center>\n          </DialogContent>\n        </Dialog> \n\n      </div>\n    )\n  }\n}\n\nexport default App\n","// This optional code is used to register a service worker.\n// register() is not called by default.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on subsequent visits to a page, after all the\n// existing tabs open on the page have been closed, since previously cached\n// resources are updated in the background.\n\n// To learn more about the benefits of this model and instructions on how to\n// opt-in, read https://bit.ly/CRA-PWA\n\nconst isLocalhost = Boolean(\n  window.location.hostname === 'localhost' ||\n    // [::1] is the IPv6 localhost address.\n    window.location.hostname === '[::1]' ||\n    // 127.0.0.0/8 are considered localhost for IPv4.\n    window.location.hostname.match(\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n    )\n);\n\nexport function register(config) {\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n    // The URL constructor is available in all browsers that support SW.\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);\n    if (publicUrl.origin !== window.location.origin) {\n      // Our service worker won't work if PUBLIC_URL is on a different origin\n      // from what our page is served on. This might happen if a CDN is used to\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\n      return;\n    }\n\n    window.addEventListener('load', () => {\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n      if (isLocalhost) {\n        // This is running on localhost. Let's check if a service worker still exists or not.\n        checkValidServiceWorker(swUrl, config);\n\n        // Add some additional logging to localhost, pointing developers to the\n        // service worker/PWA documentation.\n        navigator.serviceWorker.ready.then(() => {\n          console.log(\n            'This web app is being served cache-first by a service ' +\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\n          );\n        });\n      } else {\n        // Is not localhost. Just register service worker\n        registerValidSW(swUrl, config);\n      }\n    });\n  }\n}\n\nfunction registerValidSW(swUrl, config) {\n  navigator.serviceWorker\n    .register(swUrl)\n    .then(registration => {\n      registration.onupdatefound = () => {\n        const installingWorker = registration.installing;\n        if (installingWorker == null) {\n          return;\n        }\n        installingWorker.onstatechange = () => {\n          if (installingWorker.state === 'installed') {\n            if (navigator.serviceWorker.controller) {\n              // At this point, the updated precached content has been fetched,\n              // but the previous service worker will still serve the older\n              // content until all client tabs are closed.\n              console.log(\n                'New content is available and will be used when all ' +\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\n              );\n\n              // Execute callback\n              if (config && config.onUpdate) {\n                config.onUpdate(registration);\n              }\n            } else {\n              // At this point, everything has been precached.\n              // It's the perfect time to display a\n              // \"Content is cached for offline use.\" message.\n              console.log('Content is cached for offline use.');\n\n              // Execute callback\n              if (config && config.onSuccess) {\n                config.onSuccess(registration);\n              }\n            }\n          }\n        };\n      };\n    })\n    .catch(error => {\n      console.error('Error during service worker registration:', error);\n    });\n}\n\nfunction checkValidServiceWorker(swUrl, config) {\n  // Check if the service worker can be found. If it can't reload the page.\n  fetch(swUrl, {\n    headers: { 'Service-Worker': 'script' }\n  })\n    .then(response => {\n      // Ensure service worker exists, and that we really are getting a JS file.\n      const contentType = response.headers.get('content-type');\n      if (\n        response.status === 404 ||\n        (contentType != null && contentType.indexOf('javascript') === -1)\n      ) {\n        // No service worker found. Probably a different app. Reload the page.\n        navigator.serviceWorker.ready.then(registration => {\n          registration.unregister().then(() => {\n            window.location.reload();\n          });\n        });\n      } else {\n        // Service worker found. Proceed as normal.\n        registerValidSW(swUrl, config);\n      }\n    })\n    .catch(() => {\n      console.log(\n        'No internet connection found. App is running in offline mode.'\n      );\n    });\n}\n\nexport function unregister() {\n  if ('serviceWorker' in navigator) {\n    navigator.serviceWorker.ready.then(registration => {\n      registration.unregister();\n    });\n  }\n}\n","import React from 'react'\nimport ReactDOM from 'react-dom'\nimport './index.css'\nimport App from './App'\nimport * as serviceWorker from './serviceWorker'\nimport { createTheme } from \"@material-ui/core/styles\"\nimport { ThemeProvider } from \"@material-ui/styles\"\n\nlet theme = createTheme({\n  palette: {\n    type: 'light',\n    primary: {\n      main: '#0197fd',\n    },\n    secondary: {\n      main: '#53a321',\n    }\n  },\n  shape: {\n    borderRadius: '0px',\n  },\n})\n\nconst app = (\n  <ThemeProvider theme={theme}>\n    <App />\n  </ThemeProvider>\n)\n\nReactDOM.render(app, document.getElementById('root'));\nserviceWorker.unregister();\n"],"sourceRoot":""}