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

215
pages/materialien.jsx Normal file
View File

@@ -0,0 +1,215 @@
import React, { useEffect } from "react";
import Head from "next/head";
import Productpage from "../components/productpage.jsx";
const content = {
stahl: {
title: "Materialien",
text: ` Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt
erhältlichen Materialien. Zu unserem Standardrepertoire gehören
natürlich schiedenste Edelstähle, welche wir meist auch auf Vorrat haben.`,
iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/stahl.webp",
},
aluminium: {
title: "Aluminium",
text: `Aluminium bietet sich an, wenn Gewicht eine Rolle spielt, jedoch trotzdem eine gewisse strukkturelle Stabilität aufweisen muss.`,
iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/aluminium.webp",
},
sonstiges: {
title: "Sonstiges",
text: `Falls Sie besondere
Anforderungen haben, fertigen wir Ihre Teile gerne aus exotischen
Materialien, wie z.B. Kuper-Beryllium, Mesing oder auch Gold - Für uns ist kein Material zu schwierig.`,
iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/sonstiges.webp",
},
};
function ContentSteel() {
return (
<>
<table className="table mt-5">
<thead className="table-secondary">
<tr>
<th>Stähle</th>
<th>Stärke min. (mm)</th>
<th>Stärke max. (mm)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">1.4301 V2A Feinstblech</th>
<td>0,1</td>
<td>0,4</td>
</tr>
<tr>
<th scope="row">1.4301 V2A Dünnblech</th>
<td>0,5</td>
<td>1,5</td>
</tr>
<tr>
<th scope="row">1.4301 V2A Blech</th>
<td>1,5</td>
<td>5,0</td>
</tr>
<tr>
<th scope="row">1.4310 Federstahl</th>
<td>0,1</td>
<td>2,0</td>
</tr>
<tr>
<th scope="row">1.4404 V4A</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">1.4751 V4A</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">1.4016 Blech</th>
<td>0,5</td>
<td>3,0</td>
</tr>
<tr>
<th scope="row">DC01 Stahl</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">St37 Stahl</th>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</>
);
}
function ContenAluminum() {
return (
<>
<table className="table mt-5">
<thead className="table-secondary">
<tr>
<th>Aluminium</th>
<th>Stärke min. (mm)</th>
<th>Stärke max. (mm)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">AlMg3</th>
<td>0,5</td>
<td>5,0</td>
</tr>
<tr>
<th scope="row">AlSi</th>
<td>0,5</td>
<td>5,0</td>
</tr>
<tr>
<th scope="row">Al99</th>
<td>0,5</td>
<td>5,0</td>
</tr>
</tbody>
</table>
</>
);
}
function ContenOther() {
return (
<>
<table className="table mt-5">
<thead className="table-secondary">
<tr>
<th>Sonstiges</th>
<th>Stärke min. (mm)</th>
<th>Stärke max. (mm)</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">Kupfer</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Titan</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">Messing</th>
<td></td>
<td></td>
</tr>
<tr>
<th scope="row">CuBe Bronze</th>
<td>0,1</td>
<td>1,0</td>
</tr>
<tr>
<th scope="row">Mu-Metall</th>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</>
);
}
export default function Materialien(props) {
return (
<>
<Head>
<meta
name="description"
content="Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt erhältlichen Materialien. Fordern Sie uns heraus!"
/>
<meta name="keywords" content="Blech, Edelstahl, Aluminium, Kupfer" />
<title>Materialien - Prothmann GmbH</title>
</Head>
<Productpage
bgurl={content.stahl.bgurl}
iconurl={content.stahl.iconurl}
title={content.stahl.title}
text={content.stahl.text}
addtext={<ContentSteel />}
/>
<Productpage
bgurl={content.aluminium.bgurl}
iconurl={content.aluminium.iconurl}
title={content.aluminium.title}
text={content.aluminium.text}
addtext={<ContenAluminum />}
reversed
/>
<Productpage
bgurl={content.sonstiges.bgurl}
iconurl={content.sonstiges.iconurl}
title={content.sonstiges.title}
text={content.sonstiges.text}
addtext={<ContenOther />}
/>
</>
);
}