{"version":3,"file":"component---src-pages-about-js-31bd0438d842959b654d.js","mappings":"yLAAA,EAAe,IAA0B,gECuBzC,MAnB0BA,GAEtBC,EAAAA,cAAA,OACEC,MAAO,CACLC,gBAAgB,OAAQA,EAAe,IACvCC,OAAQ,QACRC,mBAAoB,SACpBC,eAAgB,QAChBC,iBAAkB,YAClBC,QAAS,OACTC,eAAgB,SAChBC,WAAY,WAGdT,EAAAA,cAACU,EAAK,KAAEX,EAAMY,QAOpB,MAAMD,EAAQE,EAAAA,QAAOC,GAAEC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,eAATJ,CAAS,wC,6ICnBvB,MAAMK,EAAe,CACnB,CAAEC,KAAM,cAAeC,SAAU,WAAYC,MAAOC,EAAAA,GACpD,CAAEH,KAAM,aAAcC,SAAU,YAAaC,MAAOE,EAAAA,GACpD,CAAEJ,KAAM,eAAgBC,SAAU,YAAaC,MAAOG,EAAAA,IAoCxD,MAjCqBC,IAEjBxB,EAAAA,cAACyB,EAAS,KACRzB,EAAAA,cAAA,OAAKC,MAAO,CACTyB,UAAW,SACZ1B,EAAAA,cAACU,EAAK,KAAC,gFAIPV,EAAAA,cAAC2B,EAAO,KAAC,6bAST3B,EAAAA,cAAC4B,EAAI,KACFX,EAAaY,KAAI,CAACC,EAAMC,IACvB/B,EAAAA,cAACgC,EAAK,CACJD,IAAKA,EACLb,KAAMY,EAAKZ,KACXE,MAAOU,EAAKV,MACZD,SAAUW,EAAKX,gBAW7B,MAAMa,EAAQC,IAAgC,IAA/B,KAAEf,EAAI,MAAEE,EAAK,SAAED,GAAUc,EACtC,OACEjC,EAAAA,cAACkC,EAAa,KACVlC,EAAAA,cAAA,OAAKmC,IAAKf,EAAOgB,MAAM,QAAQjC,OAAO,UACtCH,EAAAA,cAACqC,EAAU,KAAEnB,GACblB,EAAAA,cAACsC,EAAQ,KAAEnB,GACC,EAIde,EAAgBtB,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,8BAAAC,YAAA,gBAAVJ,CAAU,yCAY1ByB,GARWzB,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAAVJ,CAAU,+EAQRA,EAAAA,QAAO4B,EAAC1B,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAARJ,CAAQ,uCAKrB0B,EAAW1B,EAAAA,QAAO4B,EAAC1B,WAAA,CAAAC,YAAA,yBAAAC,YAAA,gBAARJ,CAAQ,sCAKnBgB,EAAOhB,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,qBAAAC,YAAA,gBAAVJ,CAAU,0KAmBjBa,GANSb,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,uBAAAC,YAAA,gBAAVJ,CAAU,6DAMPA,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,0BAAAC,YAAA,gBAAVJ,CAAU,4CAiBtBF,GAbaE,EAAAA,QAAO2B,IAAGzB,WAAA,CAAAC,YAAA,2BAAAC,YAAA,gBAAVJ,CAAU,sLAafA,EAAAA,QAAO6B,GAAE3B,WAAA,CAAAC,YAAA,sBAAAC,YAAA,gBAATJ,CAAS,mHAWjBe,EAAUf,EAAAA,QAAO4B,EAAC1B,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBAARJ,CAAQ,uC,kCCzGxB,MAbkB8B,IAEd1C,EAAAA,cAAC2C,EAAAA,EAAM,KACL3C,EAAAA,cAAC4C,EAAAA,GAAM,MACP5C,EAAAA,cAAC6C,EAAAA,EAAgB,CAAClC,MAAO,UACzBX,EAAAA,cAAC8C,EAAAA,GAAI,KACH9C,EAAAA,cAACwB,EAAY,OAEfxB,EAAAA,cAAC+C,EAAAA,GAAM,M,uBChBb,IAAe,IAA0B,gE,uBCAzC,IAAe,IAA0B,oD,sBCAzC,IAAe,IAA0B,oD","sources":["webpack://madina-masjid-darwen/./src/images/backgroundHeader.jpeg","webpack://madina-masjid-darwen/./src/components/HeaderBackground.jsx","webpack://madina-masjid-darwen/./src/components/AboutContent.jsx","webpack://madina-masjid-darwen/./src/pages/about.js","webpack://madina-masjid-darwen/./src/images/ImranAhmedPicture.jpeg","webpack://madina-masjid-darwen/./src/images/aasim.jpeg","webpack://madina-masjid-darwen/./src/images/umair.jpeg"],"sourcesContent":["export default __webpack_public_path__ + \"static/backgroundHeader-0f3cf6c46e3737a290a8d626f73cbe7f.jpeg\";","import React from \"react\";\nimport styled from \"styled-components\";\nimport backgroundImage from \"../images/backgroundHeader.jpeg\";\n\nconst HeaderBackground = (props) => {\n  return (\n    <div\n      style={{\n        backgroundImage: `url(${backgroundImage})`,\n        height: \"300px\",\n        backgroundPosition: \"center\",\n        backgroundSize: \"cover\",\n        backgroundRepeat: \"no-repeat\",\n        display: \"flex\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n      }}\n    >\n      <Title>{props.title}</Title>\n    </div>\n  );\n};\n\nexport default HeaderBackground;\n\nconst Title = styled.h1`\n  font-size: 60px;\n  margin: 0;\n  color: #fff;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Aasim from \"../images/aasim.jpeg\";\nimport Imran from \"../images/ImranAhmedPicture.jpeg\";\nimport Umair from \"../images/umair.jpeg\";\n\nconst imageContent = [\n  { name: \"IMRAN AHMED\", position: \"Chairman\", image: Imran },\n  { name: \"AASIM KHAN\", position: \"Treasurer\", image: Aasim },\n  { name: \"UMAIR FAROOQ\", position: \"Secretary\", image: Umair }\n];\n\nconst AboutContent = () => {\n  return (\n    <Container>\n      <div style={{ \n         marginTop: \"10px\"}}>\n        <Title>\n          Asalamualykum warahmatullah he wabaraktuhu (peace and blessings be\n          upon you)\n        </Title>\n        <Content>\n          Thank you for visiting Madina Masjid (Mosque). We are located on\n          Victoria Street in Darwen and were the first Masjid in Darwen; we\n          first opened in 1986. A mosque is a place for worship but it is also a\n          hub for the community, all faiths and all people are welcome. Why\n          don’t you pop by for a cup of tea, a chat, or any questions you may\n          have? It would be great for you to come and meet some of the diverse\n          people we have within our community.\n        </Content>\n        <Grid>\n          {imageContent.map((item, key) => (\n            <Image\n              key={key}\n              name={item.name}\n              image={item.image}\n              position={item.position}\n            />\n          ))}\n        </Grid>\n      </div>\n    </Container>\n  );\n};\n\nexport default AboutContent;\n\nconst Image = ({ name, image, position }) => {\n  return (\n    <NewsContainer>\n        <img src={image} width=\"300px\" height=\"300px\"/>\n        <ImageTitle>{name}</ImageTitle>\n        <SubTitle>{position}</SubTitle>\n    </NewsContainer>\n  );\n};\n\nconst NewsContainer = styled.div`\n  background-color: rgba(0, 0, 0, 0.025);\n`;\n\nconst NewsCard = styled.div`\n  border-bottom: 1px solid #fff;\n  padding: 5px 0;\n  &:last-child {\n    border-bottom: 0;\n  }\n`;\n\nconst ImageTitle = styled.p`\n  font-size: 20px;\n  font-weight: bold;\n`;\n\nconst SubTitle = styled.p`\n  font-size: 20px;\n  font-weight: bold;\n`;\n\nconst Grid = styled.div`\n  max-width: 1024px;\n  margin: 4% auto;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 20px;\n  padding-top: 30px;\n\n  @media (max-width: 768px) {\n    grid-template-columns: 1fr;\n  }\n`;\n\nconst Center = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n`;\n\nconst Container = styled.div`\n  background-color: #fff;\n  padding: 4% 12%;\n`;\nconst GridWraper = styled.div`\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  max-width: 1024px;\n  margin: auto;\n  grid-column-gap: 50px;\n  padding: 0 10px;\n\n  @media (max-width: 960px) {\n    grid-template-columns: auto 1fr auto;\n  }\n`;\n\nconst Title = styled.h3`\n  margin: 0;\n  text-align: center;\n  text-transform: uppercase;\n  font-size: 20px;\n\n  @media (max-width: 480px) {\n    font-size: 20px;\n  }\n`;\n\nconst Content = styled.p`\n  marginBottom: 20px;\n  font-size: 18px;\n`;\n","import * as React from \"react\";\nimport Layout from \"../components/Layout\";\nimport Footer from \"../components/Footer\";\nimport AboutContent from \"../components/AboutContent\";\nimport { Main } from \"../styles\";\nimport HeaderBackground from \"../components/HeaderBackground\";\nimport Header from \"../components/Header\";\n\nconst IndexPage = () => {\n  return (\n    <Layout>\n      <Header />\n      <HeaderBackground title={\"ABOUT\"} />\n      <Main>\n        <AboutContent />\n      </Main>\n      <Footer />\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n","export default __webpack_public_path__ + \"static/ImranAhmedPicture-7e9508b29a2a8c5154e634269be50c63.jpeg\";","export default __webpack_public_path__ + \"static/aasim-039083342b3defc239dce0c676319015.jpeg\";","export default __webpack_public_path__ + \"static/umair-b639be171641d570ae6bec9a3c78d481.jpeg\";"],"names":["props","React","style","backgroundImage","height","backgroundPosition","backgroundSize","backgroundRepeat","display","justifyContent","alignItems","Title","title","styled","h1","withConfig","displayName","componentId","imageContent","name","position","image","Imran","Aasim","Umair","AboutContent","Container","marginTop","Content","Grid","map","item","key","Image","_ref","NewsContainer","src","width","ImageTitle","SubTitle","div","p","h3","IndexPage","Layout","Header","HeaderBackground","Main","Footer"],"sourceRoot":""}