{"version":3,"file":"component---src-pages-index-js-ffd8c091fe8753c2cb8d.js","mappings":"6LAKMA,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAcD,OAdCA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACFC,OAAA,WACI,OACI,2BAASC,GAAG,UACR,uBAAKC,UAAU,SACX,4BAAM,uBAAKC,ICV/B,yvIDU0CC,IAAI,GAAGC,MAAM,QAAQC,OAAO,WAClD,0BAAI,qDACJ,iEACA,sBAAIJ,UAAU,WACV,0BAAI,qBAAGK,KAAK,YAAYL,UAAU,kBAA9B,iBAKvB,EAdCH,CAAeS,EAAAA,WAiBrB,IEpBMC,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAgBD,OAhBCA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACFT,OAAA,WACI,OACI,2BAASC,GAAG,UACR,sBAAIC,UAAU,SACV,0BAAI,qBAAGK,KAAK,mHAAmHL,UAAU,wBAAuB,wBAAMA,UAAU,SAAhB,cAChK,0BAAI,qBAAGK,KAAK,0BAA0BL,UAAU,wBAAuB,wBAAMA,UAAU,SAAhB,YAK3E,sBAAIA,UAAU,aACV,kDAAkC,qCAAY,qBAAGK,KAAK,sBAAR,gBAI7D,EAhBCE,CAAeD,EAAAA,WAmBrB,ICkBA,EAjCME,SAAAA,GACF,WAAYC,GAAQ,IAAD,SACjB,cAAMA,IAAN,MACKC,MAAQ,CACXC,QAAS,cAHM,GADjBH,EAAAA,EAAAA,GAAAA,EAAAA,GAMD,kBAwBA,OAxBA,EAEDI,kBAAA,WAAsB,IAAD,OACnBC,KAAKC,UAAYC,YAAW,WACxB,EAAKC,SAAS,CAACL,QAAS,OACzB,MACJ,EAEDM,qBAAA,WACMJ,KAAKC,WACLI,aAAaL,KAAKC,YAEvB,EAEDhB,OAAA,WACI,IAAQqB,EAAaN,KAAKJ,MAAlBU,SAER,OACI,uBAAKnB,UAAS,QAAUa,KAAKH,MAAMC,SAC/B,gBAAC,EAAD,MACCQ,EACD,gBAAC,EAAD,QAGX,EA9BCX,CAAiBF,EAAAA,Y,8GCNvB,EAAe,IAA0B,oDCUnCc,EAAAA,SAAAA,GAAAA,SAAAA,IAAAA,OAAAA,EAAAA,MAAAA,KAAAA,YAAAA,KAkGD,OAlGCA,EAAAA,EAAAA,GAAAA,EAAAA,GAAAA,EAAAA,UACFtB,OAAA,WAGI,OACI,gBAAC,IAAD,KACI,gBAACuB,EAAA,EAAD,CAAQC,MAJE,uBAMV,2BAASvB,GAAG,WAAWC,UAAU,eAC7B,uBAAKA,UAAU,gBACX,uBAAKA,UAAU,SACX,0BAAQA,UAAU,SACd,uCAEJ,sWAGJ,uBAAKA,UAAU,SACX,wBAAMA,UAAU,aAAY,uBAAKC,IAAKsB,EAAOrB,IAAI,WAgFxE,EAlGCkB,CAAiBd,EAAAA,WAqGvB","sources":["webpack://sumlook-website-gatsby/./src/components/Header.js","webpack://sumlook-website-gatsby/./src/assets/images/logo.svg","webpack://sumlook-website-gatsby/./src/components/Footer.js","webpack://sumlook-website-gatsby/./src/components/layout.js","webpack://sumlook-website-gatsby/./src/assets/images/pic01.jpg","webpack://sumlook-website-gatsby/./src/pages/index.js"],"sourcesContent":["import React from 'react'\r\n\r\n// import logo from '../assets/images/website-icon.png'\r\nimport logo from '../assets/images/logo.svg'\r\n\r\nclass Header extends React.Component {\r\n    render() {\r\n        return (\r\n            <section id=\"header\">\r\n                <div className=\"inner\">\r\n                    <span><img src={logo} alt=\"\" width=\"120px\" height=\"120px\"/></span>\r\n                    <h1><strong>Sumlook Production</strong></h1>\r\n                    <p>Innovation to make your life better.</p>\r\n                    <ul className=\"actions\">\r\n                        <li><a href=\"#about_us\" className=\"button scrolly\">About Us</a></li>\r\n                    </ul>\r\n                </div>\r\n            </section>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Header\r\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8IS0tIENyZWF0ZWQgd2l0aCBJbmtzY2FwZSAoaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvKSAtLT4NCg0KPHN2Zw0KICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIg0KICAgeG1sbnM6Y2M9Imh0dHA6Ly9jcmVhdGl2ZWNvbW1vbnMub3JnL25zIyINCiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyINCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciDQogICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiDQogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSINCiAgIHdpZHRoPSIzMjAiDQogICBoZWlnaHQ9IjMyMCINCiAgIGlkPSJzdmcyIg0KICAgc29kaXBvZGk6dmVyc2lvbj0iMC4zMiINCiAgIGlua3NjYXBlOnZlcnNpb249IjAuOTIuNCAoNWRhNjg5YzMxMywgMjAxOS0wMS0xNCkiDQogICBzb2RpcG9kaTpkb2NuYW1lPSJzdW1sb29rLWxvZ28uc3ZnIg0KICAgaW5rc2NhcGU6b3V0cHV0X2V4dGVuc2lvbj0ib3JnLmlua3NjYXBlLm91dHB1dC5zdmcuaW5rc2NhcGUiDQogICB2ZXJzaW9uPSIxLjEiPg0KICA8ZGVmcw0KICAgICBpZD0iZGVmczQiIC8+DQogIDxzb2RpcG9kaTpuYW1lZHZpZXcNCiAgICAgaWQ9ImJhc2UiDQogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiINCiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiDQogICAgIGJvcmRlcm9wYWNpdHk9IjEuMCINCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAwMDAiDQogICAgIGd1aWRldG9sZXJhbmNlPSIxMCINCiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCINCiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAuMCINCiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiINCiAgICAgaW5rc2NhcGU6em9vbT0iMSINCiAgICAgaW5rc2NhcGU6Y3g9Ii0yNzkiDQogICAgIGlua3NjYXBlOmN5PSI0Ni4wMzU4NCINCiAgICAgaW5rc2NhcGU6ZG9jdW1lbnQtdW5pdHM9InB4Ig0KICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJsYXllcjEiDQogICAgIHNob3dncmlkPSJmYWxzZSINCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxOTIwIg0KICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSIxMDEzIg0KICAgICBpbmtzY2FwZTp3aW5kb3cteD0iLTkiDQogICAgIGlua3NjYXBlOndpbmRvdy15PSItOSINCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMSIgLz4NCiAgPG1ldGFkYXRhDQogICAgIGlkPSJtZXRhZGF0YTciPg0KICAgIDxyZGY6UkRGPg0KICAgICAgPGNjOldvcmsNCiAgICAgICAgIHJkZjphYm91dD0iIj4NCiAgICAgICAgPGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+DQogICAgICAgIDxkYzp0eXBlDQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+DQogICAgICAgIDxkYzp0aXRsZSAvPg0KICAgICAgPC9jYzpXb3JrPg0KICAgIDwvcmRmOlJERj4NCiAgPC9tZXRhZGF0YT4NCiAgPGcNCiAgICAgaW5rc2NhcGU6bGFiZWw9IkxheWVyIDEiDQogICAgIGlua3NjYXBlOmdyb3VwbW9kZT0ibGF5ZXIiDQogICAgIGlkPSJsYXllcjEiDQogICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTczMi4zNjIxOCkiPg0KICAgIDxwYXRoDQogICAgICAgc29kaXBvZGk6dHlwZT0ic3RhciINCiAgICAgICBzdHlsZT0ib3BhY2l0eTowLjk4OTk5OTk5O2ZpbGw6I2Q0N2YyYjtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NTtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiDQogICAgICAgaWQ9InBhdGgyMzg1Ig0KICAgICAgIHNvZGlwb2RpOnNpZGVzPSIzIg0KICAgICAgIHNvZGlwb2RpOmN4PSI0MDYiDQogICAgICAgc29kaXBvZGk6Y3k9IjIwNC4zNjIxOCINCiAgICAgICBzb2RpcG9kaTpyMT0iOTAuOTE3NTQyIg0KICAgICAgIHNvZGlwb2RpOnIyPSI0NS40NTg3NzgiDQogICAgICAgc29kaXBvZGk6YXJnMT0iMS4wNTMwMTQ1Ig0KICAgICAgIHNvZGlwb2RpOmFyZzI9IjIuMTAwMjEyIg0KICAgICAgIGlua3NjYXBlOmZsYXRzaWRlZD0iZmFsc2UiDQogICAgICAgaW5rc2NhcGU6cm91bmRlZD0iMCINCiAgICAgICBpbmtzY2FwZTpyYW5kb21pemVkPSIwLjAwNiINCiAgICAgICBkPSJtIDQ1MS4yMjQxNSwyODMuMTExNSAtNjguNTI3ODcsLTM5LjcwNjA0IC02Ny42OTkzMywtMzkuNTIxMzQgNjguODU4OTQsLTM5LjA2NjQ2IDY4LjI4MDY4LC0zOC45MDM4OCAtMS4xNTk2Myw3OC40NjY5OSB6Ig0KICAgICAgIGlua3NjYXBlOmV4cG9ydC14ZHBpPSIzMy45MTIwMDYiDQogICAgICAgaW5rc2NhcGU6ZXhwb3J0LXlkcGk9IjMzLjkxMjAwNiINCiAgICAgICB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTQ0LDY4MykiIC8+DQogICAgPGVsbGlwc2UNCiAgICAgICBzdHlsZT0ib3BhY2l0eToxO2ZpbGw6I2ZmZjg4MTtmaWxsLW9wYWNpdHk6MTtzdHJva2U6IzAwMDAwMDtzdHJva2Utd2lkdGg6NS4wMDA0NTU5NjtzdHJva2UtbGluZWNhcDpzcXVhcmU7c3Ryb2tlLWxpbmVqb2luOm1pdGVyO3N0cm9rZS1taXRlcmxpbWl0OjQ7c3Ryb2tlLWRhc2hhcnJheTpub25lO3N0cm9rZS1vcGFjaXR5OjEiDQogICAgICAgaWQ9InBhdGgzMTg1Ig0KICAgICAgIHRyYW5zZm9ybT0ibWF0cml4KC0wLjkyOTk0MjM5LC0wLjM2NzcwNTI0LDAuMzg1Mzk3MDYsLTAuOTIyNzUwODQsMCwwKSINCiAgICAgICBpbmtzY2FwZTpleHBvcnQtZmlsZW5hbWU9IkM6XERvY3VtZW50cyBhbmQgU2V0dGluZ3Ncd2FobHVuZ1xEZXNrdG9wXHBhdGgyMzg1LnBuZyINCiAgICAgICBpbmtzY2FwZTpleHBvcnQteGRwaT0iMzMuOTEyMDA2Ig0KICAgICAgIGlua3NjYXBlOmV4cG9ydC15ZHBpPSIzMy45MTIwMDYiDQogICAgICAgY3g9Ii00MjQuMjY0OTUiDQogICAgICAgY3k9Ii03OTEuNTAwNDMiDQogICAgICAgcng9Ijc4Ljk1MTY5OCINCiAgICAgICByeT0iNzYuNTEzOTE2IiAvPg0KICA8L2c+DQo8L3N2Zz4NCg==\"","import React from 'react'\r\n\r\nclass Footer extends React.Component {\r\n    render() {\r\n        return (\r\n            <section id=\"footer\">\r\n                <ul className=\"icons\">\r\n                    <li><a href=\"https://www.facebook.com/Sumlook-Production-%E6%A3%AE%E7%B6%A0%E5%89%B5%E6%84%8F%E5%9D%8A-Fan-Club-111137882618/\" className=\"icon alt fa-facebook\"><span className=\"label\">Facebook</span></a></li>\r\n                    <li><a href=\"mailto:info@sumlook.com\" className=\"icon alt fa-envelope\"><span className=\"label\">Email</span></a></li>\r\n                    {/* <li><a href=\"#\" className=\"icon alt fa-instagram\"><span className=\"label\">Instagram</span></a></li>\r\n                    <li><a href=\"#\" className=\"icon alt fa-github\"><span className=\"label\">GitHub</span></a></li>\r\n                    <li><a href=\"#\" className=\"icon alt fa-twitter\"><span className=\"label\">Twitter</span></a></li> */}\r\n                </ul>\r\n                <ul className=\"copyright\">\r\n                    <li>&copy; Sumlook Production</li><li>Design: <a href=\"http://html5up.net\">HTML5 UP</a></li>\r\n                </ul> \r\n            </section>\r\n        )\r\n    }\r\n}\r\n\r\nexport default Footer\r\n","import React from \"react\";\r\nimport \"../assets/scss/main.scss\";\r\n\r\nimport Header from \"./Header\";\r\nimport Footer from \"./Footer\";\r\n\r\nclass Template extends React.Component {\r\n    constructor(props) {\r\n      super(props);\r\n      this.state = {\r\n        loading: 'is-loading'\r\n      }\r\n    }\r\n\r\n    componentDidMount () {\r\n      this.timeoutId = setTimeout(() => {\r\n          this.setState({loading: ''});\r\n      }, 100);\r\n    }\r\n\r\n    componentWillUnmount () {\r\n      if (this.timeoutId) {\r\n          clearTimeout(this.timeoutId);\r\n      }\r\n    }\r\n\r\n    render() {\r\n        const { children } = this.props;\r\n\r\n        return (\r\n            <div className={`body ${this.state.loading}`}>\r\n                <Header />\r\n                {children}\r\n                <Footer />\r\n            </div>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Template;\r\n","export default __webpack_public_path__ + \"static/pic01-94440ef414fed997e2577b7b52dcecae.jpg\";","import React from \"react\";\r\nimport Helmet from \"react-helmet\";\r\n\r\nimport Layout from '../components/layout';\r\n\r\nimport pic01 from '../assets/images/pic01.jpg'\r\nimport pic02 from '../assets/images/pic02.jpg'\r\nimport pic03 from '../assets/images/pic03.jpg'\r\nimport pic04 from '../assets/images/pic04.jpg'\r\n\r\nclass Homepage extends React.Component {\r\n    render() {\r\n        const siteTitle = \"Sumlook Production\";\r\n\r\n        return (\r\n            <Layout>\r\n                <Helmet title={siteTitle} />\r\n\r\n                <section id=\"about_us\" className=\"main style1\">\r\n                    <div className=\"grid-wrapper\">\r\n                        <div className=\"col-6\">\r\n                            <header className=\"major\">\r\n                                <h2>About Us</h2>\r\n                            </header>\r\n                            <p>Sumlook Production is a innovation company based in Hong Kong and was founded in 2005. \r\nOur mission is what drives us to do everything possible to make our life better. We do that by creating groundbreaking technology innovations, by building a creative team and by making a positive impact in communities where we live and work.</p>\r\n                        </div>\r\n                        <div className=\"col-6\">\r\n                            <span className=\"image fit\"><img src={pic01} alt=\"\" /></span>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n\r\n                {/* <section id=\"two\" className=\"main style2\">\r\n                    <div className=\"grid-wrapper\">\r\n                        <div className=\"col-6\">\r\n                            <ul className=\"major-icons\">\r\n                                <li><span className=\"icon style1 major fa-code\"></span></li>\r\n                                <li><span className=\"icon style2 major fa-bolt\"></span></li>\r\n                                <li><span className=\"icon style3 major fa-camera-retro\"></span></li>\r\n                                <li><span className=\"icon style4 major fa-cog\"></span></li>\r\n                                <li><span className=\"icon style5 major fa-desktop\"></span></li>\r\n                                <li><span className=\"icon style6 major fa-calendar\"></span></li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"col-6\">\r\n                            <header className=\"major\">\r\n                                <h2>Lorem ipsum dolor adipiscing<br />\r\n                                amet dolor consequat</h2>\r\n                            </header>\r\n                            <p>Adipiscing a commodo ante nunc accumsan interdum mi ante adipiscing. A nunc lobortis non nisl amet vis volutpat aclacus nascetur ac non. Lorem curae eu ante amet sapien in tempus ac. Adipiscing id accumsan adipiscing ipsum.</p>\r\n                            <p>Blandit faucibus proin. Ac aliquam integer adipiscing enim non praesent vis commodo nunc phasellus cubilia ac risus accumsan. Accumsan blandit. Lobortis phasellus non lobortis dit varius mi varius accumsan lobortis. Blandit ante aliquam lacinia lorem lobortis semper morbi col faucibus vitae integer placerat accumsan orci eu mi odio tempus adipiscing adipiscing adipiscing curae consequat feugiat etiam dolore.</p>\r\n                            <p>Adipiscing a commodo ante nunc accumsan interdum mi ante adipiscing. A nunc lobortis non nisl amet vis volutpat aclacus nascetur ac non. Lorem curae eu ante amet sapien in tempus ac. Adipiscing id accumsan adipiscing ipsum.</p>\r\n                        </div>\r\n                    </div>\r\n                </section>\r\n\r\n                <section id=\"three\" className=\"main style1 special\">\r\n                    <div className=\"grid-wrapper\">\r\n                        <div className=\"col-12\">\r\n                            <header className=\"major\">\r\n                                <h2>Adipiscing amet consequat</h2>\r\n                            </header>\r\n                            <p>Ante nunc accumsan et aclacus nascetur ac ante amet sapien sed.</p>\r\n                        </div>\r\n\r\n                        <div className=\"col-4\">\r\n                            <span className=\"image fit\"><img src={pic02} alt=\"\" /></span>\r\n                            <h3>Magna feugiat lorem</h3>\r\n                            <p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>\r\n                            <ul className=\"actions\">\r\n                                <li><a href=\"#\" className=\"button\">More</a></li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"col-4\">\r\n                            <span className=\"image fit\"><img src={pic03} alt=\"\" /></span>\r\n                            <h3>Magna feugiat lorem</h3>\r\n                            <p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>\r\n                            <ul className=\"actions\">\r\n                                <li><a href=\"#\" className=\"button\">More</a></li>\r\n                            </ul>\r\n                        </div>\r\n                        <div className=\"col-4\">\r\n                            <span className=\"image fit\"><img src={pic04} alt=\"\" /></span>\r\n                            <h3>Magna feugiat lorem</h3>\r\n                            <p>Adipiscing a commodo ante nunc magna lorem et interdum mi ante nunc lobortis non amet vis sed volutpat et nascetur.</p>\r\n                            <ul className=\"actions\">\r\n                                <li><a href=\"#\" className=\"button\">More</a></li>\r\n                            </ul>\r\n                        </div>\r\n\r\n                    </div>\r\n                </section>\r\n\r\n                <section id=\"four\" className=\"main style2 special\">\r\n                    <div className=\"container\">\r\n                        <header className=\"major\">\r\n                            <h2>Ipsum feugiat consequat?</h2>\r\n                        </header>\r\n                        <p>Sed lacus nascetur ac ante amet sapien.</p>\r\n                        <ul className=\"actions uniform\">\r\n                            <li><a href=\"#\" className=\"button special\">Sign Up</a></li>\r\n                            <li><a href=\"#\" className=\"button\">Learn More</a></li>\r\n                        </ul>\r\n                    </div>\r\n                </section> */}\r\n            </Layout>\r\n        );\r\n    }\r\n}\r\n\r\nexport default Homepage;"],"names":["Header","render","id","className","src","alt","width","height","href","React","Footer","Template","props","state","loading","componentDidMount","this","timeoutId","setTimeout","setState","componentWillUnmount","clearTimeout","children","Homepage","Helmet","title","pic01"],"sourceRoot":""}