text: import React, { Component } from "react";
  import { Section, SectionButton } from "../../utils";
  import Title from "../../utils/Title";
  import { styles } from "../../utils";
  import styled from "styled-components";
  import { Link } from "gatsby";
  
  export default class QuickInfo extends Component {
    render() {
      return (
        <Section>
          <Title message="let us tell you" title="our mission"></Title>
          <QuickInfoWrapper>
            <p className="text">
              orem Ipsum is simply dummy text of the printing and typesetting
              industry. Lorem Ipsum has been the industry's standard dummy text
              ever since the 1500s, when an unknown printer took a galley of type
              and scrambled it to make a type specimen book. It
            </p>
            <Link to="/about" style={{ textDecoration: "none" }}>
              <SectionButton style={{ margin: "2rem auto" }}>about</SectionButton>
            </Link>
          </QuickInfoWrapper>
        </Section>
      );
    }
  }
  
  const QuickInfoWrapper = styled.div`
    width: 90%;
    margin: 2rem auto;
    .text {
      line-height: 2rem;
      color: ${styles.colors.mainGrey};
      word-spacing: 0.2rem;
    }
    @media (min-width: 768px) {
      width: 60%;
    }
  `;
  