christian/www.prothmann.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial

Browse Source
This commit is contained in:
Christian Anetzberger
2022-01-29 20:48:35 +01:00
commit 01907eb338
144 changed files with 11275 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

383
pages/index.js Normal file
View File

@@ -0,0 +1,383 @@
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 { ReactSVG } from "react-svg";
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> */}
</>
);
}
}