{"version":3,"sources":["webpack://gatsby-starter-default/./src/components/Header/index.jsx","webpack://gatsby-starter-default/./src/components/PrimaryPortfolioCarousel/index.jsx","webpack://gatsby-starter-default/./src/components/Bio/index.jsx","webpack://gatsby-starter-default/./src/components/SecondaryPortfolioCarousel/index.jsx","webpack://gatsby-starter-default/./src/components/PhotoGrid/index.jsx","webpack://gatsby-starter-default/./src/components/Contact/index.jsx","webpack://gatsby-starter-default/./src/pages/index.js"],"names":["props","data","style","backgroundColor","className","src","profilePicture","file","url","alt","name","introText","portfolioContent","nodes","filter","item","portfolioType","map","portfolioItem","key","href","link","target","width","height","backgroundSize","backgroundImage","image","toBeViewedAt","aboutMeTitle","description","console","log","photo","photoGridItem","title","contentfulHeader","allContentfulTvshows","contentfulAboutme","contentfulPhotoGrid"],"mappings":"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","file":"component---src-pages-index-js-45953b022d11d11ac1e3.js","sourcesContent":["import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Header = (props) => {\n  const { data } = props;\n  return (\n    <div style={{ backgroundColor: '#92C2A6' }}>\n      <div className=\"text-center container mx-auto px-4 md:px-0 font-sans lg:w-3/4 pt-16 pb-24 lg:pt-8 lg:pb-8\">\n        <div className=\"block\">\n          <img className=\"inline-block h-44 w-44 rounded-full\" src={data.profilePicture.file.url} alt=\"\" />\n        </div>\n        <div className=\"block\">\n          <h1 className=\"text-3xl md:text-4xl font-bold pt-8\">\n            {data.name}\n            {' '}\n            hier!\n            {' '}\n            <span className=\"wave\">👋</span>\n          </h1>\n        </div>\n        <div className=\"lg:w-3/4 m-auto container mx-auto px-4 md:px-0 font-sans \">\n          <h3 className=\"text-center text-black text-2xl md:text-2xl pt-8   \">{data.introText}</h3>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHeader.propTypes = {\n  data: PropTypes.shape({\n    profilePicture: PropTypes.object,\n    name: PropTypes.string.isRequired,\n    introText: PropTypes.string,\n  }).isRequired,\n};\n\nexport default Header;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PrimaryPortfolioCarousel = (props) => {\n  const { data } = props;\n  const portfolioContent = data.nodes.filter((item) => item.portfolioType === 'primary');\n\n  return (\n    <div style={{ 'backgroundColor': '#e24e42' }}>\n      <div className=\"md:px-4 pt-12 pb-12\">\n        <div className=\"container mx-auto font-sans pl-4 md:pl-4 lg:w-5/6 md:p-4\">\n          <h3 className=\"dark:text-white text-3xl md:text-4xl font-bold pb-2 \">Producties</h3>\n        </div>\n        <div className=\"overflow-x-scroll overflow-y-hidden whitespace-nowrap pt-4  \">\n          {portfolioContent.map((portfolioItem) => (\n            <a key={portfolioItem.name} href={portfolioItem.link} target=\"_blank\">\n              <div\n                className=\"inline-block mr-3 pl-2 relative bg-cover bg-no-repeat bg-center transition duration-500 hover:scale-105 transform\"\n                style={{\n                  width: '300px', height: '300px', backgroundSize: 'cover', backgroundImage: `url(https:${portfolioItem.image.file.url}) `,\n                }}\n              >\n                <span className=\"text-white font-bold shadow-lg text-lg bg-black p-1 inline-block absolute top-4\">{portfolioItem.toBeViewedAt}</span>\n                <div className=\"absolute bottom-4\">\n                  <div className=\"whitespace-normal pb-0 pr-6\">\n                    <h4 className=\"inline leading-10 text-white font-bold shadow-xl text-2xl bg-black black-bg-fix py-1 my-0.5 block\">\n                      {portfolioItem.name}\n                    </h4>\n                  </div>\n                </div>\n              </div>\n            </a>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nPrimaryPortfolioCarousel.propTypes = {\n  data: PropTypes.objectOf(\n    PropTypes.arrayOf(PropTypes.shape({\n      image: PropTypes.objectOf(\n        PropTypes.shape({\n          file: PropTypes.string,\n        }),\n      ),\n      name: PropTypes.string,\n      toBeViewedAt: PropTypes.string,\n      filter: PropTypes.func,\n    })),\n  ).isRequired,\n};\n\nexport default PrimaryPortfolioCarousel;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Bio = (props) => {\n  const { data } = props;\n  return (\n    <div className=\"bg-yellow-100\" style={{ backgroundColor: '#eb6e80' }}>\n      <div className=\"md:px-4 pt-12 pb-12\">\n        <div className=\"container mx-auto font-sans pl-4 md:pl-4 lg:w-5/6 md:p-4\">\n          <h3 className=\"dark:text-white text-3xl md:text-4xl font-bold pt-4 pb-8 \">{data.aboutMeTitle}</h3>\n          <p className=\"dark:text-white text-xl leading-relaxed\">{data.description.description}</p>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nBio.propTypes = {\n  data: PropTypes.shape({\n    contentful_id: PropTypes.string,\n    aboutMeTitle: PropTypes.string,\n    name: PropTypes.string,\n    description: PropTypes.shape({\n      description: PropTypes.string,\n    }),\n  }).isRequired,\n};\n\nexport default Bio;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst SecondaryPortfolioCarousel = (props) => {\n  const { data } = props;\n  const portfolioContent = data.nodes.filter((item) => item.portfolioType === 'secondary');\n  return (\n    <div style={{ backgroundColor: '#e9b000' }}>\n      <div className=\"md:px-4 py-12\">\n      <div className=\"container mx-auto font-sans pl-4 md:pl-4 lg:w-5/6 md:p-4\">\n          <h3 className=\"dark:text-white text-3xl md:text-4xl font-bold pb-2 \">Overige producties</h3>\n        </div>\n        <div className=\"overflow-x-scroll overflow-y-hidden whitespace-nowrap pt-4  \">\n          {portfolioContent.map((portfolioItem) => (\n            <a href={portfolioItem.link} key={portfolioItem.name} target=\"_blank\">\n              <div className=\"inline-block mr-3 relative bg-cover bg-no-repeat bg-center transition duration-500 minicard transform hover:scale-105\" style={{ backgroundSize: 'cover', backgroundImage: `url(https:${portfolioItem.image.file.url})` }}>\n                <div className=\"absolute top-0 px-1 bg-black m-1 \">\n                  <span className=\"inline text-white text-lg\">{portfolioItem.toBeViewedAt}</span>\n                </div>\n                <div className=\"absolute bottom-0 px-1 block whitespace-normal m-1\">\n                  <span className=\"inline text-white black-bg-fix bg-black font-white text-lg font-bold\">{portfolioItem.name}</span>\n                </div>\n              </div>\n            </a>\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nSecondaryPortfolioCarousel.propTypes = {\n  data: PropTypes.objectOf(\n    PropTypes.arrayOf(PropTypes.shape({\n      image: PropTypes.objectOf(\n        PropTypes.shape({\n          file: PropTypes.string,\n        }),\n      ),\n      name: PropTypes.string,\n      toBeViewedAt: PropTypes.string,\n      filter: PropTypes.func,\n    })),\n  ).isRequired,\n};\nexport default SecondaryPortfolioCarousel;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst PhotoGrid = (props) => {\n    const { data } = props;\n    console.log('PHoto Grid', data)\n    return (\n        <div className=\"bg-yellow-100\" style={{ backgroundColor: '#008f95' }}>\n            <div className=\"md:px-4 pt-12 pb-12\">\n                <div className=\"container mx-auto font-sans pl-4 md:pl-4 lg:w-5/6 md:p-4\">\n                    <h3 className=\"dark:text-white text-3xl md:text-4xl font-bold pt-4 pb-8 \">Foto's</h3>\n                    <div>\n                        <div className=\"grid md:grid-cols-3 md:grid-cols-2 gap-8\">\n                        {data.photo.map((photoGridItem) => (\n                            // console.log('item', photoGridItem)\n                            <div className=\"pr-4 text-center\">\n                                <img className=\"inline\" style={{'width': '300px'}} src={photoGridItem.file.url} />\n                            </div>\n                            ))}\n                            </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n};\n\n\nexport default PhotoGrid;\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Contact = (props) => {\n    const { data } = props;\n    return (\n        <div className=\"bg-yellow-100\" style={{ backgroundColor: '#e24e42' }}>\n            <div className=\"md:px-4 pt-12 pb-12\">\n                <div className=\"container mx-auto font-sans pl-4 md:pl-4 lg:w-5/6 md:p-4\">\n                    <h3 className=\"dark:text-white text-3xl md:text-4xl font-bold pt-4 pb-4 \">Contact</h3>\n                    <p className=\"text-white text-lg\">Voor contact, stuur een email naar <a className=\"hover:underline\" href=\"mailto:puck@talentkitchen.nl\">puck@talentkitchen.nl</a> of bel naar 020 808 6000.</p>\n                </div>\n            </div>\n        </div>\n    );\n};\n\n\nexport default Contact;\n","import * as React from 'react';\nimport { graphql } from 'gatsby';\n\nimport Layout from '../components/layout';\nimport SEO from '../components/seo';\n\nimport Header from '../components/Header';\nimport PrimaryPortfolioCarousel from '../components/PrimaryPortfolioCarousel';\nimport Bio from '../components/Bio';\nimport SecondaryPortfolioCarousel from '../components/SecondaryPortfolioCarousel';\nimport PhotoGrid from '../components/PhotoGrid';\nimport Contact from '../components/Contact';\n\nexport const query = graphql`\nquery AboutQuery {\n  contentfulHeader(contentful_id: { eq: \"nPls6dxDDqLGMlSyStfEB\" }) {\n    name,\n    introText,\n    profilePicture {\n      file {\n        url\n      }\n    }\n  },\n  contentfulAboutme(contentful_id: { eq: \"7CbgzQEV10XwOr9AeNNuLn\" }) {\n    aboutMeTitle,\n    description {\n      description\n    },\n  },\n  contentfulPhotoGrid(contentful_id: { eq: \"6VIcAyzBbY5ubKvZtMXVHd\" }) {\n    photo {\n      file {\n          url\n      }\n    },\n  },\n  allContentfulTvshows {\n    nodes {\n      name,\n      toBeViewedAt,\n      portfolioType,\n      link,\n      image {\n        file {\n          url\n        }\n      }\n    }\n  }\n}\n`;\n\nconst IndexPage = (props) => {\n  return (\n    <Layout>\n      <SEO title=\"Home\" />\n      <Header data={props.data.contentfulHeader} />\n      <PrimaryPortfolioCarousel data={props.data.allContentfulTvshows} />\n      <SecondaryPortfolioCarousel data={props.data.allContentfulTvshows} />\n      <Bio data={props.data.contentfulAboutme} />\n      <PhotoGrid data={props.data.contentfulPhotoGrid} />\n      <Contact />\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n"],"sourceRoot":""}