{"version":3,"file":"component---src-pages-company-registration-tsx-14331e8cf115754300fe.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/buttons/Enquirebutton.tsx","webpack://gatsby-starter-default/./src/components/lines/Line.tsx","webpack://gatsby-starter-default/./src/components/sections/CompanySection.tsx","webpack://gatsby-starter-default/./src/components/sections/CompanyHero.tsx","webpack://gatsby-starter-default/./src/pages/company-registration.tsx","webpack://gatsby-starter-default/./src/styles/HeroElement.tsx"],"sourcesContent":["import { Link } from \"gatsby\"\nimport React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { H4 } from \"../../styles/TextStyles\"\n\ninterface EnquireButtonProps {\n  title?: string\n}\n\nconst EnquireButton: FunctionComponent<EnquireButtonProps> = ({\n  title = \"Enquire now\",\n}) => {\n  return (\n    <Button>\n      <Link to=\"/enquire\">\n        <Wrapper>\n          <Title>{title}</Title>\n        </Wrapper>\n      </Link>\n    </Button>\n  )\n}\n\nexport default EnquireButton\nconst Button = styled.div`\n  a {\n    text-decoration: none;\n  }\n`\nconst Wrapper = styled.div`\n  display: grid;\n  justify-content: center;\n  align-items: center;\n  width: 280px;\n  height: 77px;\n  background: blue;\n  color: white;\n  border-radius: 12px;\n  font-size: 17px;\n  cursor: pointer;\n  font-weight: 400;\n  @media (max-width: 640px) {\n    width: 230px;\n    height: 55px;\n  }\n`\nconst Title = styled(H4)``\n","import React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\n\ninterface LineProps {\n  title?: string\n}\n\nconst Line: FunctionComponent<LineProps> = props => {\n  const { title = \"Think Big, Think Joshua Organisation\" } = props\n  return (\n    <Wrapper>\n      <Title>{title}</Title>\n    </Wrapper>\n  )\n}\n\nexport default Line\n\nconst Wrapper = styled.div`\n  padding: 30px 0 30px 0;\n  width: 1438px;\n  background: blue;\n  height: 80px;\n\n  @keyframes blink-caret {\n    from,\n    to {\n      border-color: transparent;\n    }\n    50% {\n      border-color: #fff;\n    }\n  }\n  @keyframes typing {\n    0% {\n      width: 0%;\n    }\n    30% {\n      width: 100%;\n    }\n    80% {\n      width: 100%;\n    }\n    90% {\n      width: 0%;\n    }\n    100% {\n      width: 0%;\n    }\n  }\n\n  @media (max-width: 1024px) {\n    width: 800px;\n  }\n  @media (max-width: 768px) {\n    width: 700px;\n  }\n  @media (max-width: 640px) {\n    width: 300px;\n    height: 40px;\n  }\n`\nconst Title = styled.h1`\n  /* color: rgba(103, 128, 159, 1); */\n  color: white;\n  text-transform: uppercase;\n\n  text-align: center;\n  font-size: 19px;\n  @media (max-width: 640px) {\n    font-size: 14px;\n  }\n  //Aninmation\n  white-space: nowrap;\n  overflow: hidden;\n  animation: typing 15s steps(300) forwards, blink-caret 0.15s step-end infinite;\n  animation-iteration-count: infinite;\n`\n","import { graphql, useStaticQuery } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport React, { FunctionComponent } from \"react\"\nimport {\n  ContentWrapper,\n  Description,\n  FileWrapper,\n  TextWrapperWrapper,\n  Title,\n  Wrapper,\n} from \"../../styles/HeroElement\"\n// import Enquirebutton from \"../buttons/Enquirebutton\"\n\ninterface CompanySectionProps {\n  title?: string\n  description?: string\n}\n\nconst CompanySection: FunctionComponent<CompanySectionProps> = props => {\n  const {\n    title = \"Company Registration\",\n    description = \"Register your company and receive all your documentation within only 72 hours. For the special price of ONLY R650!\",\n  } = props\n\n  const data = useStaticQuery(graphql`\n    query CompanyQuery {\n      Image: file(relativePath: { eq: \"cip.jpeg\" }) {\n        childImageSharp {\n          gatsbyImageData(layout: CONSTRAINED, quality: 10)\n        }\n      }\n    }\n  `)\n  return (\n    <Wrapper>\n      <ContentWrapper>\n        <TextWrapperWrapper>\n          <Title>{title}</Title>\n          <Description>{description}</Description>\n          {/* <Enquirebutton /> */}\n        </TextWrapperWrapper>\n        <FileWrapper>\n          <GatsbyImage\n            style={styles}\n            alt=\"image\"\n            image={data.Image.childImageSharp.gatsbyImageData}\n          />\n        </FileWrapper>\n      </ContentWrapper>\n    </Wrapper>\n  )\n}\n\nexport default CompanySection\nconst styles = {\n  borderRadius: \"20px\",\n}\n","import React, { FunctionComponent } from \"react\"\nimport styled from \"styled-components\"\nimport { H2, Paragraph } from \"../../styles/TextStyles\"\n\ninterface ComaponyRegistrationHeroProps {\n  title?: string\n  subtitle?: string\n}\n\nconst CampanyRegistitrationHero: FunctionComponent<ComaponyRegistrationHeroProps> =\n  props => {\n    const {\n      title = \"CIPC Company registration\",\n      subtitle = \"Register your business in record time! Receive the following documents in 72 Hours:\",\n    } = props\n    return (\n      <Wrapper>\n        <ContentWrapper>\n          <TextWrapper>\n            <Title>{title}</Title>\n            <Subtitle>{subtitle}</Subtitle>\n          </TextWrapper>\n          <ListWrapper>\n            <List>CIPC Registration</List>\n            <List>BBBEE Certificate</List>\n            <List>Income Tax Number</List>\n            <List>SARS Documentation</List>\n          </ListWrapper>\n        </ContentWrapper>\n      </Wrapper>\n    )\n  }\n\nexport default CampanyRegistitrationHero\n\nconst Wrapper = styled.div`\n  padding: 100px 38px;\n`\nconst ContentWrapper = styled.div`\n  display: grid;\n  gap: 50px;\n`\nconst Title = styled(H2)`\n  font-weight: 700;\n  @media (max-width: 640px) {\n    font-size: 30px;\n    line-height: 130%;\n  }\n`\nconst Subtitle = styled(Paragraph)`\n  max-width: 400px;\n  line-height: 130%;\n`\nconst List = styled.li`\n  font-size: 22px;\n  font-weight: bold;\n`\nconst ListWrapper = styled.div`\n  display: grid;\n  gap: 20px;\n  justify-content: center;\n`\nconst TextWrapper = styled.div`\n  display: grid;\n  gap: 20px;\n`\n","import React, { FunctionComponent } from \"react\"\nimport Layout from \"../components/layout/Layout\"\nimport SEO from \"../components/layout/SEO\"\nimport CompanySection from \"../components/sections/CompanySection\"\nimport CompanyRegistrationHero from \"../components/sections/CompanyHero\"\nimport Line from \"../components/lines/Line\"\nimport EnquireButton from \"../components/buttons/Enquirebutton\"\nimport styled from \"styled-components\"\n\ninterface CompanyRegistrationProps {\n  title: string\n  name: string\n  content: string\n}\n\nconst CompanyRegistration: FunctionComponent<CompanyRegistrationProps> =\n  props => {\n    const {\n      title = \"Company Registration\",\n      name = \"Keywords\",\n      content = \"Education\",\n    } = props\n    return (\n      <Layout>\n        <SEO title={title} />\n        <meta name={name} content={content} />\n        <CompanySection />\n        <LineWrapper>\n          <Line />\n        </LineWrapper>\n        <CompanyRegistrationHero />\n        <ButtonWrapper>\n          <EnquireButton />\n        </ButtonWrapper>\n      </Layout>\n    )\n  }\n\nexport default CompanyRegistration\n\nconst LineWrapper = styled.div`\n  margin: 50px 0 0 0;\n  display: grid;\n  justify-content: center;\n`\nconst ButtonWrapper = styled.div`\n  display: grid;\n  justify-content: center;\n  padding: 0 0 120px 0;\n  @media (max-width: 640px) {\n    padding: 10px 0 40px 0;\n  }\n`\n","import styled from \"styled-components\"\nimport { H1, Paragraph } from \"./TextStyles\"\n\nexport const Wrapper = styled.div`\n  padding: 100px 100px 0 100px;\n`\nexport const ContentWrapper = styled.div`\n  justify-content: center;\n  max-width: 1234px;\n  display: grid;\n  grid-template-columns: 500px auto;\n  gap: 40px;\n  align-items: center;\n  @media (max-width: 1024px) {\n    grid-template-columns: 500px;\n  }\n  @media (max-width: 768px) {\n    grid-template-columns: 500px;\n  }\n  @media (max-width: 640px) {\n    grid-template-columns: auto;\n  }\n`\nexport const TextWrapperWrapper = styled.div`\n  max-width: 500px;\n  display: grid;\n  gap: 30px;\n\n  @media (max-width: 640px) {\n    max-width: 360px;\n    grid-template-columns: 300px;\n  }\n`\nexport const FileWrapper = styled.div``\nexport const Image = styled.img`\n  width: 600px;\n  border-radius: 20px;\n  @media (max-width: 1024px) {\n    width: 500px;\n  }\n  @media (max-width: 768px) {\n    width: 500px;\n  }\n  @media (max-width: 640px) {\n    width: 300px;\n  }\n`\n\nexport const Title = styled(H1)`\n  @media (max-width: 640px) {\n    width: 300px;\n    font-size: 30px;\n  }\n  color: black;\n  font-weight: bold;\n`\nexport const Description = styled(Paragraph)`\n  line-height: 160%;\n`\n"],"names":["title","Button","Link","to","Wrapper","Title","styled","H4","props","description","data","useStaticQuery","G","style","styles","alt","image","Image","childImageSharp","gatsbyImageData","borderRadius","subtitle","ContentWrapper","TextWrapper","Subtitle","ListWrapper","List","H2","Paragraph","name","content","Layout","SEO","LineWrapper","Line","ButtonWrapper","TextWrapperWrapper","FileWrapper","H1","Description"],"sourceRoot":""}