{"version":3,"sources":["webpack:///./src/components/AboutContent/styles.ts","webpack:///./src/components/AboutContent/index.tsx","webpack:///./src/templates/about.tsx"],"names":["Card","styled","Col","props","align","theme","sections","headlines","large","fontWeight","fontSize","color","xlarge","Image","img","AboutContent","aboutus","team","title","headline","items","Row","noGutters","map","item","i","lg","key","side","description","src","image","aboutPageData","hero","About","location","Meta","Layout","isHome","data"],"mappings":"knBAGO,IAAMA,EAAOC,YAAOC,IAAPD,CAAH,KACD,SAACE,GAAD,OAAWA,EAAMC,SAEtB,SAACD,GAAD,OAAWA,EAAMC,SAET,qBAAGC,MACVC,SAASC,UAAUC,MAAMC,cACpB,qBAAGJ,MACRC,SAASC,UAAUC,MAAME,YACxB,qBAAGL,MAAkBC,SAASC,UAAUC,MAAMG,SAG9C,qBAAGN,MAAkBC,SAASC,UAAUC,MAAMG,SAC1C,qBAAGN,MAAkBK,SAASE,UAOlCC,EAAQZ,IAAOa,IAAV,KC+BHC,EA9BM,SAAC,GAGa,IAFjCC,EAEiC,EAFjCA,QACAC,EACiC,EADjCA,KAEQC,EAA2BF,EAA3BE,MAAOC,EAAoBH,EAApBG,SAAUC,EAAUJ,EAAVI,MACzB,OACE,oCACE,kBAAC,IAAD,CAAiBF,MAAOA,EAAOC,SAAUA,GACvC,kBAACE,EAAA,EAAD,CAAKC,WAAS,GACXF,EAAMG,KAAI,SAACC,EAAMC,GAChB,OACE,kBAACvB,EAAA,EAAD,CAAKwB,GAAG,KAAKC,IAAKF,GAChB,kBAACzB,EAAD,CAAMI,MAAOoB,EAAKI,MAChB,kBAAC1B,EAAA,EAAD,KACE,4BAAKsB,EAAKN,OACV,2BAAIM,EAAKK,qBAQvB,kBAAC,IAAD,CAAiBX,MAAOD,EAAKC,MAAOC,SAAUF,EAAKE,UACjD,kBAACN,EAAD,CAAOiB,IAAKb,EAAKc,WCrBnBC,EAAgB,CACpBC,KAAM,CACJf,MAAO,WACPW,YACE,0fACFE,MAAO,uBAETf,QAAS,CACPE,MAAO,aACPC,SACE,8EACFC,MAAO,CACL,CACEF,MAAO,cACPW,YACE,8KACFD,KAAM,QAER,CACEV,MAAO,cACPW,YACE,8IACFD,KAAM,WAIZX,KAAM,CACJC,MAAO,WACPC,SACE,8EACFY,MAAO,+BAIIG,UAjDD,SAAC,GAAuC,IAArCC,EAAqC,EAArCA,SACf,OACE,oCACE,kBAACC,EAAA,EAAD,CAAUD,SAAUA,IACpB,kBAACE,EAAA,EAAD,CAAQC,QAAQ,GACd,kBAAC,IAAD,CAAaC,KAAMP,EAAcC,OACjC,kBAAC,EAAD,CACEjB,QAASgB,EAAchB,QACvBC,KAAMe,EAAcf","file":"component---src-templates-about-tsx-66f6e515070d0805d466.js","sourcesContent":["import styled from '@emotion/styled';\nimport Col from 'react-bootstrap/Col';\n\nexport const Card = styled(Col)`\n  text-align: ${(props) => props.align};\n  width: 45%;\n  float: ${(props) => props.align};\n  h2 {\n    font-weight: ${({ theme }) =>\n      theme.sections.headlines.large.fontWeight};\n    font-size: ${({ theme }) =>\n      theme.sections.headlines.large.fontSize};\n    color: ${({ theme }) => theme.sections.headlines.large.color};\n  }\n  p {\n    color: ${({ theme }) => theme.sections.headlines.large.color};\n    font-size: ${({ theme }) => theme.fontSize.xlarge};\n  }\n  @media (max-width: 992px) {\n    width: 100%;\n  }\n`;\n\nexport const Image = styled.img`\n  width: 99vw;\n`;\n","import React, { ReactElement } from 'react';\nimport Row from 'react-bootstrap/Row';\nimport Col from 'react-bootstrap/Col';\nimport { CenteredContent } from 'src/components/common/Sections';\nimport { Card, Image } from './styles';\n\ninterface IAboutContent {\n  aboutus: {\n    title: string;\n    headline: string;\n    items: IItem[];\n  };\n  team: {\n    title: string;\n    headline: string;\n    image: string;\n  };\n}\ninterface IItem {\n  title: string;\n  description: string;\n  side: string;\n}\n\nconst AboutContent = ({\n  aboutus,\n  team,\n}: IAboutContent): ReactElement => {\n  const { title, headline, items } = aboutus;\n  return (\n    <>\n      <CenteredContent title={title} headline={headline}>\n        <Row noGutters>\n          {items.map((item, i) => {\n            return (\n              <Col lg=\"12\" key={i}>\n                <Card align={item.side}>\n                  <Col>\n                    <h2>{item.title}</h2>\n                    <p>{item.description}</p>\n                  </Col>\n                </Card>\n              </Col>\n            );\n          })}\n        </Row>\n      </CenteredContent>\n      <CenteredContent title={team.title} headline={team.headline}>\n        <Image src={team.image} />\n      </CenteredContent>\n    </>\n  );\n};\n\nexport default AboutContent;\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 AboutContent from 'src/components/AboutContent';\n\ninterface IAbout {\n  location: {\n    pathname: string;\n  };\n}\n\nconst About = ({ location }: IAbout): ReactElement => {\n  return (\n    <>\n      <MetaData location={location} />\n      <Layout isHome={false}>\n        <HeroSection data={aboutPageData.hero} />\n        <AboutContent\n          aboutus={aboutPageData.aboutus}\n          team={aboutPageData.team}\n        />\n      </Layout>\n    </>\n  );\n};\n\nconst aboutPageData = {\n  hero: {\n    title: 'About Us',\n    description:\n      'Stackwalker LLC is a provider of custom web, cloud, mobile, digital, and desktop software development and consulting services to clients in every industry from hot startups to Fortune 500 companies. We also offer Devops Services and Consulting, Cloud and Infrastructure development and migration services. Finally, we help businesses deploy, manage and support enterprise business applications developed by major market leaders such as Google, Amazon Web Services and Microsoft, Cisco, Vmware, Oodo etc.',\n    image: '/images/aboutus.jpg',\n  },\n  aboutus: {\n    title: 'Who We are',\n    headline:\n      'We builds amazing software products, for various version of your platform. ',\n    items: [\n      {\n        title: 'Our Mission',\n        description:\n          'To provide innovative, superior, high quality and affordable products that businesses, governments and customers love and our employees are proud and motivated to work on.',\n        side: 'left',\n      },\n      {\n        title: 'Our Vission',\n        description:\n          'To create transparent and accountable local government system in Nigeria which will be truly responsive to the genuine needs of the people.',\n        side: 'right',\n      },\n    ],\n  },\n  team: {\n    title: 'Our Team',\n    headline:\n      'We builds amazing software products, for various version of your platform. ',\n    image: '/images/aboutus_footer.jpg',\n  },\n};\n\nexport default About;\n"],"sourceRoot":""}