{"version":3,"sources":["webpack:///./src/pages/culture.js"],"names":["__webpack_require__","r","__webpack_exports__","react__WEBPACK_IMPORTED_MODULE_0__","react__WEBPACK_IMPORTED_MODULE_0___default","n","_components_layout__WEBPACK_IMPORTED_MODULE_1__","_components_seo__WEBPACK_IMPORTED_MODULE_2__","_services_cdn__WEBPACK_IMPORTED_MODULE_3__","_components_Blocks__WEBPACK_IMPORTED_MODULE_4__","_components_Sections__WEBPACK_IMPORTED_MODULE_5__","reactstrap__WEBPACK_IMPORTED_MODULE_6__","reactstrap__WEBPACK_IMPORTED_MODULE_7__","reactstrap__WEBPACK_IMPORTED_MODULE_8__","Block","styled","div","withConfig","displayName","componentId","IndexPage","a","createElement","title","keywords","id","height","x","y","src","posterSrc","getAssetUrl","loop","autoplay","muted","padding","className","md","fluid","size","order","sm","style","backgroundImage","backgroundRepeat","backgroundSize","backgroundPosition"],"mappings":"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","file":"component---src-pages-culture-js-d7758272411258d0a6ba.js","sourcesContent":["import React from \"react\"\r\nimport Layout from \"../components/layout\"\r\nimport SEO from \"../components/seo\"\r\nimport { getAssetUrl } from '../services/cdn'\r\nimport { Container as BlockContainer } from '../components/Blocks'\r\nimport { HeroVideo, CoreValues } from '../components/Sections'\r\nimport { Container, Row, Col } from 'reactstrap'\r\nimport styled from 'styled-components'\r\n\r\nconst Block = styled.div`\r\n  height: 55vh;\r\n  @media screen and (min-width: 1800px) {\r\n    height: 80vh;\r\n  }\r\n  @media screen and (min-width: 2600px) {\r\n    height: 100vh;\r\n  }\r\n`;\r\n\r\nconst IndexPage = () => (\r\n  <Layout>\r\n    <SEO title=\"Culture\" keywords={[`gatsby`, `application`, `react`]} />\r\n    <HeroVideo id=\"main-hero\" height={null} x={50} y={50} src=\"app/Video/anniversary.mp4\" posterSrc={getAssetUrl('app/video-poster.png')} loop={true} autoplay muted>\r\n    {/* <HeroVideo id=\"main-hero\" height={null} x={50} y={50} src=\"app/Video/\" posterSrc={getAssetUrl('app/ASEAN_Banner.jpg')} loop={true} autoplay muted> */}\r\n      <Block />\r\n    </HeroVideo>\r\n    <BlockContainer padding={0} className=\"pt-5\">\r\n      <Container>\r\n        <Row>\r\n          <Col md=\"12\">\r\n              <h1 className=\"mb-3\">SIDC CULTURE</h1>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </BlockContainer>\r\n    <Container fluid>\r\n      <Row>\r\n        <Col md={{ size: 6, order: 1}} sm={{ size: 12, order: 2}} className=\"p-0\">\r\n          <div className=\"px-md-5 p-5\">\r\n            <h1 className=\"text-center\">Our Quality Policy</h1>\r\n            <p className=\"mb-3 lead\"><b>S</b> atisfaction of our members and customers.</p>\r\n            <p className=\"mb-3 lead\"><b>I</b> ntegrity in everything that we do.</p>\r\n            <p className=\"mb-3 lead\"><b>D</b> evelopment and engagement of our people.</p>\r\n            <p className=\"mb-3 lead\"><b>C</b> ommitment to continually improve our processes and Quality Management System.</p>\r\n          </div>\r\n        </Col>\r\n        <Col md={{ size: 6, order: 2}} sm={{ size: 12, order: 1}}\r\n          style={{\r\n            backgroundImage: `url(\"${getAssetUrl('app/SIDC_Culture_Cover_Photo.jpg')}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n            backgroundSize: 'cover',\r\n            backgroundPosition: 'right center'\r\n          }}\r\n        >\r\n          <div style={{ height: '350px' }} />\r\n        </Col>\r\n      </Row>\r\n      <Row>\r\n        <Col md={{ size: 6, order: 2}} sm={{ size: 12, order: 2}} className=\"p-0\">\r\n          <div className=\"px-md-5 p-5\">\r\n            <h1>SIDC's Aspire to Culture</h1>\r\n            <p className=\"mb-3 lead\">To support our company's future challenges and growth, everybody should be:</p>\r\n            <ul className=\"lead\">\r\n              <li>Customer-focused</li>\r\n              <li>Open and Transparent</li>\r\n              <li>With Entrepreneurial Mindset</li>\r\n              <li>Focused and Fast Executing</li>\r\n              <li>With Institutional Loyalty</li>\r\n              <li>Facts-based</li>\r\n              <li>Practice Responsibility with Accountability</li>\r\n            </ul>\r\n            <h2>Let's solve for SIDC!</h2>\r\n          </div>\r\n        </Col>\r\n        <Col md={{ size: 6, order: 1}} sm={{ size: 12, order: 1}} className=\"p-0\"\r\n          style={{\r\n            backgroundImage: `url(\"${getAssetUrl('app/Culture.png')}\")`,\r\n            backgroundRepeat: 'no-repeat',\r\n            backgroundSize: 'cover, cover',\r\n            backgroundPosition: 'left 20%'\r\n          }}\r\n        >\r\n          <div style={{ height: '350px' }} />\r\n        </Col>\r\n      </Row>\r\n    </Container>\r\n    <CoreValues />\r\n    {/* <BlockContainer padding={5} dark id=\"awards\">\r\n      <Container>\r\n          <Row>\r\n          <Col md=\"12\">\r\n              <div className=\"text-center\">\r\n                <h2 className=\"pb-4 text-dark\">Awards</h2>\r\n              </div>\r\n          </Col>\r\n          </Row>\r\n          <Row>\r\n          <Col sm={{order: 2}} md={{ size: 3, order: 1}} className=\"align-self-center text-md-right text-center\">\r\n              <h4 className=\"text-primary\">One</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n              <h4 className=\"text-primary\">Two</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n              <h4 className=\"text-primary\">Three</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n          </Col>\r\n          <Col sm={{ order: 1 }} md={{ size: 6, order: 2}} className=\"my-3 d-none d-md-block\"> \r\n              <img className=\"img-fluid d-block pt-5\" alt=\"SIDC BENEFITS\" src={getAssetUrl('app/Awards.png')} />\r\n          </Col>\r\n          <Col sm={{order: 3}} md={{ size: 3, order: 3}} className=\"align-self-center text-md-left text-center\">\r\n              <h4 className=\"text-primary\">One</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n              <h4 className=\"text-primary\">Two</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n              <h4 className=\"text-primary\">Three</h4>\r\n              <p className=\"mb-5\">A wonderful serenity has taken possession of my entire soul.</p>\r\n          </Col>\r\n          </Row>\r\n      </Container>\r\n    </BlockContainer> */}\r\n    {/* <Parallax src=\"app/parallax.jpg\">\r\n      <Row>\r\n        <Col sm=\"6\" className=\"text-sm-left\">\r\n          <h1 className=\"text-primary\">\r\n              <b>Read the <br /> Chairman's Message</b>\r\n          </h1>\r\n        </Col>\r\n        <Col sm=\"6\" className=\"text-sm-right d-flex align-items-end flex-column\">\r\n          <Link to=\"/chairperson-message\" className=\"btn btn-primary mt-auto mb-auto\"><i className=\"fa fa-download fa-fw\"></i> Read Chairman's Message</Link>\r\n        </Col>\r\n      </Row>\r\n    </Parallax> */}\r\n  </Layout>\r\n)\r\n\r\nexport default IndexPage\r\n"],"sourceRoot":""}