{"version":3,"file":"component---src-pages-contact-index-js-e71c16114d7678dae96a.js","mappings":"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","sources":["webpack://skideo-website/./src/components/input/index.jsx","webpack://skideo-website/./src/components/logo/index.jsx","webpack://skideo-website/./src/components/navbar/index.jsx","webpack://skideo-website/./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack://skideo-website/./src/components/sectionTitle/index.jsx","webpack://skideo-website/./src/components/subTitle/index.jsx","webpack://skideo-website/./src/pages/contact/index.js","webpack://skideo-website/./src/images/icons/email.svg"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const Input = styled.input`\n    border: ${({border}) => border || \"1px solid black\"};\n    border-radius: ${({radius}) => radius || \"3px\"};\n    display: ${({ display }) => display || \"block\"};\n    padding: ${({ padding }) => padding || \"10px 20px\"};\n    margin: ${({ margin }) => margin || \"25px auto\"};\n    width: ${({ width }) => width || \"80%\"};\n    height: ${({ height }) => height || \"1.5em\"};\n    \n\n    text-align: ${({ textAlign }) => textAlign || \"left\"};;\n    font-size: ${({ size }) => size || \"14px\"};\n    text-transform: ${({ textTransform }) => textTransform || \"none\"};\n    font-weight: ${({ weight }) => weight || \"bold\"};\n    letter-spacing: 0;\n    color: ${({ color }) => color || \"#000\"};\n\n    &:focus {\n        outline: none !important;\n        border: ${({borderFocus}) => borderFocus || \"2px solid #923D41\"};\n    }\n    \n`\n\nexport const TextArea = styled.textarea`\n\n    border: 1px solid black;\n    border-radius: 5px;\n    display: block;\n    padding: 8px 15px;\n    margin: ${({ margin }) => margin || \"15px 2px\"};\n    width: -moz-available;\n    width: ${({ width }) => width || \"-webkit-fill-available\"};\n    height: -moz-available;\n    height: ${({ height }) => height || \"-webkit-fill-available\"};\n    text-align: left;\n    font-size: ${({ size }) => size || \"15px\"};\n    font-weight: ${({ weight }) => weight || \"bold\"};\n    letter-spacing: 0;\n    color: #923D41;\n    resize: ${({ resize }) => resize};\n    display: ${({ display }) => display};\n\n    &:focus {\n        outline: none !important;\n        border:2px solid #923D41;\n        box-shadow: 0px 12px 30px #923D411A;\n    }\n\n    input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */\n        color: #923D41;\n        font-weight: normal;\n        opacity: 1; /* Firefox */\n      }\n`","import React from \"react\";\nimport styled from \"styled-components\";\nimport { theme } from \"../../theme\";\n\nexport function Logo(props) {\n  const { inline, small } = props;\n\n  return (\n    <LogoContainer inline={inline} small={small}>\n      <LogoText inline={inline} small={small}>\n        Skideo\n      </LogoText>\n    </LogoContainer>\n  );\n}\n\n\n\nconst LogoContainer = styled.div`\n  display: flex;\n  flex-direction: ${({ inline }) => (inline ? \"row\" : \"column\")};\n  align-items: center;\n`;\n\n// const LogoImg = styled.img`\n//   width: 8em;\n//   height: 8em;\n\n//   ${({ inline }) =>\n//     inline &&\n//     css`\n//       width: 24px;\n//       height: 24px;\n//       margin-right: 6px;\n//     `};\n\n//   ${({ small }) =>\n//     small &&\n//     css`\n//       width: 4.8em;\n//       height: 4.8em;\n//     `};\n// `;\n\nconst LogoText = styled.div`\n  margin-top: ${({ inline }) => (inline ? 0 : \"6px\")};\n  font-size: ${({ inline, small }) =>\n    inline ? \"30px\" : small ? \"23px\" : \"40px\"};\n  color: ${({ inline }) => (inline ? \"#923d41\" : theme.primary)};\n  font-weight: 900;\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Button } from \"../button\";\nimport { Logo } from \"../logo\";\nimport { Marginer } from \"../marginer\";\n\nconst NavbarContainer = styled.div`\n  width: 100%;\n  height: 50px;\n  padding: 0 2em;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n\n  @media screen and (max-width: 600px) {\n    padding: 0 0.5em;\n  }\n`;\n\nconst BrandContainer = styled.div``;\n\nconst AccessibilityContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n`;\n\nconst LoginButton = styled(Button)`\n\n  &:hover {\n    color: #8d0303;\n  }\n`;\n\nexport function Navbar(props) {\n  return (\n    <NavbarContainer>\n      <BrandContainer>\n        <Logo inline />\n      </BrandContainer>\n      <AccessibilityContainer>\n        <a href=\"https://skideo.tv\"><Button small>Start Learning</Button></a>\n        <Marginer direction=\"horizontal\" margin=\"8px\"/>\n        <a href=\"https://skideo.tv/auth/login\"><LoginButton small>Login</LoginButton></a>\n      </AccessibilityContainer>\n    </NavbarContainer>\n  );\n}\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}","const { default: styled } = require(\"styled-components\");\n\nexport const SectionTitle = styled.h1`\n  font-size: 34px;\n  font-weight: bold;\n  color: #000;\n\n  @media screen and (max-width: 480px) {\n    text-align: center;\n  }\n`;\n","const { default: styled } = require(\"styled-components\");\n\nexport const SubTitle = styled.p`\n  font-size: 0.8em;\n  font-weight: normal;\n  color: #000;\n\n  @media screen and (max-width: 480px) {\n    text-align: center;\n  }\n`;","import React from \"react\";\nimport styled from \"styled-components\";\nimport Footer from \"../../components/footer\";\nimport { Marginer } from \"../../components/marginer\";\nimport HeaderMeta from \"../../components/metatags/head\";\nimport {Input,TextArea} from \"../../components/input\";\nimport { Navbar } from \"../../components/navbar\";\nimport { SectionTitle } from \"../../components/sectionTitle\";\nimport { SubTitle } from \"../../components/subTitle\";\nimport { Button } from \"../../components/button\";\nimport emailIcon from \"../../images/icons/email.svg\"\n\nconst PageContainer = styled.div`\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n`;\n\nconst Content = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  padding-top:3%;\n  max-width: 100%;\n\n  @media screen and (max-width: 800px) {\n    max-width: 70%;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst ImgContent = styled.div`\n  margin-left:45%;\n  max-width: 100%;\n\n  @media screen and (max-width: 800px) {\n    max-width: 70%;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst SubContent = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  max-width: 100%;\n  margin-top:-2%;\n\n  @media screen and (max-width: 800px) {\n    max-width: 70%;\n    flex-direction: column-reverse;\n  }\n`;\n\nconst Row = styled.div `\n    display: flex;\n`;\n\nconst Column = styled.div `\n    flex: 50%;\n    align-items:left;\n    justify-content: center;\n\n    @media screen and (max-width: 500px) {\n        flex:50%;\n    }\n`;\n\n\n\n\n\nconst Contact = () => {\n    return (\n        <PageContainer>\n            <HeaderMeta/>\n            <Navbar/>\n            <Content>\n                <SectionTitle>WANT TO GET IN TOUCH WITH US?</SectionTitle>\n            </Content>\n            <SubContent>\n            <SubTitle>Want to know more about our service? Questions not answered? We are here to help!</SubTitle>\n            </SubContent>\n            <Row>\n            <Column><ImgContent><img src={emailIcon} alt=\"emailIcon\" width=\"50%\" height=\"30%\" /></ImgContent></Column>\n            <Column>\n                <Input placeholder=\"First name\" width=\"50%\" height=\"30px\" margin=\"5% 25px 25px 0\"/>\n                <Input placeholder=\"Last name\" width=\"50%\" height=\"30px\" margin=\"0 25px 25px 0\"/>\n                <Input placeholder=\"Email\" width=\"50%\" height=\"30px\" margin=\"0 25px 25px 0\"/>\n                <TextArea placeholder=\"What is your enquiry?\" width=\"50%\" height=\"30%\" margin=\"0 25px 25px 0\"/>\n                <Button > Send</Button>\n            </Column>\n            </Row>\n            <Marginer direction=\"vertical\" margin=\"8em\" />\n            <Footer></Footer>\n        </PageContainer>\n      )\n}\n\nexport default Contact;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTI3IiBoZWlnaHQ9IjExOSIgdmlld0JveD0iMCAwIDEyNyAxMTkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03NS40MDYyIDg5LjI1SDE1Ljg3NUwxNS44NjMxIDMzLjExOTJMNjEuMjQxOCA2Mi41NTY4QzYxLjkwNTMgNjIuOTg3IDYyLjY5MzEgNjMuMjE3NSA2My41IDYzLjIxNzVDNjQuMzA2OSA2My4yMTc1IDY1LjA5NDcgNjIuOTg3IDY1Ljc1ODIgNjIuNTU2OEwxMTEuMTI1IDMzLjEzNDFWNjYuOTM3NUgxMTkuMDYyVjI5Ljc1QzExOS4wNTkgMjcuNzc4NCAxMTguMjIyIDI1Ljg4ODMgMTE2LjczNCAyNC40OTQyQzExNS4yNDYgMjMuMSAxMTMuMjI5IDIyLjMxNTUgMTExLjEyNSAyMi4zMTI1SDE1Ljg3NUMxMy43NzA1IDIyLjMxNDUgMTEuNzUyOCAyMy4wOTg3IDEwLjI2NDcgMjQuNDkzMUM4Ljc3NjU1IDI1Ljg4NzQgNy45Mzk2IDI3Ljc3ODEgNy45Mzc1IDI5Ljc1Vjg5LjI1QzcuOTQwNjUgOTEuMjIxNiA4Ljc3NzkzIDkzLjExMTcgMTAuMjY1OCA5NC41MDU5QzExLjc1MzcgOTUuOSAxMy43NzA4IDk2LjY4NDUgMTUuODc1IDk2LjY4NzVINzUuNDA2MlY4OS4yNVpNMTAyLjM5IDI5Ljc1TDYzLjUgNTQuOTc4TDI0LjYxMDIgMjkuNzVIMTAyLjM5WiIgZmlsbD0iYmxhY2siLz4KPHBhdGggZD0iTTEwMy4xODggMTA0LjEyNUMxMTEuOTU1IDEwNC4xMjUgMTE5LjA2MiA5Ny40NjUyIDExOS4wNjIgODkuMjVDMTE5LjA2MiA4MS4wMzQ4IDExMS45NTUgNzQuMzc1IDEwMy4xODggNzQuMzc1Qzk0LjQyIDc0LjM3NSA4Ny4zMTI1IDgxLjAzNDggODcuMzEyNSA4OS4yNUM4Ny4zMTI1IDk3LjQ2NTIgOTQuNDIgMTA0LjEyNSAxMDMuMTg4IDEwNC4xMjVaIiBmaWxsPSJibGFjayIvPgo8L3N2Zz4K\""],"names":["Input","styled","border","radius","display","padding","margin","width","height","textAlign","size","textTransform","weight","color","borderFocus","TextArea","resize","Logo","props","inline","small","LogoContainer","LogoText","theme","NavbarContainer","BrandContainer","AccessibilityContainer","LoginButton","Button","Navbar","href","direction","_taggedTemplateLiteralLoose","strings","raw","slice","SectionTitle","require","default","h1","SubTitle","p","PageContainer","Content","ImgContent","SubContent","Row","Column","src","alt","I","placeholder"],"sourceRoot":""}