{"version":3,"sources":["webpack:///./src/components/ContactContent/Description/index.tsx","webpack:///./src/components/ContactContent/Form/styles.ts","webpack:///./src/components/ContactContent/Form/index.tsx","webpack:///./src/templates/contact.tsx"],"names":["List","styled","ul","ListItem","li","theme","fontSize","medium","Description","data","map","i","item","image","key","src","height","dangerouslySetInnerHTML","__html","Wrapper","BootstrapRow","backgroundGray","Container","BootstrapContainer","Content","div","Title","h1","sections","headlines","large","fontWeight","color","Label","Form","Input","Control","ButtonWrapper","ContactForm","noGutters","Row","Col","lg","Group","controlId","type","as","rows","Button","paddingLeft","paddingRight","contactPageData","hero","title","description","contact","Contact","location","Meta","Layout","isHome"],"mappings":"whBAGA,IAAMA,EAAOC,IAAOC,GAAV,KAKJC,EAAWF,IAAOG,GAAV,KACC,qBAAGC,MAAkBC,SAASC,UAwB9BC,EAXK,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OAClB,kBAACT,EAAD,KACGS,EAAKC,KAAI,WAAkBC,GAAlB,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,MAAT,OACR,kBAACV,EAAD,CAAUW,IAAKH,GACb,yBAAKI,IAAKF,EAAOG,OAAO,OACxB,0BAAMC,wBAAyB,CAAEC,OAAQN,W,igCCtB1C,IAAMO,EAAUlB,YAAOmB,IAAPnB,CAAH,KACE,qBAAGI,MAAkBgB,kBAK9BC,EAAYrB,YAAOsB,IAAPtB,CAAH,KAITuB,EAAUvB,IAAOwB,IAAV,KAOPC,EAAQzB,IAAO0B,GAAV,KACH,qBAAGtB,MACRuB,SAASC,UAAUC,MAAMxB,YAClB,qBAAGD,MACVuB,SAASC,UAAUC,MAAMC,cACxB,qBAAG1B,MAAkBuB,SAASC,UAAUC,MAAME,SAK5CC,EAAQhC,YAAOiC,IAAKD,MAAZhC,CAAH,KAILkC,EAAQlC,YAAOiC,IAAKE,QAAZnC,CAAH,KACI,qBAAGI,MAAkBgB,kBAMnB,qBAAGhB,MAAkBgB,kBAIhCgB,EAAgBpC,IAAOwB,IAAV,KCcXa,EA9CK,kBAClB,kBAACnB,EAAD,CAASoB,WAAS,GAChB,kBAAC,EAAD,KACE,kBAACf,EAAD,KACE,kBAACE,EAAD,YACM,6BADN,8BAE8B,KAE9B,kBAACQ,EAAA,EAAD,KACE,kBAACM,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,CAAKC,GAAG,KACN,kBAACR,EAAA,EAAKS,MAAN,CAAYC,UAAU,gBACpB,kBAACX,EAAD,kBACA,kBAACE,EAAD,CAAOU,KAAK,WAGhB,kBAACJ,EAAA,EAAD,CAAKC,GAAG,KACN,kBAACR,EAAA,EAAKS,MAAN,CAAYC,UAAU,kBACpB,kBAACX,EAAD,cACA,kBAACE,EAAD,CAAOU,KAAK,aAIlB,kBAACL,EAAA,EAAD,KACE,kBAACC,EAAA,EAAD,KACE,kBAACP,EAAA,EAAKS,MAAN,CAAYC,UAAU,eACpB,kBAACX,EAAD,gBACA,kBAACE,EAAD,CAAOW,GAAG,WAAWD,KAAK,OAAOE,KAAM,OAI7C,kBAACV,EAAD,KACE,kBAACW,EAAA,EAAD,CACEH,KAAK,SACLI,YAAY,SACZC,aAAa,UAHf,kBClBNC,EAAkB,CACtBC,KAAM,CACJC,MAAO,aACPC,YACE,gYACFzC,MAAO,uBAET0C,QAAS,CACP,CACE3C,KAAM,uBACNC,MAAO,oBAET,CACED,KAAM,mDACNC,MAAO,uBAET,CACED,KAAM,iBACNC,MAAO,qBAET,CACED,KAAM,YACNC,MAAO,uBAKE2C,UAzCC,SAAC,GAAyC,IAAvCC,EAAuC,EAAvCA,SACjB,OACE,oCACE,kBAACC,EAAA,EAAD,CAAUD,SAAUA,IACpB,kBAACE,EAAA,EAAD,CAAQC,QAAQ,GACd,kBAAC,IAAD,CAAanD,KAAM0C,EAAgBC,MACjC,kBAAC,EAAD,CAAa3C,KAAM0C,EAAgBI,WAErC,kBAAC,EAAD","file":"component---src-templates-contact-tsx-d6ad54f3fd0455171945.js","sourcesContent":["import React, { ReactElement } from 'react';\nimport styled from '@emotion/styled';\n\nconst List = styled.ul`\n  list-style-type: none;\n  padding: 0;\n`;\n\nconst ListItem = styled.li`\n  font-size: ${({ theme }) => theme.fontSize.medium};\n  line-height: 31px;\n  margin-bottom: 1.2rem;\n  display: flex;\n  flex-direction: row;\n  span {\n    margin-left: 1.2rem;\n  }\n`;\ninterface IDescription {\n  data: { item: string; image: string }[];\n}\n\nconst Description = ({ data }: IDescription): ReactElement => (\n  <List>\n    {data.map(({ item, image }, i) => (\n      <ListItem key={i}>\n        <img src={image} height=\"31\" />\n        <span dangerouslySetInnerHTML={{ __html: item }} />\n      </ListItem>\n    ))}\n  </List>\n);\n\nexport default Description;\n","import styled from '@emotion/styled';\nimport BootstrapRow from 'react-bootstrap/Row';\nimport BootstrapContainer from 'react-bootstrap/Container';\nimport Form from 'react-bootstrap/Form';\n\nexport const Wrapper = styled(BootstrapRow)`\n  background-color: ${({ theme }) => theme.backgroundGray};\n  padding-top: 4rem;\n  padding-bottom: 4rem;\n`;\n\nexport const Container = styled(BootstrapContainer)`\n  padding: 0;\n`;\n\nexport const Content = styled.div`\n  padding: 1rem 10rem;\n  @media (max-width: 962px) {\n    padding: 1px 2rem;\n  }\n`;\n\nexport const Title = styled.h1`\n  font-size: ${({ theme }) =>\n    theme.sections.headlines.large.fontSize};\n  font-weight: ${({ theme }) =>\n    theme.sections.headlines.large.fontWeight};\n  color: ${({ theme }) => theme.sections.headlines.large.color};\n  margin-bottom: 3rem;\n  padding: 0;\n`;\n\nexport const Label = styled(Form.Label)`\n  font-weight: bold;\n`;\n\nexport const Input = styled(Form.Control)`\n  background-color: ${({ theme }) => theme.backgroundGray};\n  border: none;\n  border-bottom: 2px solid #979797;\n  border-radius: unset;\n  :hover,\n  :focus {\n    background-color: ${({ theme }) => theme.backgroundGray};\n  }\n`;\n\nexport const ButtonWrapper = styled.div`\n  float: right;\n  margin-top: 2rem;\n`;\n","import React, { ReactElement } from 'react';\nimport Form from 'react-bootstrap/Form';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport Button from 'src/components/common/Button';\nimport {\n  Wrapper,\n  Container,\n  Content,\n  Label,\n  Input,\n  Title,\n  ButtonWrapper,\n} from './styles';\n\nconst ContactForm = (): ReactElement => (\n  <Wrapper noGutters>\n    <Container>\n      <Content>\n        <Title>\n          Hi! <br />\n          We’d love to hear from you.{' '}\n        </Title>\n        <Form>\n          <Row>\n            <Col lg=\"6\">\n              <Form.Group controlId=\"formFullName\">\n                <Label>Full name</Label>\n                <Input type=\"name\" />\n              </Form.Group>\n            </Col>\n            <Col lg=\"6\">\n              <Form.Group controlId=\"formBasicEmail\">\n                <Label>Email</Label>\n                <Input type=\"email\" />\n              </Form.Group>\n            </Col>\n          </Row>\n          <Row>\n            <Col>\n              <Form.Group controlId=\"formMessage\">\n                <Label>Message</Label>\n                <Input as=\"textarea\" type=\"text\" rows={4} />\n              </Form.Group>\n            </Col>\n          </Row>\n          <ButtonWrapper>\n            <Button\n              type=\"submit\"\n              paddingLeft=\"2.4rem\"\n              paddingRight=\"2.4rem\"\n            >\n              Send now\n            </Button>\n          </ButtonWrapper>\n        </Form>\n      </Content>\n    </Container>\n  </Wrapper>\n);\n\nexport default ContactForm;\n","import React, { ReactElement } from 'react';\nimport Layout from '../components/common/Layout';\nimport { MetaData } from '../components/common/Meta';\nimport { HeroSection } from 'src/components/HomeContent';\nimport {\n  Description,\n  ContactForm,\n} from 'src/components/ContactContent';\n\ninterface IContact {\n  location: {\n    pathname: string;\n  };\n}\n\nconst Contact = ({ location }: IContact): ReactElement => {\n  return (\n    <>\n      <MetaData location={location} />\n      <Layout isHome={false}>\n        <HeroSection data={contactPageData.hero}>\n          <Description data={contactPageData.contact} />\n        </HeroSection>\n        <ContactForm />\n      </Layout>\n    </>\n  );\n};\n\nconst contactPageData = {\n  hero: {\n    title: 'Contact Us',\n    description:\n      'Alimosho is a Local Government Area in the Ikeja Division, Lagos State, Nigeria It is the largest local government in Lagos, with 1,288,714 inhabitants, according to the official 2006 Census (however, the Lagos State Government disputes the official Census figures and claims a population within the LGA of more than 2 million residents). It has now been subdivided between several',\n    image: '/images/contact.jpg',\n  },\n  contact: [\n    {\n      item: 'stackwalker@mail.com',\n      image: '/images/mail.png',\n    },\n    {\n      item: '42, Mongomery road Sabo yaba, <br> Lagos Nigeria',\n      image: '/images/address.png',\n    },\n    {\n      item: '+2348027272720',\n      image: '/images/phone.png',\n    },\n    {\n      item: '01 484692',\n      image: '/images/phone.png',\n    },\n  ],\n};\n\nexport default Contact;\n"],"sourceRoot":""}