\r\n setCollapsed(!collapsed)} className=\"mr-2\" />\r\n \r\n \r\n \r\n
\r\n - \r\n
- \r\n
\r\n
\r\n );\r\n}\r\n","import { useState, useEffect, useLayoutEffect, useCallback, useRef } from \"react\";\r\nimport { findDOMNode } from \"react-dom\";\r\nimport JQuery from \"jquery\";\r\n\r\nexport function provideScrollFraction(wrappedComponent, { isRelativeToViewport } = { isRelativeToViewport: false }) {\r\n function ScrollFractionProviderInternal(props) {\r\n const [appearanceFraction, setAppearanceFraction] = useState(0);\r\n const nodeRef = useRef();\r\n\r\n const onWindowScroll = useCallback(() => {\r\n const node = findDOMNode(nodeRef.current);\r\n const rect = node.getBoundingClientRect();\r\n if (rect.width <= 0 || rect.height <= 0) {\r\n setAppearanceFraction(0);\r\n return;\r\n }\r\n const menuTop = JQuery(\".sticky-top\").height();\r\n let upper = menuTop - rect.height;\r\n const lower = window.innerHeight;\r\n let top = rect.top;\r\n if (top > lower) top = lower;\r\n else if (top < upper) top = upper;\r\n if (isRelativeToViewport) {\r\n upper = 0;\r\n }\r\n setAppearanceFraction((top - upper) / (lower - upper));\r\n }, [setAppearanceFraction]);\r\n\r\n useLayoutEffect(onWindowScroll, [onWindowScroll]);\r\n\r\n useEffect(() => {\r\n window.addEventListener(\"scroll\", onWindowScroll);\r\n window.addEventListener(\"resize\", onWindowScroll);\r\n return () => {\r\n window.removeEventListener(\"scroll\", onWindowScroll);\r\n window.removeEventListener(\"resize\", onWindowScroll);\r\n };\r\n });\r\n\r\n return wrappedComponent(props, nodeRef, appearanceFraction);\r\n }\r\n\r\n return ScrollFractionProviderInternal;\r\n}\r\n","import React, { useState } from \"react\";\r\nimport { CSSTransition } from \"react-transition-group\";\r\nimport { provideScrollFraction } from \"./ScrollFractionProvider\";\r\n\r\nexport default provideScrollFraction(function CSSOnScreenTransition(\r\n { appear, timeout, useYInvert, classNames, children },\r\n ref,\r\n appearanceFraction\r\n) {\r\n const isOnScreen = appearanceFraction > 0 && appearanceFraction < 1;\r\n const [isAbove, setIsAbove] = useState(false);\r\n if (isAbove) {\r\n if (appearanceFraction >= 1) setIsAbove(false);\r\n } else {\r\n if (appearanceFraction <= 0) setIsAbove(true);\r\n }\r\n return (\r\n \r\n
\r\n \r\n \r\n \r\n Центр развития творческих\r\n
\r\n \r\n \r\n \r\n г. Екатеринбург, ул. Новгородцевой 17‑Б\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Центр развития творческих\r\n
\r\n способностей\r\n
\r\n \r\n г. Екатеринбург, ул. Новгородцевой 17‑Б\r\n
\r\n \r\n (343) 268 67 90\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n ул. Новгородцевой 17-Б \r\n \r\n \r\n 10:00 – 21:00\r\n
\r\n без выходных\r\n \r\n \r\n \r\n Телефон\r\n
\r\n +7 (343) 268 67 90\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction QuickInfoItem({ href, icon, children }) {\r\n return (\r\n \r\n без выходных\r\n
\r\n +7 (343) 268 67 90\r\n
{duration} мин.
\r\nНаши услуги
\r\nПриглашаем Вас в Нашу новую творческую студию!
\r\n\r\n {isLoading && \"Загружаем элементы...\"}\r\n {errorMessage}\r\n
\r\n {items.map(({ id, ...item }) => (\r\n \r\n \r\n \r\n Приобрести \r\n
\r\n );\r\n}\r\n","const timeSpanRegex = /^(?Дарите своим близким возможность узнать больше об искусстве и раскрыть свой творческий потенциал!
\r\n\r\n 
\r\n
\r\n | \r\n {dayAbbreviations.map(x => (\r\n | {x} | \r\n ))}\r\n
|---|
\r\n \r\n \r\n
\r\n );\r\n}\r\n\r\nfunction NarrowView({ lessons }) {\r\n return (\r\n {name}
\r\n \r\n {days.map((x, i) => (\r\n \r\n {x && (\r\n \r\n \r\n )}\r\n
\r\n ))}\r\n
\r\n Расписание
\r\n\r\n {isLoading && \"Загружаем расписание...\"}\r\n {errorMessage}\r\n
\r\n {!isLoading && (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/01.e781bb1b.jpg\";","export default __webpack_public_path__ + \"static/media/02.e8a18bb5.jpg\";","export default __webpack_public_path__ + \"static/media/03.480f0b45.jpg\";","export default __webpack_public_path__ + \"static/media/04.dfdb2fab.jpg\";","export default __webpack_public_path__ + \"static/media/05.bbded533.jpg\";","export default __webpack_public_path__ + \"static/media/06.386fc0a9.jpg\";","export default __webpack_public_path__ + \"static/media/07.d2f061ed.jpg\";","export default __webpack_public_path__ + \"static/media/08.23281101.jpg\";","export default __webpack_public_path__ + \"static/media/09.76c994ba.jpg\";","export default __webpack_public_path__ + \"static/media/10.2a7bcc61.jpg\";","export default __webpack_public_path__ + \"static/media/11.855d0b36.jpg\";","import artStudio01 from \"../images/galleria/art-studio/01.jpg\";\r\nimport artStudio02 from \"../images/galleria/art-studio/02.jpg\";\r\nimport artStudio03 from \"../images/galleria/art-studio/03.jpg\";\r\nimport artStudio04 from \"../images/galleria/art-studio/04.jpg\";\r\nimport artStudio05 from \"../images/galleria/art-studio/05.jpg\";\r\nimport artStudio06 from \"../images/galleria/art-studio/06.jpg\";\r\nimport artStudio07 from \"../images/galleria/art-studio/07.jpg\";\r\nimport artStudio08 from \"../images/galleria/art-studio/08.jpg\";\r\nimport artStudio09 from \"../images/galleria/art-studio/09.jpg\";\r\nimport artStudio10 from \"../images/galleria/art-studio/10.jpg\";\r\nimport artStudio11 from \"../images/galleria/art-studio/11.jpg\";\r\nimport masterClass from \"../images/galleria/art-studio/mc-full.jpeg\";\r\nimport kids01 from \"../images/galleria/kids/01.jpg\";\r\nimport kids02 from \"../images/galleria/kids/02.jpg\";\r\nimport kids03 from \"../images/galleria/kids/03.jpg\";\r\nimport kids04 from \"../images/galleria/kids/04.jpg\";\r\nimport kids05 from \"../images/galleria/kids/05.jpg\";\r\nimport kids06 from \"../images/galleria/kids/06.jpg\";\r\nimport kids07 from \"../images/galleria/kids/07.jpg\";\r\nimport kids08 from \"../images/galleria/kids/08.jpg\";\r\nimport works01 from \"../images/galleria/works/01.jpg\";\r\nimport works02 from \"../images/galleria/works/02.jpg\";\r\nimport works03 from \"../images/galleria/works/03.jpg\";\r\nimport works04 from \"../images/galleria/works/04.jpg\";\r\nimport works05 from \"../images/galleria/works/05.jpg\";\r\n\r\nconst galleriaData = [\r\n {\r\n src: artStudio01,\r\n imageSize: [1000, 1500],\r\n width: 4,\r\n height: 6,\r\n },\r\n {\r\n src: artStudio02,\r\n imageSize: [1280, 960],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: masterClass,\r\n },\r\n {\r\n src: artStudio03,\r\n imageSize: [1280, 834],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: artStudio04,\r\n },\r\n {\r\n src: artStudio05,\r\n },\r\n {\r\n src: artStudio06,\r\n },\r\n {\r\n src: artStudio07,\r\n },\r\n {\r\n src: artStudio08,\r\n },\r\n {\r\n src: artStudio09,\r\n },\r\n {\r\n src: artStudio10,\r\n },\r\n {\r\n src: artStudio11,\r\n },\r\n {\r\n src: kids01,\r\n imageSize: [1680, 1260],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: kids02,\r\n imageSize: [1680, 1260],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: kids03,\r\n imageSize: [1680, 1259],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: kids04,\r\n },\r\n {\r\n src: kids05,\r\n },\r\n {\r\n src: kids06,\r\n },\r\n {\r\n src: kids07,\r\n },\r\n {\r\n src: kids08,\r\n imageSize: [500, 350],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: works01,\r\n imageSize: [645, 919],\r\n width: 4,\r\n height: 6,\r\n },\r\n {\r\n src: works02,\r\n imageSize: [1280, 853],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: works03,\r\n imageSize: [1280, 960],\r\n width: 4,\r\n height: 3,\r\n },\r\n {\r\n src: works04,\r\n },\r\n {\r\n src: works05,\r\n },\r\n];\r\n\r\nexport default galleriaData;\r\n","export default __webpack_public_path__ + \"static/media/mc-full.192ab0d0.jpeg\";","export default __webpack_public_path__ + \"static/media/01.5c792668.jpg\";","export default __webpack_public_path__ + \"static/media/02.049cd1e2.jpg\";","export default __webpack_public_path__ + \"static/media/03.eaa57874.jpg\";","export default __webpack_public_path__ + \"static/media/04.126eadf2.jpg\";","export default __webpack_public_path__ + \"static/media/05.b61e7686.jpg\";","export default __webpack_public_path__ + \"static/media/06.a1a452e5.jpg\";","export default __webpack_public_path__ + \"static/media/07.a2103b83.jpg\";","export default __webpack_public_path__ + \"static/media/08.bdf51689.jpg\";","export default __webpack_public_path__ + \"static/media/01.0bf67746.jpg\";","export default __webpack_public_path__ + \"static/media/02.b0d1b414.jpg\";","export default __webpack_public_path__ + \"static/media/03.e8e58fe7.jpg\";","export default __webpack_public_path__ + \"static/media/04.c4813d73.jpg\";","export default __webpack_public_path__ + \"static/media/05.f2da728d.jpg\";","import React, { useCallback, useRef } from \"react\";\r\nimport { Container } from \"reactstrap\";\r\nimport Gallery from \"react-photo-gallery\";\r\nimport FullscreenGalleria from \"./FullscreenGalleria\";\r\nimport HotImage from \"./HotImage\";\r\nimport CSSOnScreenTransition from \"./CSSOnScreenTransition\";\r\n\r\nimport galleriaData from \"./galleria-data\";\r\n\r\nimport \"./Galleria.css\";\r\n\r\nconst imageGalleryData = galleriaData.map(({ src }) => ({ original: src, thumbnail: src }));\r\nconst pagePhotoGalleryData = galleriaData.filter(({ width, height }) => width > 0 && height > 0);\r\n\r\nexport default function Galleria(props) {\r\n const fullscreenGalleriaRef = useRef(null);\r\n\r\n const showFullscreen = useCallback((src) => fullscreenGalleriaRef.current.open(src), [fullscreenGalleriaRef]);\r\n\r\n const renderImage = useCallback(\r\n ({ margin, photo: { width, height, src }, left, top }) => (\r\n \r\n {children}\r\n
\r\n \r\n \r\n \r\n
\r\n ),\r\n [showFullscreen]\r\n );\r\n\r\n return (\r\n Галерея
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/01.1ea6f5c8.webp\";","export default __webpack_public_path__ + \"static/media/02.447e0351.webp\";","export default __webpack_public_path__ + \"static/media/03.e3b31f83.webp\";","export default __webpack_public_path__ + \"static/media/04.88c4b396.webp\";","export default __webpack_public_path__ + \"static/media/05.a0b1f30b.webp\";","export default __webpack_public_path__ + \"static/media/01-full.13f63419.webp\";","export default __webpack_public_path__ + \"static/media/06.464bad98.webp\";","export default __webpack_public_path__ + \"static/media/02-full.a5d2e1a8.webp\";","export default __webpack_public_path__ + \"static/media/05-full.0222b200.webp\";","import photo01small from \"../images/teachers/01.webp\";\r\nimport photo02small from \"../images/teachers/02.webp\";\r\nimport photo03small from \"../images/teachers/03.webp\";\r\nimport photo04small from \"../images/teachers/04.webp\";\r\nimport photo05small from \"../images/teachers/05.webp\";\r\nimport photo06small from \"../images/teachers/06.webp\";\r\nimport photo01 from \"../images/teachers/01-full.webp\";\r\nimport photo02 from \"../images/teachers/02-full.webp\";\r\nimport photo05 from \"../images/teachers/05-full.webp\";\r\nimport photo06 from \"../images/teachers/06-full.webp\";\r\n\r\nconst teachersData = [\r\n {\r\n photo: photo01,\r\n thumbnail: photo01small,\r\n name: \"Свечников Алексей\",\r\n description: \"Дизайнер, художник, психолог\",\r\n },\r\n {\r\n photo: photo02,\r\n thumbnail: photo02small,\r\n name: \"Горбут Алексей\",\r\n description: \"Ведущий художник, педагог\",\r\n },\r\n {\r\n photo: photo03small,\r\n thumbnail: photo03small,\r\n name: \"Шакарова Екатерина\",\r\n description: \"Художник, психолог, педагог\",\r\n },\r\n {\r\n photo: photo04small,\r\n thumbnail: photo04small,\r\n name: \"Токарева Юлия Александровна\",\r\n description: \"Доктор психологических наук, профессор\",\r\n },\r\n {\r\n photo: photo05,\r\n thumbnail: photo05small,\r\n name: \"Щипачева Ольга\",\r\n description: \"Педагог\",\r\n },\r\n /* {\r\n photo: photo06,\r\n thumbnail: photo06small,\r\n name: \"Юлия Валиуллина\",\r\n description: \"Преподаватель по живописи\",\r\n },*/\r\n];\r\n\r\nexport default teachersData;\r\n","export default __webpack_public_path__ + \"static/media/06-full.e38399b9.webp\";","import React, { useRef, useCallback } from \"react\";\r\nimport { Container, Row, Col, Card, CardBody, CardTitle, CardText } from \"reactstrap\";\r\nimport HotImage from \"./HotImage\";\r\nimport FullscreenGalleria from \"./FullscreenGalleria\";\r\n\r\nimport teachersData from \"./teachers-data\";\r\n\r\nimport \"./Teachers.css\";\r\n\r\nconst teachersGalleryData = teachersData.map(({ photo, thumbnail, name, description }) => ({\r\n original: photo,\r\n thumbnail: thumbnail,\r\n description: `${name} - ${description}`,\r\n}));\r\n\r\nexport default function Teachers(props) {\r\n var fullscreenGalleriaRef = useRef(null);\r\n return (\r\n О нас
\r\n\r\n В нашей студии мы предлагаем возможность познакомиться со всем многообразием изобразительного искусства,\r\n материалов и техник. В студии вы познакомитесь как с классическими направлениями, так и с современным жанром в\r\n изобразительном искусстве.\r\n
\r\nНаши направления:
\r\n- \r\n
- Живопись, графика \r\n
- Граффити \r\n
- Комиксы \r\n
- ТОЧКА KIDS для самых маленьких \r\n
Рисовать в нашей студии может как самый маленький человек, так и взрослый!
\r\n\r\n Группы формируются по возрасту. Главное - Вам выбрать направление, в котором мы будем вместе работать. И\r\n помните: в каждом из нас заложены творческие способности природой, эти способности помогают нам мыслить, решать\r\n задачи...\r\n
\r\n \r\nТакже в нашей студии проходят различные мастер-классы по живописи:
\r\n- \r\n
- \r\n МК \"Картина маслом!\". Материалы: холст, масляные краски.\r\n \r\n
- \r\n МК \"Интерьерная картина\". Материалы: холст, акрил, поталь (золотое напыление). Вы создадите\r\n интерьерную картину своими руками и сможете или украсить свой дом или сделать замечательный подарок близким.\r\n \r\n
- \r\n МК \"Роспись одежды\". Вы приносите свою футболку, джинсы, джинсовку или любой другой предмет\r\n гардероба, который пожелаете украсить собственным рисунком. Преподаватель поможет перенести самые интересные\r\n картинки на вашу одежду.\r\n \r\n
- \r\n МК СО СВОБОДНОЙ ТЕМОЙ\r\n \r\n
Будем рады встрече с Вами в творческой обстановке!
\r\n \r\n\r\n \r\n \r\n {teachersData.map(({ name, description, photo, thumbnail }) => (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nfunction TeacherPhoto({ name, description, photo, thumbnail, fullscreenGalleriaRef }) {\r\n const toggle = useCallback(() => fullscreenGalleriaRef.current.open(photo), [fullscreenGalleriaRef, photo]);\r\n return (\r\n Познакомьтесь с нами
\r\n\r\n В нашей студии работают художники - профессионалы имеющие не только художественное, но и психологическое образование.\r\n Для активной и плодотворной работы, важно учитывать возрастные особенности каждого участника. К каждому участнику\r\n индивидуальный и профессиональный подход.\r\n
\r\n\r\n
\r\n );\r\n}\r\n","export default __webpack_public_path__ + \"static/media/flugger.a6325489.webp\";","import logo01 from \"../images/credits/flugger.webp\";\r\nimport logo02 from \"../images/credits/urgeu.webp\";\r\nimport logo03 from \"../images/credits/mega.webp\";\r\nimport logo04 from \"../images/credits/robek.webp\";\r\nimport logo05 from \"../images/credits/laimalux.svg\";\r\n\r\nconst creditsData = [\r\n {\r\n logo: logo01,\r\n title: \"Краски\",\r\n url: \"https://flugger.ru/\",\r\n sizeMult: 1,\r\n },\r\n {\r\n logo: logo02,\r\n title: \"Уральский государственный экономический университет\",\r\n url: \"https://www.usue.ru/\",\r\n sizeMult: 1.7,\r\n },\r\n {\r\n logo: logo03,\r\n title: \"Торговый центр\",\r\n url: \"https://mega.ru/\",\r\n sizeMult: 1,\r\n },\r\n {\r\n logo: logo04,\r\n title: \"Обувь\",\r\n url: \"https://robek.ru/\",\r\n sizeMult: 1,\r\n },\r\n {\r\n logo: logo05,\r\n title: \"Красота и здоровье\",\r\n url: \"https://www.laimalux.com/\",\r\n sizeMult: 1.05,\r\n },\r\n];\r\n\r\nexport default creditsData;\r\n","export default __webpack_public_path__ + \"static/media/urgeu.58ea472b.webp\";","export default __webpack_public_path__ + \"static/media/mega.f9ac7e20.webp\";","export default __webpack_public_path__ + \"static/media/robek.c3e9f5da.webp\";","export default __webpack_public_path__ + \"static/media/laimalux.f588c4f5.svg\";","import React from \"react\";\r\nimport { Container } from \"reactstrap\";\r\n\r\nimport creditsData from \"./credits-data\";\r\n\r\nexport default function Credits(props) {\r\n return (\r\n \r\n \r\n ул. Новгородцевой 17-Б\r\n
\r\n \r\n \r\n
\r\n
\r\n Как нас найти
\r\n\r\n \r\n +7 (343) 268 67 90\r\n \r\n
\r\n\r\n \r\n studio-to4ka@mail.ru\r\n \r\n
\r\n\r\n ул. Новгородцевой 17-Б\r\n
\r\n г. Екатеринбург\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n Нам доверяют:
\r\n {creditsData.map(({ logo, title, url, sizeMult }) => (\r\n \r\n\r\n
\r\n \r\n
\r\n