// React, NextJS
import React from "react";
import Head from "next/head";

// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';

import GoogleMaps from "../components/GogoleMaps.jsx";

export default function Impressum(props) {
  return (
    <>
      <Head>
        <meta
          name="description"
          content="Hans Prothmann Gmbh - Industriestr. 6 - 82194 Gröbenzell"
        />
        <meta
          name="keywords"
          content="Impressum, Prothmann, Hans Prothmann GmbH"
        />
        <title>Impressum - Prothmann GmbH</title>
      </Head>
      <Container fluid className="products-container navbar-spacing">
        <Row className="align-items-center min-height-100">
          <div
            className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img col-lg-6 p-0`}
          >
            <GoogleMaps />
          </div>

          <div
            className={`col-lg-6 pl-0 align-self-center p-5 mb-5 h-100 col-lg-6`}
          >
            <h1 className="mainheading">Impressum</h1>
            <div className="description">
              <p>
                Hans Prothmann GmbH
                <br />
                Industriestraße 6<br />
                82194 Gröbenzell (bei München)
                <br />
              </p>
              <p>
                <b>E-Mail</b>{" "}
                <a title="Schreiben Sie uns eine eMail" href="mailto:info@prothmann.com">info@prothmann.com</a>
                <br />
                <b>Telefon</b> <a title="Rufen Sie uns an" href="tel:+49814259951">+49 (0) 8142 59951</a>
                <br />
                <b>Fax</b> <a title="Senden Sie uns ein Fax" href="fax:+49814259953">+49 (0) 8142 59953</a>
              </p>
              <p>
                <b>Geschäftsführer</b> Dr. Kolja Prothmann & Hans Prothmann
                <br />
                <b>Handelsregister</b> HRB München 78953
                <br />
                <b>USt.-ID</b> DE 128 228 855
              </p>
            </div>
          </div>
        </Row>
        <Row>
          <Col className="text-center my-5">
            <h2>Nützliche Links</h2>
            <p>
              Unsere Maschinen von Amada
              <br />
              <a href="http://www.amada.de/" target="_blank" rel="noreferrer" title="Link zur Firma AMADA, unser Maschinenhersteller">
                www.amada.de
              </a>
              <br />
              <br />
              Unsere Auszeichnung des percision sheet metal technology fairs
              <br />
              <a
                href="http://www.amada.co.jp/fair/eng/awards/27th/tatech01.html"
                target="_blank"
                rel="noreferrer"
                title="Link zu unserer Auszeichnung des Percision Sheet Metal Technology Fairs"
              >
                www.amada.co.jp
              </a>
              <br />
              <br />
              Metallinnung
              <br />
              <a
                href="http://www.fachverband-metall-bayern.de/"
                target="_blank"
                rel="noreferrer"
                title="Link zum Metall Fachverband"
              >
                www.fachverband-metall-bayern.de
              </a>
              <br />
              <br />
              Unsere Website von CAnetzberger Design
              <br />
              <a href="https://www.canetzberger.design" target="_blank" rel="noreferrer" title="Link zu unserem Webdesign, CAnetzberger Design">
                www.canetzberger.design
              </a>
            </p>
          </Col>
        </Row>
      </Container>
    </>
  );
}
