383 lines
16 KiB
JavaScript
383 lines
16 KiB
JavaScript
import React from "react";
|
|
import Head from "next/head";
|
|
import Link from "next/link";
|
|
import Image from "next/image";
|
|
import { gsap } from "gsap/dist/gsap";
|
|
import { ScrollTrigger } from "gsap/dist/ScrollTrigger.js";
|
|
|
|
import ProductContainer from "../components/productscontainer.jsx";
|
|
|
|
gsap.registerPlugin(ScrollTrigger);
|
|
|
|
export default class Home extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
|
|
this.productsWrapper = React.createRef();
|
|
}
|
|
|
|
componentDidMount() {}
|
|
|
|
render() {
|
|
return (
|
|
<>
|
|
<Head>
|
|
<meta
|
|
name="description"
|
|
content="Die Hans Prothmann GmbH ist Ihr Experte für Blechverarbeitung in München. Professionelles Laserschneiden, Stanzen, Biegen und Gravieren in München."
|
|
/>
|
|
<meta
|
|
name="keywords"
|
|
content="Blechverarbeitung München, Blechverarbeitung Gröbenzell, Laserteile, Biegeteile, Stanzteile"
|
|
/>
|
|
<meta name="robots" content="index, follow" />
|
|
<title> Prothmann - Blechverarbeitung in München </title>
|
|
</Head>
|
|
<div
|
|
className="container-fluid background-image landing-img d-flex align-items-center minh-100vh navbar-spacing"
|
|
style={{
|
|
backgroundImage:
|
|
"url(/background/fertigungsverfahren/laserteile.webp)",
|
|
}}
|
|
>
|
|
<div className="col text-center">
|
|
<Image
|
|
src="/landinglogo.svg"
|
|
className="products-img"
|
|
alt="Logo der Hans Prothmann GmbH"
|
|
layout="intrinsic"
|
|
width={500}
|
|
height={500}
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col mt-5 text-center">
|
|
<h1> Ihr Experte für Blechverarbeitung in München </h1>
|
|
<p>
|
|
Seit 1971 ist die Hans Prothmann GmbH ihr verlässlicher Partner
|
|
für Blechverarbeitung in München. Unsere Produktion setzt auf
|
|
einen modernen Maschinenpark mit
|
|
<Link href="/fertigungsverfahren/laserteile">
|
|
<a> CNC Laser-</a>
|
|
</Link>
|
|
,
|
|
<Link href="/fertigungsverfahren/stanzteile">
|
|
<a> CNC Stanz-</a>
|
|
</Link>
|
|
,
|
|
<Link href="/fertigungsverfahren/biegeteile">
|
|
<a> CNC Biege-</a>
|
|
</Link>{" "}
|
|
und
|
|
<Link href="/fertigungsverfahren/lasergravur">
|
|
<a> Gravurtechnik</a>
|
|
</Link>
|
|
, mit welchem wir anspruchsvolle, qualitativ hochwertige
|
|
Bauteile für Sie fertigen - egal ob 0 Serie oder
|
|
Massenproduktion.
|
|
</p>
|
|
<p>
|
|
Unsere Stärke liegt vor allem in der Präzision unserer
|
|
Fertigungsteile. Branchenübliche Toleranzen von 0, 1 mm können
|
|
wir deutlich unterschreiten und Teile mit Toleranzen von 0, 01
|
|
mm in Serie fertigen. Um diesen Anforderungen gerecht zu werden,
|
|
kalibrieren wir unsere Maschinen regelmäßig auf den Mikrometer
|
|
genau - das ist Hightech in Blech.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="container-fluid mb-5">
|
|
<div className="row text-center">
|
|
<div className="col-lg-4 col-xs-12 p-0">
|
|
<Link href="/fertigungsverfahren/laserteile">
|
|
<a>
|
|
<div
|
|
className="background-image d-flex align-items-center flex-column filter-grey"
|
|
style={{
|
|
backgroundImage:
|
|
"url('/background/fertigungsverfahren/laserteile.webp')",
|
|
}}
|
|
>
|
|
<Image
|
|
src="/icons/fertigungsverfahren/laserteile.svg"
|
|
alt="Icon einer Lasermaschine zum Herstellen von Laserteile"
|
|
className="p-3"
|
|
layout="intrinsic"
|
|
width={250}
|
|
height={250}
|
|
/>
|
|
<h3 className="text-white"> Laserteile </h3>
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
<div className="col-lg-4 col-xs-12 p-0">
|
|
<Link href="/fertigungsverfahren/stanzteile">
|
|
<a>
|
|
<div
|
|
className="background-image d-flex align-items-center flex-column filter-grey"
|
|
style={{
|
|
backgroundImage:
|
|
"url('/background/fertigungsverfahren/stanzteile.webp')",
|
|
}}
|
|
>
|
|
<Image
|
|
src="/icons/fertigungsverfahren/stanzteile.svg"
|
|
alt="Icon einer Stanzmaschine zum Herstellen von Stanzteile"
|
|
className="p-3"
|
|
layout="intrinsic"
|
|
width={250}
|
|
height={250}
|
|
/>
|
|
<h3 className="text-white"> Stanzteile </h3>
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
<div className="col-lg-4 col-xs-12 p-0">
|
|
<Link href="/fertigungsverfahren/biegeteile">
|
|
<a>
|
|
<div
|
|
className="background-image d-flex align-items-center flex-column filter-grey"
|
|
style={{
|
|
backgroundImage:
|
|
"url('/background/fertigungsverfahren/biegeteile.webp')",
|
|
}}
|
|
>
|
|
<Image
|
|
src="/icons/fertigungsverfahren/biegeteile.svg"
|
|
alt="Icon einer Biegemaschine zum Herstellen von Biegeteilen"
|
|
className="p-3"
|
|
layout="intrinsic"
|
|
width={250}
|
|
height={250}
|
|
/>
|
|
<h3 className="text-white"> Biegeteile </h3>
|
|
</div>
|
|
</a>
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div className="container">
|
|
<div className="row">
|
|
<div className="col-12 col-lg-8 offset-lg-2 mt-5">
|
|
<h2 className="text-center"> Produkte </h2>
|
|
<p className="text-center">
|
|
Wir verarbeiten alle auf dem Weltmarkt erhältlichen Materialien.
|
|
Durch unsere Spezialisierung auf Feinbleche haben wir oft auch
|
|
schwierig zu beschaffende Materialien wie z.B. säurebeständige
|
|
Edelstähle, Federstahl, Bronze und Messing, sowie Mu-Metal auf
|
|
Lager.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div className="row mb-5">
|
|
<ProductContainer
|
|
imgurl="/products/elektronikgehaeuse.webp"
|
|
imgalt="Elektronikgehäuse aus Blech, Stanzteil, Laserteil"
|
|
title="Elektronikgehäuse"
|
|
>
|
|
<p>
|
|
Unsere Elektronikgehäuse werden mit{" "}
|
|
<Link href="/fertigungsverfahren/stanzteile">
|
|
<a>Stanz-</a>
|
|
</Link>{" "}
|
|
oder{" "}
|
|
<Link href="/fertigungsverfahren/laserteile">
|
|
<a>Lasertechnik</a>
|
|
</Link>{" "}
|
|
aus einer Blechplatine gefertigt. Die endgültige Form bekommen
|
|
die Teile nach der Umformung auf unseren{" "}
|
|
<Link href="/fertigungsverfahren/biegeteile">
|
|
<a>CNC Biegemaschinen</a>
|
|
</Link>
|
|
.
|
|
</p>
|
|
</ProductContainer>
|
|
<ProductContainer
|
|
imgurl="/products/elektronikaufnahme.webp"
|
|
imgalt="Edelstahlkörper mit Gewindedüsen, Gewindebolzen, Senkungen und Erdungsfahne"
|
|
title="Elektronikaufnahme"
|
|
>
|
|
<p>
|
|
An dem Edelstahlgrundkörper sieht man unser Leistungsspektrum
|
|
rund ums Blech. Es sind Gewindedüsen geformt, Gewindebolzen
|
|
eingepresst, Senkungen geschnitten und Erdungsfahnen
|
|
angeschweißt.
|
|
</p>
|
|
</ProductContainer>
|
|
<ProductContainer
|
|
imgurl="/products/chassismesstechnik.webp"
|
|
imgalt="Dreieckiges Laserteil mit höchster Präzision"
|
|
title="Chassis für Messtechnik"
|
|
>
|
|
<p>
|
|
Spezielle Messtechnik benötigt häufig auch spezielle Lösungen in
|
|
der Mechanik. Dieses dreieckige Gehäuse stellt höchste
|
|
Anforderungen an die Umform- und Abkanttechnik.
|
|
</p>
|
|
</ProductContainer>
|
|
<ProductContainer
|
|
imgurl="/products/teleskopdurchfuehrungen.webp"
|
|
imgalt="Teleskopdurchführungen aus Blech mit perfekter Ebenheit"
|
|
title="Teleskopdurchführungen"
|
|
>
|
|
<p>
|
|
Bei diesen Biegeteilen liegt die Schwierigkeit in der Ebenheit
|
|
der Werkstücke. Die Ebenheit muss selbst nach der
|
|
Wärmeeinwirkung beim{" "}
|
|
<Link href="/fertigungsverfahren/stanzteile">
|
|
<a>Lasern</a>
|
|
</Link>{" "}
|
|
und nach der Umformung beim{" "}
|
|
<Link href="/fertigungsverfahren/biegeteile">
|
|
<a>Abkanten</a>
|
|
</Link>{" "}
|
|
gewährleistet sein.
|
|
</p>
|
|
</ProductContainer>
|
|
<ProductContainer
|
|
imgurl="/products/federn.webp"
|
|
imgalt="Mit Spezialwerkzeug gefertigte Federn aus exotischen Materialien mit Lasergravur"
|
|
title="Federn aus exotischen Materialien"
|
|
>
|
|
<p>
|
|
Wir haben eine große Auswahl an Federstählen auf Lager und
|
|
fertigen die Federn mit Spezialwerkzeugen aus eigener
|
|
Produktion. Diese Federn aus Kupfer mit{" "}
|
|
<Link href="/fertigungsverfahren/lasergravur">
|
|
<a>Lasergravur</a>
|
|
</Link>{" "}
|
|
zeigen die Präzision bei der Fertigung.
|
|
</p>
|
|
</ProductContainer>
|
|
<ProductContainer
|
|
imgurl="/products/metallabschirmung.webp"
|
|
imgalt="Runde Metallabschirmung aus Blech"
|
|
title="MU-Metall Abschirmungen"
|
|
>
|
|
<p>
|
|
Aufgrund unserer langjährigen Erfahrung im audiovisuellen
|
|
Anlagenbau sind wir auch Ihr kompetenter Partner in der
|
|
Produktion von elektromagnetischen Abschirmungen.
|
|
</p>
|
|
</ProductContainer>
|
|
</div>
|
|
</div>
|
|
{/* <div className="container-fluid products-container navbar-spacing">
|
|
{content.products.map(function (prod) {
|
|
return (
|
|
<div className="row align-items-center" key={prod.title}>
|
|
<div
|
|
className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img col-lg-4`}
|
|
>
|
|
<h3 className="mainheading d-lg-none">{prod.title}</h3>
|
|
<div className="icon-size align-items-center bg-light">
|
|
<img src={prod.imgurl} />
|
|
</div>
|
|
</div>
|
|
<div
|
|
className={`col-lg-6 offset-lg-1 pl-0 align-self-center p-5 mb-5 h-100"`}
|
|
>
|
|
<div>
|
|
<h3 className="mainheading d-none d-lg-block">
|
|
{prod.title}
|
|
</h3>
|
|
<p>{prod.text}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
})}
|
|
</div> */}
|
|
{/* <div className="container">
|
|
<div className="row">
|
|
<div className="col-lg-6">
|
|
<div className="sticky_history">
|
|
<p>1971</p>
|
|
<p>1980</p>
|
|
<p>1985</p>
|
|
<p>1995</p>
|
|
<p>2013</p>
|
|
<p>2018</p>
|
|
<p>2021</p>
|
|
</div>
|
|
</div>
|
|
<div className="col-12 col-lg-6 history_wrapper mb-5">
|
|
<div className="section-wrapper">
|
|
<section className="section history">
|
|
<h3>Gründung</h3>
|
|
<p>
|
|
Die Firma Prothmann wurde von Herrn Hans Prothmann als
|
|
Personengesellschaft in der Winterstraße in Gröbenzell bei
|
|
München gegründet.
|
|
</p>
|
|
</section>
|
|
<section className="section history">
|
|
<h3>Umzug #1</h3>
|
|
<p>
|
|
Umzug zum derzeitigen Standort in die Industriestraße 6 in
|
|
Gröbenzell bei München.
|
|
</p>
|
|
</section>
|
|
<section className="section history">
|
|
<h3>GmbH</h3>
|
|
<p>
|
|
1985 wurde die Hans Prothmann GbR in eine GmbH umgewandelt.
|
|
</p>
|
|
</section>
|
|
<section className="section history">
|
|
<h3>Digitalisierung</h3>
|
|
<p>
|
|
Erstmals wurden computergesteuerte Verarbeitungsmaschinen
|
|
eingesetzt, welche ständig an die neusten Technologien
|
|
angepasst werden. Zudem gelten seither bei uns strenge,
|
|
eigens auferlegte Qualitäts-Kriterien, nach welchen wir
|
|
unsere Produkte in den modernsten CNC Anlagen herstellen.
|
|
Seitdem sind wir eine der führenden Unternehmen, wenn es um
|
|
Blechverarbeitung geht.
|
|
</p>
|
|
</section>
|
|
|
|
<section className="section history">
|
|
<h3>Generationenwechsel</h3>
|
|
<p>
|
|
Herr Dr. Kolja Prothmann tritt, nachdem er bereits seit
|
|
Jahren im Unternehmen tätig ist, in die Geschäftsführung
|
|
ein. Herr Hans Prothmann gilt jedoch weiterhin als
|
|
Ansprechpartner und unterstützt die Hans Prothmann GmbH mit
|
|
seiner jahrzehnte langen Erfahrungen.
|
|
</p>
|
|
</section>
|
|
|
|
<section className="section history">
|
|
<h3>Lasergravur</h3>
|
|
<p>
|
|
Dieses Jahr haben wir unser Leistungsspektrum um
|
|
Lasergravieren erweitert. Damit können wir eine Vielzahl von
|
|
Metallen ganz nach Ihren Vorstellungen Beschriften und
|
|
Kennzeichnen.
|
|
</p>
|
|
</section>
|
|
|
|
<section className="section history">
|
|
<h3>Umzug #2</h3>
|
|
<p>
|
|
Zum zweiten mal in der Firmengeschichte wechseln wir unseren
|
|
Standort. Ab Mitte 2021 finden Sie uns nur wenige Häuser
|
|
weiter in der Breslauerstraße 19.
|
|
</p>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> */}
|
|
</>
|
|
);
|
|
}
|
|
}
|