{"version":3,"file":"static/chunks/pages/index-2bbdac1f2a94ad70b60e.js","mappings":"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","sources":["webpack://_N_E/./src/components/atoms/buttons/Sign/index.tsx","webpack://_N_E/./src/components/molecules/Direction/index.tsx","webpack://_N_E/./src/components/molecules/DirectionType/index.tsx","webpack://_N_E/./src/components/organisms/Directions/index.tsx","webpack://_N_E/./src/components/molecules/QuestionAndAnswer/index.tsx","webpack://_N_E/./src/components/organisms/Faq/index.tsx","webpack://_N_E/./src/components/molecules/Advantage/index.tsx","webpack://_N_E/./src/components/organisms/Choose/index.tsx","webpack://_N_E/./src/components/organisms/Important/index.tsx","webpack://_N_E/./src/components/molecules/Slot/index.tsx","webpack://_N_E/./src/components/organisms/TableCalendar/index.tsx","webpack://_N_E/./src/components/organisms/Hero/index.tsx","webpack://_N_E/./src/components/organisms/Price/index.tsx","webpack://_N_E/./src/pages/api/advantage.ts","webpack://_N_E/./src/pages/api/directions.ts","webpack://_N_E/./src/pages/api/directionstype.ts","webpack://_N_E/./src/pages/api/faq.ts","webpack://_N_E/./src/components/atoms/modals/Success/index.tsx","webpack://_N_E/./src/components/organisms/ContactForm/index.tsx","webpack://_N_E/./src/pages/index.tsx","webpack://_N_E/"],"sourcesContent":["import styled from 'styled-components';\nimport { NextPage } from 'next';\nimport { ButtonHTMLAttributes, ReactNode } from 'react';\n\nexport const Button = styled.button`\n  background-color: ${(props) => props.theme.colors.purple};\n  border: 0;\n  outline: 0;\n  border-radius: 60px;\n  padding: 0px 0px;\n  height: 56px;\n  width: 276px;\n  display: flex;\n  text-align: center;\n  align-items: center;\n  align-content: center;\n  justify-content: center;\n`;\nexport const ZapisatSjaNaUrok = styled.p`\n  color: ${(props) => props.theme.colors.white};\n  text-transform: uppercase;\n  letter-spacing: 0.48px;\n  font-family: ${(props) => props.theme.fonts.desktopBodyButton.family};\n  font-size: ${(props) => props.theme.fonts.desktopBodyButton.size};\n  font-weight: ${(props) => props.theme.fonts.desktopBodyButton.weight};\n  line-height: ${(props) => props.theme.fonts.desktopBodyButton.lineHeight};\n`;\n\ntype IButtonProps = {\n  children: ReactNode;\n} & ButtonHTMLAttributes<HTMLButtonElement>;\n\ntype ButtonI = {\n  className?: string;\n  text: string;\n  buttonProps?: IButtonProps;\n};\nconst ButtonComponent: NextPage<ButtonI> = ({\n  buttonProps,\n  text,\n  className,\n}): JSX.Element => {\n  const { ...rest } = buttonProps;\n  return (\n    <Button {...rest} className={className}>\n      <ZapisatSjaNaUrok>{text}</ZapisatSjaNaUrok>\n    </Button>\n  );\n};\n\nexport default ButtonComponent;\n","import { NextPage } from 'next';\n//import Image from 'next/image';\nimport styled from 'styled-components';\nimport Link from 'next/link';\n\nexport type DirectionDataT = {\n  id?: number;\n  reflink?: string;\n  className?: string;\n  name?: string;\n  image?: string;\n};\n\nconst Direction = styled.div`\n  position: relative;\n  background-color: #917c93;\n\n  //border: 2px dashed #444;\n  //float: left;\n  //width: 100%;\n`;\n\nconst ImageWrapper = styled.div`\n  // display: block;\n  position: relative;\n  opacity: 0.5;\n  //width: 20px;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  //filter: hue-rotate(-40deg);\n`;\nconst Img = styled.img`\n  //max-width: 100%;\n  object-fit: cover;\n\n  //max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //height: auto;\n  //width: auto;\n  //position: absolute;\n`;\n\nconst Elements = styled.div`\n  display: flex;\n  //text-align: center;\n  position: absolute;\n  align-items: center;\n  justify-content: space-between;\n  //align-content: center;\n  width: 85%;\n\n  bottom: 15px;\n  z-index: 1;\n  margin-left: 25px;\n  //margin: 0 24px 0 24px;\n`;\n\nconst Name = styled.div`\n  font-family: Jost;\n\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 150%;\n  /* identical to box height, or 36px */\n\n  text-align: center;\n  letter-spacing: 0.03em;\n  text-transform: uppercase;\n\n  color: #ffffff;\n`;\n\nconst DirectionComponent: NextPage<DirectionDataT> = ({\n  className,\n  name,\n  image,\n}): JSX.Element => {\n  return (\n    <Direction className={className}>\n      <ImageWrapper>\n        <Img\n          //layout=\"fill\"\n          //width=\"403px\"\n\n          //height=\"276px\"\n          //objectPosition=\"center\"\n          //objectFit=\"cover\"\n          alt=\"direction item\"\n          src={image ? image : '/assets/directions/ballet/ballet.png'}\n        ></Img>\n      </ImageWrapper>\n      <Elements>\n        <Name>{name ? name : 'DIRECTION'}</Name>\n        <img\n          src=\"/assets/icons/ArrowRightT.svg\"\n          height=\"28\"\n          width=\"28\"\n          alt=\"arrow\"\n        ></img>\n      </Elements>\n    </Direction>\n  );\n};\n\nexport default DirectionComponent;\n","import { NextPage } from 'next';\nimport styled from 'styled-components';\n\nexport type DirectionTypeDataT = {\n  className?: string;\n  id?: number;\n  name?: string;\n  description?: string;\n};\n\nconst Name = styled.div`\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 150%;\n  /* identical to box height, or 36px */\n\n  color: #292838;\n`;\n\nconst Description = styled.div`\n  /* Desktop/Body/Large */\n\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 20px;\n  line-height: 170%;\n  /* or 34px */\n  max-width: 400px;\n\n  color: #292838;\n`;\nconst DirectionTypeComponentWrapper = styled.div`\n  padding: 20px;\n`;\n\nconst DirectionTypeComponent: NextPage<DirectionTypeDataT> = ({\n  className,\n  name,\n  description,\n}) => {\n  return (\n    <DirectionTypeComponentWrapper className={className}>\n      <Name>{name}</Name>\n      <Description>{description}</Description>\n    </DirectionTypeComponentWrapper>\n  );\n};\n\nexport default DirectionTypeComponent;\n","import styled from 'styled-components';\nimport Direction, { DirectionDataT } from 'components/molecules/Direction';\nimport DirectionType, {\n  DirectionTypeDataT,\n} from 'components/molecules/DirectionType';\nimport { NextPage } from 'next';\nimport React from 'react';\nimport Link from 'next/link';\n\nconst Header = styled.div`\n  /* Desktop/Heading/H2 */\n  margin-top: 50px;\n  margin-bottom: 48px;\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  text-align: center;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  @media screen and (max-width: 1024px) {\n    font-size: 40px;\n    margin-bottom: 24px;\n    /**/\n  }\n  color: #292838;\n`;\n\nconst HeaderType = styled.div`\n  /* Desktop/Heading/H2 */\n  margin-top: 100px;\n  margin-bottom: 48px;\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  text-align: center;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  @media screen and (max-width: 1024px) {\n    font-size: 40px;\n    margin-top: 72px;\n    margin-bottom: 24px;\n    /**/\n  }\n  color: #292838;\n`;\n\nconst Directions = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n`;\nconst DirectionWrapper = styled(Direction)`\n  //flex-basis: auto;\n  //padding: 10px;\n  margin: 5px 5px;\n  //width: 350px;\n  height: 276px;\n  @media screen and (max-width: 1024px) {\n    margin: 4px 1px;\n\n    /**/\n  }\n`;\nconst DirectionsType = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  //max-width: 100vw;\n`;\nconst DirectionTypeWrapper = styled(DirectionType)`\n  //margin: 10px;\n`;\n\nconst DirectionsComponentWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  //justify-content: center;\n  align-items: center;\n`;\n\ntype DirectionsComponentType = {\n  className?: string;\n  id?: string;\n  directions: DirectionDataT[];\n  directionsType: DirectionTypeDataT[];\n};\n\n/*\nconst ChildComponent = React.forwardRef<Text>(\n  (\n    { title }: ChildComponentProps,\n    ref: React.ForwardedRef<Text>,\n  ): JSX.Element => {\n    return <a ref={ref}></a>;\n  },\n);*/\n/*\nconst AddLink = React.forwardRef<HTMLAnchorElement, DirectionDataT>(\n  (props, ref, { href }) => {\n    return (\n      <a href={href} ref={ref} type=\"search\">\n        {props}\n      </a>\n    );\n  },\n);\nAddLink.displayName = 'ChildComponent';\n\n*/\n\nconst DirectionsComponent: NextPage<DirectionsComponentType> = ({\n  directions,\n  directionsType,\n  className,\n  id,\n}): JSX.Element => {\n  return (\n    <DirectionsComponentWrapper\n      className={className}\n      id={id ? id : 'directions'}\n    >\n      <Header>Направления</Header>\n\n      <Directions>\n        {directions.map((c) => (\n          <Link href={`/directions/${c.reflink}`} key={c.id} passHref>\n            <a>\n              <DirectionWrapper\n                key={c.id}\n                id={c.id}\n                image={c.image}\n                name={c.name}\n              />\n            </a>\n          </Link>\n        ))}\n      </Directions>\n      <HeaderType>Типы Занятий</HeaderType>\n      <DirectionsType>\n        {directionsType.map((c) => (\n          <DirectionTypeWrapper\n            key={c.id}\n            id={c.id}\n            name={c.name}\n            description={c.description}\n          />\n        ))}\n      </DirectionsType>\n    </DirectionsComponentWrapper>\n  );\n};\n\nexport default DirectionsComponent;\n","import { NextPage } from 'next';\nimport {\n  Accordion,\n  AccordionItem,\n  AccordionItemHeading,\n  AccordionItemButton,\n  AccordionItemPanel,\n} from 'react-accessible-accordion';\nimport Icon from 'components/atoms/icon';\nimport styled, { keyframes } from 'styled-components';\n\nexport type QuestionAndAnswerDataT = {\n  id: number;\n  question: string;\n  answer: string;\n};\n\nconst fadeIn = keyframes`\n  0% {\n    opacity: 0;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const AccordionWrapper = styled(Accordion)``;\n\nexport const AccordionItemWrapper = styled(AccordionItem)``;\n\nconst OpenIconAtom = () => {\n  return <Icon src=\"/assets/icons/ArrowRight.svg\"></Icon>;\n};\nconst CloseIconAtom = () => {\n  return <Icon src=\"/assets/icons/ArrowDown.svg\"></Icon>;\n};\n\nexport const OpenIcon = styled(OpenIconAtom)``;\n\nexport const CloseIcon = styled(CloseIconAtom)`\n  opacity: 0;\n`;\n\nexport const AccordionItemHeadingWrapper = styled(AccordionItemHeading)``;\n\nexport const AccordionItemButtonWrapper = styled(AccordionItemButton)`\n  display: flex;\n  cursor: pointer;\n  justify-content: space-between;\n  //padding: 1rem;\n  padding-top: 1rem;\n  padding-bottom: 1rem;\n  border: none;\n  &:hover {\n    background-color: #f4f4f4;\n  }\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 20px;\n  line-height: 150%;\n  /* identical to box height, or 30px */\n\n  color: #292838;\n`;\n\nexport const AccordionItemPanelWrapper = styled(AccordionItemPanel)`\n  align-items: center;\n  cursor: pointer;\n  padding: 1rem;\n  animation: 0.35s ${fadeIn} ease-in;\n  &.accordion__body--hidden {\n    animation: 0.35s ${fadeIn} ease-in;\n  }\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 150%;\n  /* identical to box height, or 30px */\n\n  color: #292838;\n`;\ntype QuestionAndAnswerComponentT = {\n  className?: string;\n  data: QuestionAndAnswerDataT[];\n};\nconst QuestionAndAnswerComponent: NextPage<QuestionAndAnswerComponentT> = ({\n  data,\n\n  className,\n}) => {\n  return (\n    <AccordionWrapper className={className}>\n      <Accordion allowZeroExpanded>\n        {data.map((c) => (\n          <AccordionItemWrapper key={c.id} uuid={c.id.toString()}>\n            <AccordionItemHeadingWrapper>\n              <AccordionItemButtonWrapper>\n                <div>{c.question}</div>\n                <CloseIcon></CloseIcon>\n              </AccordionItemButtonWrapper>\n            </AccordionItemHeadingWrapper>\n            <AccordionItemPanelWrapper>{c.answer}</AccordionItemPanelWrapper>\n          </AccordionItemWrapper>\n        ))}\n      </Accordion>\n    </AccordionWrapper>\n  );\n};\n\nexport default QuestionAndAnswerComponent;\n","import { NextPage } from 'next';\n//import Image from 'next/image';\nimport styled from 'styled-components';\nimport QuestionAndAnswer, {\n  QuestionAndAnswerDataT,\n} from 'components/molecules/QuestionAndAnswer';\n\nexport type FaqDataT = {\n  header: string;\n  imageUrl: string;\n  qa: QuestionAndAnswerDataT[];\n};\n\ntype FaqComponentT = {\n  data: FaqDataT;\n  className?: string;\n  id?: string;\n};\n\nconst FaqComponentWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: center;\n\n  flex-wrap: wrap;\n  @media screen and (max-width: 800px) {\n    margin-bottom: 21px;\n  }\n  margin-bottom: 98px;\n`;\nconst TextWrapper = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n\n  margin-left: 5%;\n  margin-right: 5%;\n  //background-color: blanchedalmond;\n`;\nconst Img = styled.img`\n  //max-width: 100%;\n  object-fit: cover;\n\n  //max-height: 100%;\n  height: 100%;\n  width: 100%;\n`;\nconst ImageWrapper = styled.div``;\nconst QuestionsAndAnswers = styled.div`\n  //  width: 100%;\n`;\nconst Header = styled.div`\n  /* Desktop/Heading/H2 */\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n\n  color: #292838;\n`;\n\nconst FaqComponent: NextPage<FaqComponentT> = ({ data, className, id }) => {\n  return (\n    <FaqComponentWrapper className={className}>\n      <ImageWrapper\n      // width=\"508px\"\n      //height=\"611px\"\n      >\n        <Img src=\"/assets/faqimage.avif\" alt=\"faq\"></Img>\n      </ImageWrapper>\n      <TextWrapper>\n        <Header>FAQ</Header>\n        <QuestionsAndAnswers>\n          <QuestionAndAnswer data={data.qa}></QuestionAndAnswer>\n        </QuestionsAndAnswers>\n      </TextWrapper>\n    </FaqComponentWrapper>\n  );\n};\n\nexport default FaqComponent;\n","import styled from 'styled-components';\nimport Markdown from 'react-markdown';\n//import JSXMarkdown from 'markdown-to-jsx';\n//import Image from 'next/image';\nimport React from 'react';\nimport { GetStaticProps, NextPage } from 'next';\n\nconst Advatnage = styled.div`\n  display: grid;\n\n  /*\n  justify-items and justify-self align items \n  along the row axis, and align-items and align-self \n  align items along the column axis.\n\n  justify-items and align-items \n  are applied to the grid container and support \n  the following values:\n  */\n  //flex-direction: column;\n  grid-template-columns: auto auto auto;\n  grid-template-rows: auto auto auto;\n  //color: blueviolet;\n\n  gap: 20px;\n`;\nconst SvgIcon = styled.div`\n  grid-column-start: 1;\n  grid-column-end: 2;\n  grid-row-start: 0;\n  grid-row-end: 1;\n  @media screen and (max-width: 1024px) {\n    grid-column-start: 1;\n    grid-column-end: 2;\n    grid-row-start: 0;\n    grid-row-end: 1;\n  }\n  display: flex;\n  align-items: center;\n  justify-items: center;\n`;\nconst ImageWrapper = styled.div`\n  background: rgba(145, 124, 147, 0.1);\n  border-radius: 50%;\n  padding: 12px 14px;\n  //padding: 2.67px 4.66px 2.66px 4.67px;\n  display: flex;\n  align-items: center;\n  justify-items: center;\n`;\n\nconst Name = styled.div`\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 150%;\n  grid-column-start: 2;\n  grid-column-end: 3;\n  grid-row-start: 0;\n  grid-row-end: 1;\n  max-width: 250px;\n  @media screen and (min-width: 1024px) {\n    grid-column-start: 1;\n    grid-column-end: 3;\n    grid-row-start: 1;\n    grid-row-end: 2;\n  }\n  /* identical to box height, or 36px */\n\n  color: #292838;\n`;\nconst Description = styled.div`\n  grid-column-start: 2;\n  grid-column-end: 3;\n  grid-row-start: 1;\n  grid-row-end: 3;\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 18px;\n  line-height: 160%;\n\n  max-width: 250px;\n\n  color: #292838;\n  @media screen and (min-width: 1024px) {\n    grid-column-start: 1;\n    grid-column-end: 3;\n    grid-row-start: 2;\n    grid-row-end: 3;\n  }\n`;\n\nconst MarkdownW = styled(Markdown)``;\n\ntype AdvantageType = {\n  iconUrl?: string;\n  className?: string;\n  blogCategory?: string;\n  name?: string;\n  description?: string;\n};\n\nconst AdvantageComponent: NextPage<AdvantageType> = ({\n  className,\n  iconUrl,\n  name,\n  description,\n}): JSX.Element => {\n  const markdown = `\n* Кловский спуск, 8\n* Оболонский проспект, 1\n* Бульвар Кольцова, 14ж \n`;\n\n  /*\nwidth: 22.67px;\nheight: 26.67px;\n*/\n  return (\n    <Advatnage className={className}>\n      <SvgIcon>\n        <ImageWrapper>\n          <img\n            src={iconUrl ? iconUrl : '/assets/icons/LocationT.svg'}\n            width=\"22.67px\"\n            height=\"26.67px\"\n            alt=\"icon\"\n          ></img>\n        </ImageWrapper>\n      </SvgIcon>\n      <Name>{name}</Name>\n      <Description>\n        <MarkdownW>{description}</MarkdownW>\n        {/*<JSXMarkdown>{description}</JSXMarkdown>*/}\n      </Description>\n    </Advatnage>\n  );\n};\n//      <ReactMarkdown># Hello, *world*!</ReactMarkdown>\n\nexport default AdvantageComponent;\n\nexport const getStaticProps: GetStaticProps = async () => {\n  return {\n    props: {\n      blogCategory: 'ReactJS',\n    },\n  };\n};\n","import styled from 'styled-components';\nimport Advatage from 'components/molecules/Advantage';\nimport { NextPage } from 'next';\n//import { GetStaticProps, InferGetStaticPropsType } from 'next';\n//import { AdvatageData } from 'data/index';\nexport const TextBeforeHeadWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-direction: row;\n`;\n\nexport type AdvatageDataI = {\n  id: number;\n  name: string;\n  icon: string;\n  description: string;\n};\n\nexport const Choose = styled.div``;\n\nexport const Advatages = styled.div`\n  //margin: 0px 5% 0px 5%;\n  //width: 100%;\n  margin: 0 auto;\n\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  max-width: 1000px;\n\n  //gap: 20px;\n\n  //grid-template-columns: auto auto auto;\n  //grid-template-rows: auto auto auto;\n  @media screen and (max-width: 1024px) {\n    display: flex;\n    justify-content: stretch;\n    margin: 0px 0% 0px 0%;\n    //grid-template-columns: auto;\n    //grid-template-rows: auto auto auto;\n  }\n  //flex-wrap: wrap;\n  //flex-direction: row;\n  //justify-content: center;\n`;\n\nexport const AdwantageWrapper = styled(Advatage)`\n  //flex: 1 0 33%; /* explanation below */\n  //flex: 1 0 25%;\n  margin: 10px;\n\n  //min-width: 250px;\n`;\n\nexport const TextBeforeHead = styled.div`\n  /* Desktop/Body/Xlarge */\n  margin-top: 3em;\n  text-align: center;\n  max-width: 800px;\n\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 30px;\n  line-height: 150%;\n  /* or 45px */\n\n  /* Neutral/black */\n\n  color: #292838;\n`;\nexport const TextHeadWrapper = styled.div`\n  margin-top: 100px;\n  margin-bottom: 28px;\n  display: flex;\n  justify-content: center;\n`;\n\nexport const TextHead = styled.div`\n  //width: 617px;\n  //height: 58px;\n  //left: 411px;\n  //top: 1295px;\n\n  /* Desktop/Heading/H2 */\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  text-align: center;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n\n  color: #292838;\n`;\ntype ChooseComponentType = {\n  advantages: AdvatageDataI[];\n};\n\nconst ChooseComponent: NextPage<ChooseComponentType> = ({\n  advantages,\n}): JSX.Element => {\n  //console.log(advantages);\n  return (\n    <Choose>\n      <TextBeforeHeadWrapper>\n        <TextBeforeHead>\n          Мы научим тебя не только танцевать и садиться на шпагат, но и поможем\n          приобрести хорошую осанку, расслабить и укрепить мышцы, полюбить своё\n          тело. А ещё ты полюбишь себя и приобретёшь уверенность!\n        </TextBeforeHead>\n      </TextBeforeHeadWrapper>\n      <TextHeadWrapper>\n        <TextHead>Почему выбирают нас</TextHead>\n      </TextHeadWrapper>\n      <Advatages>\n        {advantages.map((c) => (\n          <AdwantageWrapper\n            key={c.id}\n            name={c.name}\n            description={c.description}\n            iconUrl={c.icon}\n          />\n        ))}\n      </Advatages>\n    </Choose>\n  );\n};\n\nexport default ChooseComponent;\n","import { NextPage } from 'next';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Markdown from 'react-markdown';\n\nexport type ImportantDataT = {\n  id: number;\n  name: string;\n  icon: string;\n  description: string;\n};\n\ntype ImportantComponetI = {\n  className?: string;\n  data?: ImportantDataT[];\n};\nconst SvgIcon = styled.div`\n  grid-column-start: 1;\n  grid-column-end: 2;\n  grid-row-start: 0;\n  grid-row-end: 1;\n  display: flex;\n  align-items: center;\n  justify-items: center;\n`;\nconst ImageWrapper = styled.div`\n  background: rgba(145, 124, 147, 0.1);\n  border-radius: 50%;\n  padding: 6px 9px;\n  display: flex;\n  align-items: center;\n  justify-items: center;\n`;\n\nconst Name = styled.div`\n  /* Desktop/Heading/H3 */\n  margin-left: 5px;\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 150%;\n  /* identical to box height, or 36px */\n\n  color: #292838;\n\n  //max-width: 250px;\n  grid-column-start: 2;\n  grid-column-end: auto;\n  grid-row-start: 0;\n  grid-row-end: 1;\n\n  /* identical to box height, or 36px */\n\n  color: #292838;\n`;\n\nconst Description = styled.div`\n  grid-column-start: 2;\n  grid-column-end: 18;\n  grid-row-start: 2;\n  grid-row-end: 3;\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 150%;\n\n  max-width: 750px;\n\n  color: #292838;\n`;\n\nconst MarkdownW = styled(Markdown)`\n  & > ul {\n    padding-inline-start: 20px;\n  }\n  & > ul > li {\n    margin-top: 10px;\n    margin-bottom: 10px;\n  }\n  & > ul > li::marker {\n    color: #917c93;\n  }\n`;\n\nconst ImportantComponentWrapper = styled.div`\n  // display: flex;\n`;\nconst ImportantElementWrapper = styled.div`\n  display: grid;\n  grid-template-columns: 50px repeat(18, auto);\n  grid-template-rows: repeat(3, auto);\n  align-items: center;\n  gap: 5px;\n  //justify-items: left;\n  justify-items: stretch;\n  //color: blueviolet;\n  //gap: 20px;\n`;\n\nexport const ImportantData: ImportantDataT[] = [\n  {\n    id: 1,\n    name: 'Важно!',\n    icon: '/assets/icons/NotificationT.svg',\n    description: `* Абонемент действует в течение месяца (30 календарных дней)\n\n* Пропущенные занятия можно отработать на других занятиях и в других локациях нашей студии\n\n* Количество людей в группах до 8 человек\n\n* Заморозить абонемент можно в случае болезни при наличии медицинской справки или договорённости во время покупки абонемента\n\n* Запись на занятия обязательна! При отмене занятия менее, чем за 3 часа, занятие списывается. \n`,\n  },\n];\n\nconst ImportantComponent: NextPage<ImportantComponetI> = ({ className }) => {\n  return (\n    <ImportantComponentWrapper className={className}>\n      {ImportantData.map((c) => (\n        <ImportantElementWrapper key={c.id}>\n          <SvgIcon>\n            <ImageWrapper>\n              <img\n                //layout=\"fixed\"\n                src={c.icon ? c.icon : '/assets/icons/LocationT.svg'}\n                width={22.86}\n                height={26.86}\n                alt=\"icon\"\n              ></img>\n            </ImageWrapper>\n          </SvgIcon>\n          <Name>{c.name}</Name>\n          <Description>\n            <MarkdownW>{c.description}</MarkdownW>\n          </Description>\n        </ImportantElementWrapper>\n      ))}\n    </ImportantComponentWrapper>\n  );\n};\n\nexport default ImportantComponent;\n","import { NextPage } from 'next';\nimport styled from 'styled-components';\nimport Icon from 'components/atoms/icon';\n\n// For styling any nested component, Overlay use the styled method.\n// This method works perfectly on all of your any third-party component, as long as they attach the passed className prop to a DOM element.\n// Here an example: https://gist.github.com/Miniplop/80b042d1b44293329ef7332fd47b770c\n\n// Nested component imports\n//import { IconlyLightOutlineTimeCircle } from 'components';\n\nexport const Slot = styled.div`\n  display: grid;\n  grid-template-columns: 30px auto;\n  grid-template-rows: auto auto auto;\n  flex-direction: column;\n  align-items: flex-start;\n`;\nexport const DirectionType = styled.p`\n  grid-column: 1 / span 2;\n  grid-row: 1 / 2;\n  width: 173.59px;\n  //color: ${(props) => props.theme.colors.darkSlateGray};\n  margin-bottom: 8px;\n  /*font-family: ${(props) => props.theme.fonts.desktopHeadingH4.family};\n  font-size: ${(props) => props.theme.fonts.desktopHeadingH4.size};\n  font-weight: ${(props) => props.theme.fonts.desktopHeadingH4.weight};\n  line-height: ${(props) => props.theme.fonts.desktopHeadingH4.lineHeight};\n  */\n`;\n\nexport const TimeRange = styled.p`\n  /*\n  color: ${(props) => props.theme.colors.darkSlateGray};\n  font-family: ${(props) => props.theme.fonts.desktopBodySmall.family};\n  font-size: ${(props) => props.theme.fonts.desktopBodySmall.size};\n  font-weight: ${(props) => props.theme.fonts.desktopBodySmall.weight};\n  line-height: ${(props) => props.theme.fonts.desktopBodySmall.lineHeight};\n  */\n`;\nexport const Location = styled.p`\n  /*\n  color: ${(props) => props.theme.colors.darkSlateGray};\n  font-family: ${(props) => props.theme.fonts.desktopBodySmall.family};\n  font-size: ${(props) => props.theme.fonts.desktopBodySmall.size};\n  font-weight: ${(props) => props.theme.fonts.desktopBodySmall.weight};\n  line-height: ${(props) => props.theme.fonts.desktopBodySmall.lineHeight};\n  */\n`;\n\nconst TimeIcon = styled(Icon)`\n  grid-column: 1 / 2;\n  grid-row: 2 / 3;\n`;\nconst LocationIcon = styled(Icon)`\n  grid-column: 1 / 2;\n  grid-row: 3 / 4;\n`;\n\ntype SlotT = {\n  className?: string;\n  id: number;\n  dayId: number[];\n  startTime: string;\n  endTime: string;\n  type: string;\n  location: string[];\n  timeIconUrl?: string;\n  locationIconUrl?: string;\n};\n\nconst SlotComponent: NextPage<SlotT> = ({\n  className,\n  type,\n  startTime,\n  endTime,\n  location,\n  locationIconUrl,\n}) => {\n  return (\n    <Slot className={className}>\n      <DirectionType>{type}</DirectionType>\n      <TimeIcon src=\"/assets/icons/TimeCircle.svg\" height=\"20px\" width=\"20px\" />\n      <TimeRange>\n        {startTime} - {endTime}\n      </TimeRange>\n      <LocationIcon src={locationIconUrl} height=\"20px\" width=\"20px\" />\n      <Location>{location}</Location>\n    </Slot>\n  );\n};\n\nexport default SlotComponent;\n","//import useCalendar from '@veccu/react-calendar';\nimport React from 'react';\nimport { format, addDays, startOfWeek } from 'date-fns';\nimport locale from 'date-fns/locale/ru';\nimport { NextPage } from 'next';\nimport styled from 'styled-components';\nimport { useFlexLayout, useTable } from 'react-table';\nimport SlotComponent from 'components/molecules/Slot';\nexport type StructureT =\n  | {\n      id: number;\n      dayId: number[];\n      startTime: string;\n      endTime: string;\n      type: string;\n      location: string[];\n      locationIcon: string;\n    }\n  | undefined;\nconst weekIds = [1, 2, 3, 4, 5, 6, 7];\nexport const StructuredList: StructureT[] = [\n  {\n    id: 1,\n    dayId: [1, 3, 5],\n    startTime: '8:30',\n    endTime: '10:00',\n    type: 'Балет STEP1 + стретчинг',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 2,\n    dayId: [1],\n    startTime: '09:00',\n    endTime: '10:00',\n    type: 'Балет STEP1',\n    location: ['Оболонь'],\n    locationIcon: '/assets/icons/MetroBlue.svg',\n  },\n  {\n    id: 3,\n    dayId: [6],\n    startTime: '09:30',\n    endTime: '10:30',\n    type: 'Тренаж + стретчинг',\n    location: ['Борщаговка'],\n    locationIcon: '/assets/icons/Location.svg',\n  },\n  {\n    id: 4,\n    dayId: [1],\n    startTime: '10:00',\n    endTime: '11:00',\n    type: 'Стретчинг',\n    location: ['Оболонь'],\n    locationIcon: '/assets/icons/MetroBlue.svg',\n  },\n  {\n    id: 5,\n    dayId: [6],\n    startTime: '11:30',\n    endTime: '12:30',\n    type: 'Балет STEP1',\n    location: ['Оболонь'],\n    locationIcon: '/assets/icons/MetroBlue.svg',\n  },\n  {\n    id: 6,\n    dayId: [6],\n    startTime: '12:30',\n    endTime: '13:30',\n    type: 'Стретчинг',\n    location: ['Оболонь'],\n    locationIcon: '/assets/icons/MetroBlue.svg',\n  },\n  {\n    id: 7,\n    dayId: [1, 3, 5],\n    startTime: '17:30',\n    endTime: '18:30',\n    type: 'Балет STEP2',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 8,\n    dayId: [2, 4],\n    startTime: '18:30',\n    endTime: '19:30',\n    type: 'Тренаж',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 9,\n    dayId: [1, 3, 5],\n    startTime: '19:00',\n    endTime: '20:00',\n    type: 'Балет STEP1',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 10,\n    dayId: [3],\n    startTime: '19:00',\n    endTime: '20:00',\n    type: 'Балет STEP1',\n    location: ['Оболонь'],\n    locationIcon: '/assets/icons/MetroBlue.svg',\n  },\n  {\n    id: 11,\n    dayId: [1, 3, 5],\n    startTime: '19:00',\n    endTime: '20:00',\n    type: 'Балет STEP1',\n    location: ['Левобережная'],\n    locationIcon: '/assets/icons/MetroRed.svg',\n  },\n  {\n    id: 12,\n    dayId: [2, 4],\n    startTime: '19:30',\n    endTime: '21:00',\n    type: 'Балет STEP3',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 13,\n    dayId: [1, 3, 5],\n    startTime: '20:00',\n    endTime: '21:00',\n    type: 'Стретчинг',\n    location: ['Кловская'],\n    locationIcon: '/assets/icons/MetroGreen.svg',\n  },\n  {\n    id: 14,\n    dayId: [3],\n    startTime: '20:00',\n    endTime: '21:00',\n    type: 'Стретчинг',\n    location: ['Борщаговка'],\n    locationIcon: '/assets/icons/Location.svg',\n  },\n\n  {\n    id: 15,\n    dayId: [1, 3, 5],\n    startTime: '20:00',\n    endTime: '21:00',\n    type: 'Стретчинг',\n    location: ['Левобережная'],\n    locationIcon: '/assets/icons/MetroRed.svg',\n  },\n];\n\nconst Head = styled.div`\n  /* Desktop/Heading/H2 */\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n  margin-bottom: 40px;\n\n  color: #292838;\n  @media screen and (max-width: 1024px) {\n    margin-bottom: 24px;\n  }\n`;\nconst PriceComponentWrapper = styled.div`\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Styles = styled.div`\n  max-width: 95vw;\n  overflow-x: auto;\n\n  table {\n    width: max-content;\n    border-spacing: 0;\n    border: 1px solid #917c93;\n    thead {\n      background-color: #f1edef;\n    }\n\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n    th {\n      /* Desktop/Body/Medium */\n\n      font-family: Jost;\n      font-style: normal;\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 150%;\n      /* identical to box height, or 24px */\n\n      color: #292838;\n    }\n    td {\n      /* Desktop/Heading/H4 */\n\n      font-family: Jost;\n      font-style: normal;\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 135%;\n      /* identical to box height, or 22px */\n\n      color: #292838;\n    }\n    th,\n    td {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: 70px;\n      padding: 0.5rem;\n      border-bottom: 1px solid #917c93;\n      border-right: 1px solid #917c93;\n\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n`;\n\nfunction Table({ columns, data }) {\n  const defaultColumn = React.useMemo(\n    () => ({\n      // When using the useFlexLayout:\n      //minWidth: 250, // minWidth is only used as a limit for resizing\n      width: 205, // width is used for both the flex-basis and flex-grow\n      maxWidth: 205, // maxWidth is only used as a limit for resizing\n    }),\n    [],\n  );\n  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =\n    useTable(\n      {\n        columns,\n        data,\n        defaultColumn,\n      },\n      useFlexLayout,\n    );\n  // Render the UI for your table\n  return (\n    <table {...getTableProps()}>\n      <thead>\n        {headerGroups.map((headerGroup) => (\n          <tr key={headerGroup.id} {...headerGroup.getHeaderGroupProps()}>\n            {headerGroup.headers.map((column) => (\n              <th key={column.id} {...column.getHeaderProps()}>\n                {column.render('Header')}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody {...getTableBodyProps()}>\n        {rows.map((row) => {\n          prepareRow(row);\n          return (\n            <tr key={row.id} {...row.getRowProps()}>\n              {row.cells.map((cell, i) => {\n                return (\n                  <td key={i} {...cell.getCellProps()}>\n                    {cell.render('Cell')}\n                  </td>\n                );\n              })}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n}\ntype PriceT = {\n  className?: string;\n};\n\nconst ClaendarTableComponent: NextPage<PriceT> = ({ className }) => {\n  const firstDOW = startOfWeek(new Date());\n  const columns = React.useMemo(\n    () => [\n      {\n        Header: format(addDays(firstDOW, 1), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col1', // accessor is the \"key\" in the data\n      },\n      {\n        Header: format(addDays(firstDOW, 2), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col2',\n      },\n      {\n        Header: format(addDays(firstDOW, 3), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col3',\n      },\n      {\n        Header: format(addDays(firstDOW, 4), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col4',\n      },\n      {\n        Header: format(addDays(firstDOW, 5), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col5',\n      },\n      {\n        Header: format(addDays(firstDOW, 6), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col6',\n      },\n      {\n        Header: format(addDays(firstDOW, 7), 'EEEE', {\n          locale,\n          weekStartsOn: 1,\n        }),\n        accessor: 'col7',\n      },\n    ],\n\n    [firstDOW],\n  );\n  const preparedToRender: { [k: number]: StructureT[] } = {};\n\n  weekIds.forEach((dayId) => {\n    preparedToRender[dayId] = [];\n  });\n  StructuredList.map((item, id) => {\n    weekIds.forEach((dayId) => {\n      if (item) {\n        if (item.dayId.indexOf(dayId) !== -1) {\n          preparedToRender[dayId].push(item);\n        } else {\n          preparedToRender[dayId].push(undefined);\n        }\n      }\n    });\n  });\n  const tableRender: { [k: number]: StructureT[] } = {};\n  Object.entries(preparedToRender).map(([, dayDataArray]) => {\n    dayDataArray.map((dayData, index) => {\n      if (tableRender[index] === undefined) {\n        tableRender[index] = [];\n      }\n\n      if (dayData) {\n        tableRender[index].push(dayData);\n      } else if (dayData === undefined) {\n        tableRender[index].push(undefined);\n      }\n    });\n  });\n  type DaysTable = {\n    [key: string]: JSX.Element;\n  };\n  const renderDaysTable: DaysTable[] = [];\n  {\n    // here we have array of rows\n    Object.entries(tableRender).map(([, d]) => {\n      // here we have 1 row\n      const dayCell: DaysTable = {};\n      d.map((data, id) => {\n        // here we have events {} or undefined\n        // список обьектов с {col1: <div></div>, col2: <div></div>}\n        if (data) {\n          dayCell['col' + (id + 1)] = (\n            <SlotComponent\n              id={id}\n              dayId={data.dayId}\n              startTime={data.startTime}\n              endTime={data.endTime}\n              type={data.type}\n              location={data.location}\n              locationIconUrl={data.locationIcon}\n            ></SlotComponent>\n          );\n        } else {\n          dayCell['col' + (id + 1)] = <div></div>;\n        }\n        //\n      });\n      renderDaysTable.push(dayCell);\n    });\n  }\n  return (\n    <PriceComponentWrapper className={className} id=\"schedule\">\n      <Head>Расписание</Head>\n      <Styles>\n        <Table columns={columns} data={renderDaysTable} />\n      </Styles>\n    </PriceComponentWrapper>\n  );\n};\n\nexport default ClaendarTableComponent;\n","import ButtonComponent from 'components/atoms/buttons/Sign';\nimport styled from 'styled-components';\n//import Image from 'next/image';\nimport { NextPage } from 'next';\nimport ImgCool from 'react-cool-img';\n\nexport const HeroComonent = styled.div`\n  display: flex;\n  justify-content: stretch;\n  min-height: 800px;\n  @media screen and (max-width: 1024px) {\n    flex-direction: column-reverse;\n  }\n`;\n\nexport const ButtonComponentWrapper = styled(ButtonComponent)`\n  margin-top: 48px;\n`;\n\nexport const LeftSide = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  //text-align: center;\n  //justify-content: flex-end;\n\n  @media screen and (max-width: 1024px) {\n  }\n`;\n\nexport const RightSide = styled.div`\n  flex: 1;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: center;\n`;\n\nexport const LeftSideTextBlock = styled.div`\n  margin: 10px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n`;\n\nexport const LeftSideTextBlockHeading = styled.div`\n  //width: 100%;\n  color: #292838;\n  font-size: ${(props) => props.theme.fonts.heading.size};\n  font-family: ${(props) => props.theme.fonts.heading.family};\n  font-weight: ${(props) => props.theme.fonts.heading.weight};\n  line-height: ${(props) => props.theme.fonts.heading.lineHeight};\n  @media screen and (max-width: 1024px) {\n    font-size: 35px;\n    /**/\n  }\n`;\nexport const LeftSideTextBlockDescription = styled.div`\n  width: 70%;\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 20px;\n  line-height: 170%;\n  color: #292838;\n`;\n\nexport const ImageWrapper = styled.div`\n  position: relative;\n  max-width: 508px;\n  //height: 611px;\n  //left: 730px;\n  //top: 87px;\n`;\nconst Img = styled.img`\n  //max-width: 100%;\n  object-fit: cover;\n\n  //max-height: 100%;\n  height: 100%;\n  width: 100%;\n`;\n\ntype Hero = {\n  id?: string;\n  className?: string;\n};\n\nconst index: NextPage<Hero> = ({ className, id }): JSX.Element => {\n  return (\n    <HeroComonent className={className} id={id ? id : 'hero'}>\n      <LeftSide>\n        <LeftSideTextBlock>\n          <LeftSideTextBlockHeading>\n            {'Shamry art space'.toUpperCase()}\n          </LeftSideTextBlockHeading>\n          <LeftSideTextBlockDescription>\n            Студия балета для взрослых. Научим балету начинающих и с опытом в\n            любом возрасте и с разной физической подготовкой.\n          </LeftSideTextBlockDescription>\n          <a href=\"/#contact\" style={{ textDecoration: 'none' }}>\n            <ButtonComponentWrapper text=\"Записаться на урок\"></ButtonComponentWrapper>\n          </a>\n        </LeftSideTextBlock>\n      </LeftSide>\n      <RightSide>\n        <ImageWrapper>\n          <Img\n            //width=\"508px\"\n            //height=\"611px\"\n            alt=\"ballet stretching training\"\n            src=\"/assets/herophoto.avif\"\n          ></Img>\n        </ImageWrapper>\n      </RightSide>\n    </HeroComonent>\n  );\n};\n\nexport default index;\n","import { NextPage } from 'next';\nimport styled from 'styled-components';\nimport {\n  useTable,\n  useFlexLayout,\n  useBlockLayout,\n  useResizeColumns,\n} from 'react-table';\n\nimport React from 'react';\n\ntype PriceT = {\n  id?: string;\n  className?: string;\n};\n\nconst PriceComponentWrapper = styled.div`\n  flex-direction: column;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\nconst HeadWrapper = styled.div`\n  margin-bottom: 48px;\n  /* Desktop/Heading/H2 */\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n\n  color: #292838;\n\n  @media screen and (max-width: 1024px) {\n    margin-bottom: 24px;\n    /* Mobile/Heading/H2 */\n\n    font-family: Cormorant;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 30px;\n    line-height: 36px;\n    text-transform: uppercase;\n\n    color: #292838;\n    /**/\n  }\n`;\n\nconst Styles = styled.div`\n  //max-width: fit-content;\n  max-width: 95vw;\n  //text-align: left;\n  overflow-x: auto;\n\n  table {\n    width: max-content;\n    border-spacing: 0;\n    border: 1px solid #917c93;\n    thead {\n      background-color: #f1edef;\n    }\n\n    tr {\n      :last-child {\n        td {\n          border-bottom: 0;\n        }\n      }\n    }\n    th {\n      /* Desktop/Body/Medium */\n\n      font-family: Jost;\n      font-style: normal;\n      font-weight: 300;\n      font-size: 16px;\n      line-height: 150%;\n      /* identical to box height, or 24px */\n\n      color: #292838;\n      //max-width: -moz-fit-content;\n      //max-width: fit-content;\n      //max-width: 100vh;\n      //white-space: pre-wrap;\n    }\n    td {\n      /* Desktop/Heading/H4 */\n\n      font-family: Jost;\n      font-style: normal;\n      font-weight: 500;\n      font-size: 16px;\n      line-height: 135%;\n      /* identical to box height, or 22px */\n\n      color: #292838;\n    }\n    th,\n    td {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      height: 70px;\n      padding: 0.5rem;\n      border-bottom: 1px solid #917c93;\n      border-right: 1px solid #917c93;\n\n      :last-child {\n        border-right: 0;\n      }\n    }\n  }\n`;\n\nfunction Table({ columns, data }) {\n  const defaultColumn = React.useMemo(\n    () => ({\n      // When using the useFlexLayout:\n      minWidth: 287, // minWidth is only used as a limit for resizing\n      //width: 200.5, // width is used for both the flex-basis and flex-grow\n      //maxWidth: 400, // maxWidth is only used as a limit for resizing\n    }),\n    [],\n  );\n  const { getTableProps, getTableBodyProps, headerGroups, rows, prepareRow } =\n    useTable(\n      {\n        columns,\n        data,\n        defaultColumn,\n      },\n      useFlexLayout,\n      //useFlexLayout,\n\n      //useResizeColumns,\n      //useBlockLayout,\n    );\n  // Render the UI for your table\n  return (\n    <table {...getTableProps()}>\n      <thead>\n        {headerGroups.map((headerGroup) => (\n          <tr key={headerGroup.id} {...headerGroup.getHeaderGroupProps()}>\n            {headerGroup.headers.map((column) => (\n              <th key={column.id} {...column.getHeaderProps()}>\n                {column.render('Header')}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n      <tbody {...getTableBodyProps()}>\n        {rows.map((row) => {\n          prepareRow(row);\n          return (\n            <tr key={row.id} {...row.getRowProps()}>\n              {row.cells.map((cell, i) => {\n                return (\n                  <td key={i} {...cell.getCellProps()}>\n                    {cell.render('Cell')}\n                  </td>\n                );\n              })}\n            </tr>\n          );\n        })}\n      </tbody>\n    </table>\n  );\n}\n//export default Table;\n\nconst PriceComponent: NextPage<PriceT> = ({ className, id }) => {\n  const columns = React.useMemo(\n    () => [\n      {\n        Header: 'Вид абонемента',\n        accessor: 'col1', // accessor is the \"key\" in the data\n      },\n\n      {\n        Header: 'Групповые 1 час',\n        accessor: 'col2',\n      },\n      {\n        Header: 'Групповые 1,5 часа',\n        accessor: 'col3',\n      },\n      {\n        Header: 'Индивидуальные в зале',\n        accessor: 'col4',\n      },\n      {\n        Header: 'Индивидуальные онлайн',\n        accessor: 'col5',\n      },\n    ],\n\n    [],\n  );\n  const data = React.useMemo(\n    () => [\n      {\n        col1: 'Разовое занятие',\n        col2: '250 грн.',\n        col3: '370 грн.',\n        col4: '600 грн.',\n        col5: '300 грн.',\n      },\n\n      {\n        col1: '4 занятия',\n        col2: '900 грн.', //Групповые 1 час\n        col3: '-', //'Групповые 1,5 часа',\n        col4: '-', //'Индивидуальные в зале',\n        col5: '-', //'Индивидуальные онлайн',\n      },\n      {\n        col1: '6 занятий',\n        col2: '-',\n        col3: '1900 грн.',\n        col4: '-',\n        col5: '-',\n      },\n      {\n        col1: '8 занятий',\n        col2: '1700 грн.',\n        col3: '2500 грн.',\n        col4: '4400 грн.',\n        col5: '2000 грн.',\n      },\n      {\n        col1: '12 занятий',\n        col2: '2500 грн.',\n        col3: '3500 грн.',\n        col4: '6000 грн.',\n        col5: '-',\n      },\n      {\n        col1: '16 занятий',\n        col2: '3200 грн.',\n        col3: '-',\n        col4: '-',\n        col5: '-',\n      },\n    ],\n\n    [],\n  );\n\n  return (\n    <PriceComponentWrapper className={className} id={id ? id : 'price'}>\n      <HeadWrapper>Цены</HeadWrapper>\n      <Styles>\n        <Table columns={columns} data={data} />\n      </Styles>\n    </PriceComponentWrapper>\n  );\n};\n\nexport default PriceComponent;\n","import { NextApiRequest, NextApiResponse } from 'next';\n\nexport interface AdvatageDataI {\n  id: number;\n  name: string;\n  icon: string;\n  description: string;\n}\nexport const AdvatageData: AdvatageDataI[] = [\n  {\n    id: 1,\n    name: '3 удобных локации',\n    icon: '/assets/icons/LocationT.svg',\n    description: `* Кловский спуск, 8\n* Оболонский проспект, 1\n* Бульвар Кольцова, 14ж \n`,\n  },\n  {\n    id: 2,\n    name: 'Дипломированные педагоги',\n    icon: '/assets/icons/StarT.svg',\n    description: `Дипломированные педагоги со знанием анатомии и реабилитологии.`,\n  },\n  {\n    id: 3,\n    name: 'Богатый опыт',\n    icon: '/assets/icons/WorksuitcaseT.svg',\n    description: `Более 5 лет опыта работы и более 500 довольных клиентов.`,\n  },\n  {\n    id: 4,\n    name: 'Гибкое расписание',\n    icon: '/assets/icons/CalendarT.svg',\n    description: `Занятия с Пн по Сб в группах и индивидуально, чтобы ты могла выбрать лучшее время для себя.`,\n  },\n  {\n    id: 5,\n    name: 'Мини-группы',\n    icon: '/assets/icons/UsergroupT.svg',\n    description: `Мы набираем не больше 8 человек в группы, чтобы каждый ученик получил внимание педагога`,\n  },\n];\n\nexport default function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n): void {\n  res.status(200).json(AdvatageData);\n}\n","import { NextApiRequest, NextApiResponse } from 'next';\nimport { DirectionDataT } from 'components/molecules/Direction';\n/*\nexport interface DirectionDataI {\n  id: number;\n  name: string;\n  image: string;\n}*/\nexport const DirectionsData: DirectionDataT[] = [\n  {\n    id: 1,\n    name: 'Балет',\n    reflink: 'ballet',\n    image: '/assets/directions/ballet/ballet.avif',\n  },\n  {\n    id: 2,\n    name: 'Стретчинг',\n    reflink: 'stretching',\n    image: '/assets/directions/stretching/stretching.avif',\n  },\n  {\n    id: 3,\n    name: 'Тренаж',\n    reflink: 'training',\n    image: '/assets/directions/training/training.avif',\n  },\n];\n\nexport default function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n): void {\n  res.status(200).json(DirectionsData);\n}\n","import { NextApiRequest, NextApiResponse } from 'next';\n\nexport interface DirectionDataI {\n  id: number;\n  name: string;\n  description: string;\n}\nexport const DirectionsTypeData: DirectionDataI[] = [\n  {\n    id: 1,\n    name: 'Групповые',\n    description:\n      'Мы собираем небольшие группы, чтобы уделять внимание каждому ученику.',\n  },\n  {\n    id: 2,\n    name: 'Индивидуальные',\n    description:\n      'У нас есть опция индивидуальных занятий, для тех, кто хочет получить максимум от тренировок',\n  },\n];\n\nexport default function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n): void {\n  res.status(200).json(DirectionsTypeData);\n}\n","import { NextApiRequest, NextApiResponse } from 'next';\nimport { FaqDataT } from 'components/organisms/Faq';\n\nexport const FaqData: FaqDataT = {\n  header: 'FAQ',\n  imageUrl: '/assets/faqimage.png',\n  qa: [\n    {\n      id: 1,\n      question: 'Когда я сяду на шпагат и стану гибким?',\n      answer:\n        'Все зависит от ваших индивидуальных особенностей. У всех людей разная эластичность мышц и подвижность суставов. Чем лучше эти факторы, тем легче и быстрее вы растянитесь. Результат также зависит от систематичности посещений занятий.',\n    },\n    {\n      id: 2,\n      question: 'Что надеть на балет?',\n      answer:\n        'На первый раз подойдет любая обтягивающая сменная одежда, балетки или носочки! В дальнейшем : купальник для танцев , трико( колготки) и хитон( юбка). Волосы должны быть аккуратно собраны.',\n    },\n    {\n      id: 3,\n      question: 'С чего начать если есть лишний вес?',\n      answer:\n        'Если у вас есть лишний вес, мы советуем начать вам свой танцевальный путь с занятий по тренажу. Именно он поможет безопасно убрать лишний вес и похудеть. Начав свои занятия с тренажа вы в скором времени сможете чувствовать себя безопасно на балете и растяжке.',\n    },\n    {\n      id: 4,\n      question: 'Есть ли ограничения по возрасту или отдельные группы?',\n      answer:\n        'Абсолютно все занятия в студии для людей с 18 до 100😊. На наших занятиях есть люди которым и 20 , 35 и 60. Каждый может найти то направление  которое больше будет подходить именно ему. Индивидуальные занятия проводим  и взрослым и детям любого возраста.',\n    },\n  ],\n};\nexport default function handler(\n  req: NextApiRequest,\n  res: NextApiResponse,\n): void {\n  res.status(200).json(FaqData);\n}\n","import { NextPage } from 'next';\nimport styled from 'styled-components';\n\nconst SuccessHeader = styled.div`\n  /* Desktop/Heading/H3 */\n\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 500;\n  font-size: 24px;\n  line-height: 150%;\n  /* identical to box height, or 36px */\n\n  display: flex;\n  align-items: flex-end;\n  text-align: center;\n\n  /* Light mode/Neutral/dark */\n\n  color: #292838;\n`;\n\nconst TeacherWillContactYou = styled.div`\n  /* Desktop/Body/Medium */\n\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 16px;\n  line-height: 150%;\n  /* identical to box height, or 24px */\n\n  display: flex;\n  align-items: flex-end;\n  text-align: center;\n\n  /* Light mode/Neutral/dark */\n\n  color: #292838;\n`;\ntype ModalT = {\n  active?: boolean;\n  setActive?(active: boolean): void;\n};\nconst ModalComponentWrapper = styled.div<ModalT>`\n  height: 104vh;\n  width: 104vw;\n\n  display: flex;\n\n  top: 0;\n  left: 0;\n  z-index: 30;\n  position: fixed;\n  background-color: rgba(0, 0, 0, 0.4);\n  justify-content: center;\n  align-items: center;\n  //transform: scale(0);\n  transform: scale(${(props) => (props.active ? 1 : 0)});\n`;\n\nconst ModalWindow = styled.div`\n  padding: 20px 20px 40px 20px;\n  display: flex;\n  width: 80vw;\n\n  border-radius: 20px;\n  background: white;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Modal: NextPage<ModalT> = ({ active, setActive }) => {\n  return (\n    <ModalComponentWrapper active={active}>\n      <ModalWindow onClick={() => setActive(false)}>\n        <SuccessHeader>Твоя заявка успешно отправлена</SuccessHeader>\n        <TeacherWillContactYou>\n          Преподаватель с тобой скоро свяжется\n        </TeacherWillContactYou>\n      </ModalWindow>\n    </ModalComponentWrapper>\n  );\n};\n\nexport default Modal;\n","import { NextPage } from 'next';\nimport React, { useState } from 'react';\nimport { useFormspark } from '@formspark/use-formspark';\nimport { useForm } from 'react-hook-form';\nimport styled from 'styled-components';\nimport ButtonComponent from 'components/atoms/buttons/Sign';\nimport ModalWindow from 'components/atoms/modals/Success';\nimport { type } from 'os';\nimport { sub } from 'date-fns';\n\nconst FORMSPARK_FORM_ID = 'nyGSw6q0';\n//https://submit-form.com/OKiPOJoU\n\nconst Header = styled.div`\n  /* Desktop/Heading/H2 */\n\n  font-family: Cormorant;\n  font-style: normal;\n  font-weight: 600;\n  font-size: 48px;\n  line-height: 58px;\n  letter-spacing: 0.01em;\n  text-transform: uppercase;\n\n  color: #292838;\n  margin-top: 5rem;\n  margin-bottom: 14px;\n  @media screen and (max-width: 1024px) {\n    /* Mobile/Heading/H2 */\n\n    font-family: Cormorant;\n    font-style: normal;\n    font-weight: 600;\n    font-size: 30px;\n    line-height: 36px;\n    text-transform: uppercase;\n\n    color: #292838;\n  }\n`;\n\nconst HeaderDescription = styled.div`\n  /* Desktop/Body/Large */\n  margin-bottom: 24px;\n  font-family: Jost;\n  font-style: normal;\n  font-weight: 300;\n  font-size: 20px;\n  line-height: 170%;\n  /* identical to box height, or 34px */\n\n  color: #292838;\n  @media screen and (max-width: 1024px) {\n    /* Mobile/Heading/H2 */\n    /* Mobile/Body/Medium */\n\n    font-family: Jost;\n    font-style: normal;\n    font-weight: 300;\n    font-size: 18px;\n    line-height: 160%;\n    /* identical to box height, or 29px */\n\n    color: #292838;\n  }\n`;\n\nconst FormElementsWrapper = styled.form`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst ContactFormElementWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n`;\n\ntype Submited = {\n  submited: boolean;\n};\n\nconst Submited: NextPage<Submited> = ({ submited }) => {\n  if (submited) {\n    return <div></div>;\n  } else {\n    return <div>форма отправлена</div>;\n  }\n};\n\nconst Input = styled.input`\n  margin-bottom: 0.3rem;\n  width: 317px;\n  border-radius: 10px;\n  padding: 11px 11px 11px 15px;\n  border: 0;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  border: 1px solid ${(props) => props.theme.colors.purple};\n  background-color: ${(props) => props.theme.colors.background};\n  &:focus {\n    background: white;\n  }\n`;\n\nconst TextArea = styled.textarea`\n  margin-bottom: 1.5rem;\n  width: 317px;\n  border: 0;\n  outline: 0;\n  background-color: ${(props) => props.theme.colors.background};\n\n  border-radius: 10px;\n  padding: 10px 11px 31px 15px;\n  display: flex;\n  align-items: flex-start;\n  border: 1px solid ${(props) => props.theme.colors.purple};\n  &:focus {\n    background: white;\n  }\n`;\n\ntype ContactFormT = {\n  className?: string;\n  id?: string;\n};\n\nconst ContactForm: NextPage<ContactFormT> = ({ className, id }) => {\n  const [submit, submitting] = useFormspark({\n    formId: FORMSPARK_FORM_ID,\n  });\n\n  const {\n    register,\n    handleSubmit,\n    formState: { errors },\n  } = useForm();\n  //const onSubmit = (data) => console.log(data);\n  //console.log(errors);\n\n  const [message, setMessage] = useState('');\n  const [phone, setPhone] = useState('');\n  const [name, setName] = useState('');\n  const [formSuccess, setFormSuccess] = useState(false);\n\n  const onSubmit = async (e: { preventDefault: () => void }) => {\n    e.preventDefault;\n    await submit({ message, phone, name });\n    setFormSuccess(true);\n  };\n\n  return (\n    <ContactFormElementWrapper id={id ? id : 'contact'} className={className}>\n      <Header>Записаться на урок</Header>\n      <HeaderDescription>\n        Оставь заявку и мы с тобой свяжемся!\n      </HeaderDescription>\n      <FormElementsWrapper onSubmit={handleSubmit(onSubmit)}>\n        <Input\n          type=\"text\"\n          onChange={(e) => setMessage(e.target.value)}\n          onInput={(e: React.FormEvent<HTMLInputElement>) => {\n            const nameInput = e.currentTarget.value;\n            setName(nameInput);\n          }}\n          placeholder=\"Имя\"\n          {...register('name', {\n            required: true,\n            max: 25,\n            min: 3,\n            maxLength: 25,\n          })}\n        />\n\n        {/*errors.name && <div>Too long </div>*/}\n        <Input\n          type=\"tel\"\n          onInput={(e: React.FormEvent<HTMLInputElement>) => {\n            const phoneInput = e.currentTarget.value;\n            setPhone(phoneInput);\n          }}\n          value={phone}\n          placeholder=\"Телефон\"\n          {...register('Телефон', { required: true, maxLength: 12 })}\n        />\n        <TextArea\n          //onChange={(e) => setName(e.target.value)}\n          onInput={(e: React.FormEvent<HTMLTextAreaElement>) => {\n            const messageInput = e.currentTarget.value;\n            setMessage(messageInput);\n          }}\n          value={message}\n          placeholder=\"Текст сообщения (Необязательно)\"\n          {...register('Текст сообщения (Необязательно)', {\n            max: 100,\n            min: 1,\n            //maxLength: 100,\n          })}\n        />\n        <ButtonComponent text={'Записаться'}></ButtonComponent>\n        <ModalWindow\n          setActive={setFormSuccess}\n          active={formSuccess}\n        ></ModalWindow>\n      </FormElementsWrapper>\n    </ContactFormElementWrapper>\n  );\n};\n/*\n        <Submited submited={formSuccess}></Submited>\n\n        <input\n          type=\"text\"\n          id=\"name\"\n          name=\"name\"\n          placeholder=\"Имя\"\n          required={true}\n        />\n        <input\n          type=\"phone\"\n          id=\"phone\"\n          name=\"phone\"\n          placeholder=\"Телефон\"\n          required={true}\n        />\n        <textarea\n          value={message}\n          onChange={(e) => setMessage(e.target.value)}\n        />\n        <button type=\"submit\" disabled={submitting}>\n          Send\n        </button>\n\n    \n          <form action=\"\">\n\n        <textarea\n          id=\"message\"\n          name=\"message\"\n          placeholder=\"Текст сообщения (Необязательно)\"\n          required={false}\n        ></textarea>\n        <button type=\"submit\">Send</button>\n      </form>\n    */\n\nexport default ContactForm;\n","import { InferGetStaticPropsType } from 'next';\nimport React from 'react';\nimport styled from 'styled-components';\nimport Directions from 'components/organisms/Directions';\n\nimport Faq, { FaqDataT } from 'components/organisms/Faq';\nimport Choose, { AdvatageDataI } from 'components/organisms/Choose';\nimport Important, { ImportantDataT } from 'components/organisms/Important';\n//import Schedule from 'components/organisms/Schedule';\nimport TableCalendar from 'components/organisms/TableCalendar';\nimport { DirectionDataT } from 'components/molecules/Direction';\nimport { DirectionTypeDataT } from 'components/molecules/DirectionType';\nimport Hero from 'components/organisms/Hero';\n\n//import Calendar from 'components/organisms/Calendar';\n//import Clnd from 'components/organisms/HeadlessCalendar';\nimport Price from 'components/organisms/Price';\nimport { LocationDataT } from 'components/molecules/Location';\nimport { AdvatageData } from 'pages/api/advantage';\nimport { DirectionsData } from 'pages/api/directions';\nimport { DirectionsTypeData } from 'pages/api/directionstype';\nimport { FaqData } from 'pages/api/faq';\nimport { LocationData } from 'pages/api/locations';\nimport ContactForm from 'components/organisms/ContactForm';\nimport { ImportantData } from 'pages/api/important';\n// Contexts\n\nconst HeaderWrapper = styled.div`\n  grid-area: 1 / 2 / 2 / 3;\n\n  margin-bottom: 40px;\n  //background-color: blanchedalmond;\n`;\n\nconst ContactBackground = styled.div`\n  grid-area: 3 / 1 / 4 / 4;\n  background-color: #f1edef;\n`;\n\nconst ContactWrapper = styled.div`\n  grid-area: 3 / 2 / 4 / 3;\n`;\n\nconst HeaderBackground = styled.div`\n  grid-area: 1 / 1 / 2 / 4;\n  background-color: #f1edef;\n\n  margin-bottom: 40px;\n  //background-color: blanchedalmond;\n`;\n\nconst Content = styled.div`\n  grid-area: 2 / 2 / 3 / 3;\n`;\n\nconst DirectionsWrapper = styled(Directions)``;\n\nconst PriceWrapper = styled(Price)`\n  margin-top: 79px;\n  margin-bottom: 20px;\n`;\n\nconst ImportantWrapper = styled(Important)`\n  margin-top: 20px;\n  padding: 1rem;\n`;\n\nconst FaqWrapper = styled(Faq)`\n  margin-top: 100px;\n`;\n\nconst TableCalendarWrapper = styled(TableCalendar)`\n  margin-top: 100px;\n  @media screen and (max-width: 1024px) {\n    margin-top: 78px;\n  }\n`;\n\n/*\nconst Home = ({\n  advantages,\n  directions,\n  directionsType,\n  important,\n  faq,\n  locations,\n}: InferGetStaticPropsType<typeof getStaticProps>): JSX.Element => {*/\n\nconst HomeComponentWrapper = styled.div`\n  justify-content: center;\n  display: grid;\n  background-color: white;\n\n  //align-items: center;\n  grid-template-rows: auto auto auto auto;\n  grid-template-columns: 20px auto 20px;\n  //minmax(auto, 1440px)\n  @media screen and (max-width: 1024px) {\n    grid-template-columns: 10px auto 10px;\n  }\n`;\n\nconst Home = (): JSX.Element => {\n  //console.log(advantages);\n  //console.log(directions);\n  //console.log(important);\n  return (\n    <HomeComponentWrapper>\n      {/*<main></main>*/}\n      <HeaderBackground></HeaderBackground>\n      <HeaderWrapper>\n        <Hero />\n      </HeaderWrapper>\n\n      <Content>\n        <Choose advantages={AdvatageData} />\n        <DirectionsWrapper\n          directions={DirectionsData}\n          directionsType={DirectionsTypeData}\n        />\n        <PriceWrapper />\n        <ImportantWrapper></ImportantWrapper>\n        <TableCalendarWrapper></TableCalendarWrapper>\n        <FaqWrapper data={FaqData}></FaqWrapper>\n      </Content>\n      <ContactBackground />\n      <ContactWrapper>\n        <ContactForm></ContactForm>\n      </ContactWrapper>\n    </HomeComponentWrapper>\n  );\n};\n{\n  /*<Clnd></Clnd>*/\n}\n\n{\n  /*<Calendar></Calendar>*/\n}\n\nexport default Home;\n\n//import advantages from 'pages/api/advantage';\n/*export const getStaticProps = async () => {\n  // Call an external API endpoint to get posts.\n  // You can use any data fetching library\n  //const res = await fetch('https://.../posts');\n  const reqAdvantages = await fetch(`http://127.0.0.1:3000/api/advantage`);\n  const reqDirections = await fetch(`http://127.0.0.1:3000/api/directions`);\n  const reqDirectionsType = await fetch(\n    `http://127.0.0.1:3000/api/directionstype`,\n  );\n  const reqImportant = await fetch(`http://127.0.0.1:3000/api/important`);\n  const reqFaq = await fetch(`http://127.0.0.1:3000/api/faq`);\n  const reqLocations = await fetch(`http://127.0.0.1:3000/api/locations`);\n\n  //const req = await advantages();\n  const advantages: AdvatageDataI[] = await reqAdvantages.json();\n  const directions: DirectionDataT[] = await reqDirections.json();\n  const directionsType: DirectionTypeDataT[] = await reqDirectionsType.json();\n  const important: ImportantDataT[] = await reqImportant.json();\n  const faq: FaqDataT = await reqFaq.json();\n  const locations: LocationDataT[] = await reqLocations.json();\n\n  // By returning { props: { posts } }, the Blog component\n  // will receive `posts` as a prop at build time\n  return {\n    props: {\n      important,\n      advantages,\n      directions,\n      directionsType,\n      faq,\n      locations,\n    },\n  };\n};\n*/\n","\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n  "],"names":["Button","styled","props","theme","colors","purple","ZapisatSjaNaUrok","white","fonts","desktopBodyButton","family","size","weight","lineHeight","ButtonComponent","buttonProps","text","className","rest","Direction","ImageWrapper","Img","Elements","Name","DirectionComponent","name","image","alt","src","height","width","Description","DirectionTypeComponentWrapper","DirectionTypeComponent","description","Header","HeaderType","Directions","DirectionWrapper","DirectionsType","DirectionTypeWrapper","DirectionType","DirectionsComponentWrapper","DirectionsComponent","directions","directionsType","id","map","c","href","reflink","passHref","fadeIn","keyframes","AccordionWrapper","Accordion","AccordionItemWrapper","AccordionItem","OpenIconAtom","CloseIconAtom","CloseIcon","AccordionItemHeadingWrapper","AccordionItemHeading","AccordionItemButtonWrapper","AccordionItemButton","AccordionItemPanelWrapper","AccordionItemPanel","QuestionAndAnswerComponent","data","allowZeroExpanded","uuid","toString","question","answer","FaqComponentWrapper","TextWrapper","QuestionsAndAnswers","FaqComponent","QuestionAndAnswer","qa","Advatnage","SvgIcon","MarkdownW","Markdown","AdvantageComponent","iconUrl","TextBeforeHeadWrapper","Choose","Advatages","AdwantageWrapper","Advatage","TextBeforeHead","TextHeadWrapper","TextHead","ChooseComponent","advantages","icon","ImportantComponentWrapper","ImportantElementWrapper","ImportantData","ImportantComponent","Slot","TimeRange","Location","TimeIcon","Icon","LocationIcon","SlotComponent","type","startTime","endTime","location","locationIconUrl","weekIds","StructuredList","dayId","locationIcon","Head","PriceComponentWrapper","Styles","Table","columns","defaultColumn","React","maxWidth","useTable","useFlexLayout","getTableProps","getTableBodyProps","headerGroups","rows","prepareRow","headerGroup","getHeaderGroupProps","headers","column","getHeaderProps","render","row","getRowProps","cells","cell","i","getCellProps","ClaendarTableComponent","firstDOW","startOfWeek","Date","format","addDays","locale","weekStartsOn","accessor","preparedToRender","forEach","item","indexOf","push","undefined","tableRender","Object","entries","dayData","index","renderDaysTable","d","dayCell","HeroComonent","ButtonComponentWrapper","LeftSide","RightSide","LeftSideTextBlock","LeftSideTextBlockHeading","heading","LeftSideTextBlockDescription","toUpperCase","style","textDecoration","HeadWrapper","minWidth","PriceComponent","col1","col2","col3","col4","col5","AdvatageData","DirectionsData","DirectionsTypeData","FaqData","header","imageUrl","SuccessHeader","TeacherWillContactYou","ModalComponentWrapper","active","ModalWindow","Modal","setActive","onClick","HeaderDescription","FormElementsWrapper","ContactFormElementWrapper","Input","background","TextArea","ContactForm","useFormspark","formId","submit","useForm","register","handleSubmit","formState","errors","useState","message","setMessage","phone","setPhone","setName","formSuccess","setFormSuccess","onSubmit","e","preventDefault","onChange","target","value","onInput","nameInput","currentTarget","placeholder","required","max","min","maxLength","phoneInput","messageInput","HeaderWrapper","ContactBackground","ContactWrapper","HeaderBackground","Content","DirectionsWrapper","PriceWrapper","Price","ImportantWrapper","Important","FaqWrapper","Faq","TableCalendarWrapper","TableCalendar","HomeComponentWrapper","Home","Hero","window","__NEXT_P"],"sourceRoot":""}