soniCaH / KCVV-Elewijt-Gatsby

import React, { Component } from "react"

import HeaderBgTitle from "../../components/header-bg-title"

import SEO from "../../components/seo"

import ogImage from "../../images/header-contact.jpg"

import Layout from "../../layouts/index"

class ContactPage extends Component {

  render() {

    return (

      <Layout>

        <SEO

          lang="nl-BE"

          title="Contact"

          description="Overzicht van de contactmogelijkheden."

          path={this.props.location.pathname}

          image={{ src: ogImage, width: 2048, height: 546 }}

        />

        <HeaderBgTitle title="Contact" classes={`contact-page`} />

        <div className={`limited-width_wrapper`}>

          <table className="page-footer__contact-details">

            <tbody>

              <tr>

                <th className="page-footer__contact-details__label">KCVV Elewijt</th>

                <td className="page-footer__contact-details__value">Driesstraat 30, 1982 Elewijt</td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Voorzitter</th>

                <td className="page-footer__contact-details__value">Rudy Bautmans</td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">GC</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">John De Ron</a>

                </td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Algemeen contact</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">[email protected]</a>

                </td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Jeugdwerking</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">[email protected]</a>

                </td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Sponsoring</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">[email protected]</a>

                </td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Verhuur kantine</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">Ann Walgraef</a>

                </td>

              </tr>

              <tr>

                <th className="page-footer__contact-details__label">Website</th>

                <td className="page-footer__contact-details__value">

                  <a href="mailto:[email protected]">Kevin Van Ransbeeck</a>

                </td>

              </tr>

            </tbody>

          </table>

        </div>

      </Layout>

    )

  }

}

export default ContactPage