{"version":3,"sources":["webpack:///./src/pages/index.js"],"names":["withPreview","data","originalData","d","prismicTopPage","profile","img","fluid","profile_img","intro","sideBigImg","intro_side_big_img","body","heading","intro_text_heading","text","intro_text_body","onlineLesson","online_lesson_heading","split","online_lesson_text","online_lesson_img","otherService","other_service_heading","other_service_text","other_service_img","testimonials","testimonials_heading","testimonials_text","items","testimonials_comments","map","item","fixed","image","lessonEntries","allPrismicOnlineLesson","edges","entry","uid","node","title","order","otherSupportEntries","allPrismicOtherSupport","result","nav1Data","forEach","push","path","nav2Data","createNav2Data","pickDataForView","breadPaths","className","alt","style","marginRight","marginLeft","left","to","i","key"],"mappings":"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","file":"component---src-pages-index-js-96a4121e1f7d86622033.js","sourcesContent":["import React from \"react\"\nimport { Link, graphql } from \"gatsby\"\nimport _ from \"lodash\"\nimport { withPreview } from \"gatsby-source-prismic\"\nimport Img from \"gatsby-image\"\n\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\n\nexport const query = graphql`\n  query TopPageQuery {\n    allPrismicOnlineLesson {\n      edges {\n        node {\n          data {\n            order\n            title {\n              text\n            }\n          }\n          uid\n        }\n      }\n    }\n    allPrismicOtherSupport {\n      edges {\n        node {\n          data {\n            order\n            title {\n              text\n            }\n          }\n          uid\n        }\n      }\n    }\n    prismicTopPage {\n      data {\n        profile_img {\n          fluid(maxWidth: 100) {\n            ...GatsbyPrismicImageFluid\n          }\n        }\n        intro_side_big_img {\n          fluid(maxWidth: 800) {\n            ...GatsbyPrismicImageFluid\n          }\n        }\n        intro_text_body {\n          text\n        }\n        intro_text_heading {\n          text\n        }\n        online_lesson_heading {\n          text\n        }\n        online_lesson_img {\n          fluid(maxWidth: 700) {\n            ...GatsbyPrismicImageFluid\n          }\n        }\n        online_lesson_text {\n          text\n        }\n        other_service_heading {\n          text\n        }\n        other_service_img {\n          fluid(maxWidth: 700) {\n            ...GatsbyPrismicImageFluid\n          }\n        }\n        other_service_text {\n          text\n        }\n        testimonials_text {\n          text\n        }\n        testimonials_heading {\n          text\n        }\n        testimonials_comments {\n          image {\n            fixed(width: 100) {\n              ...GatsbyPrismicImageFixed\n            }\n          }\n          text {\n            text\n          }\n        }\n      }\n    }\n  }\n`\n\nconst pickDataForView = originalData => {\n  const d = originalData.prismicTopPage.data\n\n  const profile = {\n    img: {\n      fluid: d.profile_img.fluid,\n    },\n  }\n  const intro = {\n    sideBigImg: {\n      fluid: d.intro_side_big_img.fluid,\n    },\n    body: {\n      heading: d.intro_text_heading.text,\n      text: d.intro_text_body.text,\n    },\n  }\n  const onlineLesson = {\n    heading: d.online_lesson_heading.text.split(\"<br>\"),\n    text: d.online_lesson_text.text,\n    img: {\n      fluid: d.online_lesson_img.fluid,\n    },\n  }\n  const otherService = {\n    heading: d.other_service_heading.text,\n    text: d.other_service_text.text,\n    img: {\n      fluid: d.other_service_img.fluid,\n    },\n  }\n  const testimonials = {\n    heading: d.testimonials_heading.text,\n    text: d.testimonials_text.text,\n    items: d.testimonials_comments.map(item => {\n      return {\n        img: {\n          fixed: item.image.fixed,\n        },\n        text: item.text.text,\n      }\n    }),\n  }\n\n  let lessonEntries = originalData.allPrismicOnlineLesson.edges.map(entry => {\n    return {\n      uid: entry.node.uid,\n      title: entry.node.data.title.text,\n      order: entry.node.data.order,\n    }\n  })\n  lessonEntries = _.sortBy(lessonEntries, entry => entry.order)\n\n  let otherSupportEntries = originalData.allPrismicOtherSupport.edges.map(\n    entry => {\n      return {\n        uid: entry.node.uid,\n        title: entry.node.data.title.text,\n        order: entry.node.data.order,\n      }\n    }\n  )\n  otherSupportEntries = _.sortBy(otherSupportEntries, entry => entry.order)\n\n  const createNav1Data = () => {\n    const result = []\n    lessonEntries.forEach(entry => {\n      result.push({\n        path: `/${entry.uid}/`,\n        title: entry.title,\n      })\n    })\n    otherSupportEntries.forEach(entry => {\n      if (entry.uid !== \"art-academy-germany\") {\n        return\n      }\n      result.push({\n        path: `/other-support/${entry.uid}/`,\n        title: entry.title,\n      })\n    })\n    return result\n  }\n\n  const createNav2Data = () => {\n    const result = []\n    otherSupportEntries.forEach(entry => {\n      if (entry.uid === \"art-academy-germany\") {\n        return\n      }\n      result.push({\n        path: `/other-support/${entry.uid}/`,\n        title: entry.title,\n      })\n    })\n    return result\n  }\n  const nav1Data = createNav1Data()\n  const nav2Data = createNav2Data()\n\n  return {\n    profile,\n    intro,\n    onlineLesson,\n    otherService,\n    testimonials,\n    nav1Data,\n    nav2Data,\n  }\n}\n\nconst Page = ({ data }) => {\n  data = pickDataForView(data)\n\n  return (\n    <Layout breadPaths={[]}>\n      <SEO title=\"Home\" />\n\n      <div className=\"h-2gap\"></div>\n\n      {/* 1st block */}\n\n      <section className=\"flex flex-col-reverse lg:flex-row w-full relative\">\n        <div className=\"flex flex-col md:flex-row lg:flex-col lg:w-3col2gap lg:flex-grow-0\">\n          <div className=\"hidden lg:flex md:w-3col2gap flex-shrink-0 flex-row items-center\">\n            <div className=\"hidden xl:block relative mb-1gap md:mb-2gap mx-auto w-2/3 max-w-3col xl:w-full\">\n              <Img\n                className=\"block rounded-full border-black border-1gap\"\n                fluid={data.profile.img.fluid}\n                alt=\"\"\n              />\n              <span\n                className=\"hidden lg:block absolute w-screen border-black lg:border-t-1gap right-0 top-0\"\n                style={{ marginRight: \"50%\" }}\n              ></span>\n              <span\n                className=\"hidden lg:block absolute w-full border-black lg:border-t-1gap left-0 bottom-0\"\n                style={{ marginLeft: \"50%\" }}\n              ></span>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col flex-grow mb-2gap justify-center xl:justify-start\">\n            <div>\n              <h2 className=\"font-bold text-2xl leading-tight mb-1gap\">\n                {data.intro.body.heading}\n              </h2>\n              <p>{data.intro.body.text}</p>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"flex-grow lg:pl-1gap xl:pl-1col overflow-hidden relative\">\n          <div className=\"lg:pl-1gap pg:pt-1gap pb-1gap lg:pb-1col relative\">\n            <div className=\"bg-black border-black border-1/2gap lg:border-1gap lg:-ml-1gap\">\n              <Img\n                className=\"block w-full shadow-md max-w-5col4gap lg:max-w-full mx-auto\"\n                fluid={data.intro.sideBigImg.fluid}\n                alt=\"\"\n              />\n            </div>\n            <span className=\"hidden lg:block absolute w-screen border-black border-t-1gap left-0 top-0\"></span>\n            <span className=\"hidden lg:block absolute h-screen border-black border-l-1gap left-0 top-0\"></span>\n          </div>\n        </div>\n\n        <span\n          className=\"hidden lg:block absolute w-screen border-black border-t-1gap top-0\"\n          style={{ left: \"50%\" }}\n        ></span>\n      </section>\n\n      {/* 2nd block */}\n\n      <div className=\"border-black border-t-1/2gap pt-2gap lg:hidden\"></div>\n\n      <section className=\"flex lg:flex-row-reverse over:-mx-1col1gap over:w-14col13gap\">\n        <div className=\"flex-grow-0 lg:w-1/2 xl:w-auto\">\n          <div className=\"w-full md:w-4col3gap lg:w-full xl:w-6col5gap over:w-7col6gap\">\n            <div className=\"pb-2gap lg:pb-1col md:mr-1gap lg:mr-0 lg:ml-1col xl:ml-1col1gap over:pr-1col1gap\">\n              <div className=\"relative hidden lg:block pt-3gap\">\n                <span className=\"absolute left-0 top-0 border-black border-t-1gap w-screen\">\n                  <span className=\"hidden lg:block absolute left-0 top-0 border-black border-3/2gap rounded-full -mt-2gap -ml-2gap\"></span>\n                </span>\n              </div>\n\n              <h2 className=\"font-bold text-3xl leading-tight mb-1gap\">\n                <Link to=\"/online-lesson/\">\n                  {data.onlineLesson.heading}\n                  <br />\n                  {data.onlineLesson.heading[1]}\n                </Link>\n              </h2>\n              <p className=\"mb-1gap\">{data.onlineLesson.text}</p>\n              <ul className=\"space-y-2 mt-2 ml-1gap leading-tight\">\n                {data.nav1Data.map((entry, i) => {\n                  return (\n                    <li className=\"list-item-triangle-black\" key={i}>\n                      <Link to={entry.path}>{entry.title}</Link>\n                    </li>\n                  )\n                })}\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className=\"hidden md:block lg:w-1/2 xl:w-auto flex-grow\">\n          <div className=\"pb-1col\">\n            <Img\n              className=\"block w-full border-black border-1/2gap lg:border-1gap shadow-md\"\n              fluid={data.onlineLesson.img.fluid}\n              alt=\"\"\n            />\n          </div>\n        </div>\n      </section>\n\n      {/* 3rd block */}\n\n      <div className=\"border-black border-t-1/2gap pt-2gap lg:hidden\"></div>\n\n      <section className=\"flex md:flex-row-reverse lg:flex-row relative over:-mx-1col1gap over:w-14col13gap\">\n        <div className=\"flex-grow-0 lg:w-1/2 xl:w-auto\">\n          <div className=\"w-full md:w-4col3gap lg:w-full xl:w-6col5gap over:w-7col6gap\">\n            <div className=\"pb-2gap lg:pb-1col md:ml-1gap lg:ml-0 lg:mr-1col xl:mr-1col1gap over:pl-1col1gap\">\n              <div className=\"relative hidden lg:block pt-3gap\">\n                <span className=\"absolute right-0 top-0 border-black border-t-1gap w-screen\">\n                  <span className=\"hidden lg:block absolute right-0 top-0 border-black border-3/2gap rounded-full -mt-2gap -mr-2gap\"></span>\n                </span>\n              </div>\n\n              <h2 className=\"font-bold text-3xl leading-tight mb-1gap\">\n                {data.otherService.heading}\n              </h2>\n              <p className=\"mb-1gap\">{data.otherService.text}</p>\n              <ul className=\"space-y-2 mt-2 ml-1gap leading-tight\">\n                {data.nav2Data.map((entry, i) => {\n                  return (\n                    <li className=\"list-item-triangle-black\" key={i}>\n                      <Link to={entry.path}>{entry.title}</Link>\n                    </li>\n                  )\n                })}\n              </ul>\n            </div>\n          </div>\n        </div>\n        <div className=\"hidden md:block lg:w-1/2 xl:w-auto flex-grow\">\n          <Img\n            className=\"block w-full border-black border-1/2gap lg:border-1gap lg:-mb-1gap\"\n            fluid={data.otherService.img.fluid}\n            alt=\"\"\n          />\n        </div>\n      </section>\n\n      {/* 4th block */}\n\n      <div className=\"border-black border-t-1/2gap pt-2gap lg:hidden\"></div>\n\n      <section>\n        <div className=\"relative hidden lg:block pt-3gap\">\n          <span className=\"absolute left-0 top-0 border-black border-t-1gap w-screen\">\n            <span className=\"hidden lg:block absolute left-0 top-0 border-black border-3/2gap rounded-full -mt-2gap -ml-1/2gap xl:-ml-2gap\"></span>\n          </span>\n        </div>\n\n        <h2 className=\"font-bold text-3xl leading-tight mb-1gap\">\n          {data.testimonials.heading}\n        </h2>\n        <p className=\"mb-2gap\">{data.testimonials.text}</p>\n        <ul className=\"grid lg:grid-cols-2 gap-1gap mb-1col\">\n          {data.testimonials.items.map((item, i) => (\n            <li className=\"flex items-center\" key={i}>\n              <div className=\"flex-shrink-0 w-1col1gap h-1col1gap\">\n                <Img\n                  className=\"block rounded-full shadow-md w-full h-full\"\n                  fixed={item.img.fixed}\n                  alt=\"\"\n                />\n              </div>\n              <p className=\"flex-grow ml-1gap\">{item.text}</p>\n            </li>\n          ))}\n        </ul>\n      </section>\n    </Layout>\n  )\n}\n\nexport default withPreview(Page)\n"],"sourceRoot":""}