text: import React from 'react';
  // import { navigate } from 'gatsby-link';
  import styled from 'styled-components';
  import Layout from '../../components/Layout';
  import StyledPageContainer from '../../styles/StyledPageContainer';
  
  // function encode (data) {
  //   return Object.keys(data)
  //     .map(key => `${encodeURIComponent(key)  }=${  encodeURIComponent(data[key])}`)
  //     .join('&')
  // }
  
  export default class Index extends React.Component {
    // constructor (props) {
    //   super(props)
    //   this.state = { isValidated: false }
    // }
  
    // handleChange = e => {
    //   this.setState({ [e.target.name]: e.target.value })
    // }
  
    // handleSubmit = e => {
    //   e.preventDefault()
    //   const form = e.target
    //   fetch('/', {
    //     method: 'POST',
    //     headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    //     body: encode({
    //       'form-name': form.getAttribute('name'),
    //       ...this.state,
    //     }),
    //   })
    //     .then(() => navigate(form.getAttribute('action')))
    //     .catch(error => alert(error))
    // }
  
    render() {
      return (
        <Layout>
          <StyledPageContainer className="section">
            <h1>This is the contact page</h1>
          </StyledPageContainer>
        </Layout>
      );
    }
  }
  