Updated packages
This commit is contained in:
Christian Anetzberger
@@ -18,7 +18,9 @@ import "../styles/footer.scss";
|
||||
import "../styles/navbar.scss";
|
||||
import "../styles/darkmode.scss";
|
||||
|
||||
gsap.registerPlugin(SplitText);
|
||||
if (typeof window !== "undefined") {
|
||||
gsap.registerPlugin(SplitText);
|
||||
}
|
||||
|
||||
export default class Site extends App {
|
||||
constructor(props) {
|
||||
@@ -204,19 +206,19 @@ export default class Site extends App {
|
||||
</SwitchTransition>
|
||||
<Footer />
|
||||
|
||||
<Script
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-504FPVG74X"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
<Script id="google-analytics" strategy="afterInteractive">
|
||||
{`
|
||||
<Script
|
||||
src="https://www.googletagmanager.com/gtag/js?id=G-504FPVG74X"
|
||||
strategy="afterInteractive"
|
||||
/>
|
||||
<Script id="google-analytics" strategy="afterInteractive">
|
||||
{`
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){window.dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
|
||||
gtag('config', 'G-504FPVG74X');
|
||||
`}
|
||||
</Script>
|
||||
</Script>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
@@ -6,27 +6,21 @@ import Productpage from "../components/productpage.jsx";
|
||||
const content = {
|
||||
elektronikbranche: {
|
||||
title: "Mechanik für die Elektronikbranche",
|
||||
text: `Viele Elektronikfirmen konzentrieren sich auf ihre Kernkompetenzen und vergeben die Produktion der mechanischen Teile und Gehäuse. Wir als Experten möchten sie bei der Fertigung unterstützen.
|
||||
|
||||
Egal wie einfach oder kompliziert ihre Anforderungen an die Mechanik sind, wir können Ihnen helfen. Wir bauen sehr kurzfristig Prototypen, aber freuen uns auch auf ihre Serienproduktion.`,
|
||||
text: `Viele Elektronikfirmen konzentrieren sich auf ihre Kernkompetenzen und vergeben die Produktion der mechanischen Teile und Gehäuse. Immer effektiver werdende Maschinen benötigen immer engere Toleranzen. Wenige hundertstel Millimeter Toleranzangaben auf Zeichnungen erschrecken uns auch nicht.<br><br>Wir als Experten möchten sie bei der Fertigung unterstützen. Egal wie einfach oder kompliziert ihre Anforderungen an die Mechanik sind, wir können Ihnen helfen. Wir bauen sehr kurzfristig Prototypen, freuen und aber auch auf ihre Serienproduktion.`,
|
||||
iconurl: "/icons/laserteile.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/branchen/elektronikbranche.webp",
|
||||
},
|
||||
maschinenbau: {
|
||||
title: "Präzisions-Maschinenbau, Automationstechnik, Robotik",
|
||||
text: `Im Präzisions-Maschinenbau finden sich neben Frästeilen aus Kostengründen auch immer häufiger Blechteile. Damit sie an der Genauigkeit keine Abstriche machen müssen, nutzen sie unser Know-how.
|
||||
|
||||
Wir sind immer Technologieführer und fertigen mit unseren Maschinen hauptsächlich im Feinblechbereich von 0,1 bis 3 mm. Das schont die Achsen unserer Maschinen und erhöht die Präzision.`,
|
||||
text: `Im Präzisions-Maschinenbau finden sich neben Frästeilen aus Kostengründen auch immer häufiger Blechteile. Unsere Maschinenkalibrierung endet nicht einfach bei der vom Maschinenhersteller versprochenen Präzision, sondern geben alles, um noch präziser zu werden. Dies macht uns zum Technologieführer, vor allem im Feinblechbereich von 0,1 bis 3 mm.`,
|
||||
iconurl: "/icons/stanzteile.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/branchen/maschinenbau.webp",
|
||||
},
|
||||
medizintechnik: {
|
||||
title: "Medizintechnik, Messtechnik",
|
||||
text: `Messtechnik in der Prozesssteuerung oder der Diagnose in der Medizin ist ein Gebiet in dem es auf Qualität ankommt. Diese Qualität können wir mit unseren hochwertigen Bauteilen liefern.
|
||||
|
||||
Seit über 40 jahren arbeiten wir für führende Technologieunternehmen und sind natürlich nach den gängigen Normen zertifiziert.`,
|
||||
text: `Messtechnik in der Prozesssteuerung oder der Diagnose in der Medizin ist ein Gebiet in dem es auf Qualität ankommt. Diese Qualität können wir mit unseren hochwertigen Bauteilen liefern.<br><br>Seit über 40 jahren arbeiten wir für führende Technologieunternehmen und sind natürlich nach den gängigen Normen zertifiziert.`,
|
||||
iconurl: "/icons/biegeteile.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/branchen/medizintechnik.webp",
|
||||
@@ -49,20 +43,20 @@ export default function Fertigungsverfahren(props) {
|
||||
</Head>
|
||||
<Productpage
|
||||
bgurl={content.elektronikbranche.bgurl}
|
||||
iconurl={content.elektronikbranche.iconurl}
|
||||
// iconurl={content.elektronikbranche.iconurl}
|
||||
title={content.elektronikbranche.title}
|
||||
text={content.elektronikbranche.text}
|
||||
/>
|
||||
<Productpage
|
||||
bgurl={content.maschinenbau.bgurl}
|
||||
iconurl={content.maschinenbau.iconurl}
|
||||
// iconurl={content.maschinenbau.iconurl}
|
||||
title={content.maschinenbau.title}
|
||||
text={content.maschinenbau.text}
|
||||
reversed
|
||||
/>
|
||||
<Productpage
|
||||
bgurl={content.medizintechnik.bgurl}
|
||||
iconurl={content.medizintechnik.iconurl}
|
||||
// iconurl={content.medizintechnik.iconurl}
|
||||
title={content.medizintechnik.title}
|
||||
text={content.medizintechnik.text}
|
||||
/>
|
||||
|
||||
138
pages/index.js
138
pages/index.js
@@ -16,7 +16,9 @@ import metallabschirmungImg from '../components/images/products/metallabschirmun
|
||||
import teleskopdurchfuehrungenImg from '../components/images/products/teleskopdurchfuehrungen.webp';
|
||||
import chassismesstechnikImg from '../components/images/products/chassismesstechnik.webp';
|
||||
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
if (typeof window !== "undefined") {
|
||||
gsap.registerPlugin(ScrollTrigger);
|
||||
}
|
||||
|
||||
export default class Home extends React.Component {
|
||||
constructor(props) {
|
||||
@@ -69,19 +71,19 @@ export default class Home extends React.Component {
|
||||
für Blechverarbeitung in München. Unsere Produktion setzt auf
|
||||
einen modernen Maschinenpark mit
|
||||
<Link href="/fertigungsverfahren/laserteile">
|
||||
<a> CNC Laser-</a>
|
||||
CNC Laser-
|
||||
</Link>
|
||||
,
|
||||
<Link href="/fertigungsverfahren/stanzteile">
|
||||
<a> CNC Stanz-</a>
|
||||
CNC Stanz-
|
||||
</Link>
|
||||
,
|
||||
<Link href="/fertigungsverfahren/biegeteile">
|
||||
<a> CNC Biege-</a>
|
||||
CNC Biege-
|
||||
</Link>{" "}
|
||||
und
|
||||
<Link href="/fertigungsverfahren/lasergravur">
|
||||
<a> Gravurtechnik</a>
|
||||
Gravurtechnik
|
||||
</Link>
|
||||
, mit welchem wir anspruchsvolle, qualitativ hochwertige
|
||||
Bauteile für Sie fertigen - egal ob 0 Serie oder
|
||||
@@ -102,71 +104,71 @@ export default class Home extends React.Component {
|
||||
<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={laserteileImg}
|
||||
alt="Laserteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Laserteile </h3>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div
|
||||
className="background-image d-flex align-items-center flex-column filter-grey"
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url('/background/fertigungsverfahren/laserteile.webp')",
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={laserteileImg}
|
||||
alt="Laserteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Laserteile </h3>
|
||||
</div>
|
||||
|
||||
</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={stanzteileImg}
|
||||
alt="Stanzteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Stanzteile </h3>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div
|
||||
className="background-image d-flex align-items-center flex-column filter-grey"
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url('/background/fertigungsverfahren/stanzteile.webp')",
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={stanzteileImg}
|
||||
alt="Stanzteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Stanzteile </h3>
|
||||
</div>
|
||||
|
||||
</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={biegeteileImg}
|
||||
alt="Biegeteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Biegeteile </h3>
|
||||
</div>
|
||||
</a>
|
||||
|
||||
<div
|
||||
className="background-image d-flex align-items-center flex-column filter-grey"
|
||||
style={{
|
||||
backgroundImage:
|
||||
"url('/background/fertigungsverfahren/biegeteile.webp')",
|
||||
}}
|
||||
>
|
||||
<Image
|
||||
src={biegeteileImg}
|
||||
alt="Biegeteile Icon"
|
||||
className="p-3"
|
||||
layout="intrinsic"
|
||||
width={250}
|
||||
height={250}
|
||||
/>
|
||||
<h3 className="text-white"> Biegeteile </h3>
|
||||
</div>
|
||||
|
||||
</Link>
|
||||
</div>
|
||||
</div>
|
||||
@@ -203,16 +205,16 @@ export default class Home extends React.Component {
|
||||
<p>
|
||||
Unsere Elektronikgehäuse werden mit{" "}
|
||||
<Link href="/fertigungsverfahren/stanzteile">
|
||||
<a>Stanz-</a>
|
||||
Stanz-
|
||||
</Link>{" "}
|
||||
oder{" "}
|
||||
<Link href="/fertigungsverfahren/laserteile">
|
||||
<a>Lasertechnik</a>
|
||||
Lasertechnik
|
||||
</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>
|
||||
CNC Biegemaschinen
|
||||
</Link>
|
||||
.
|
||||
</p>
|
||||
@@ -286,11 +288,11 @@ export default class Home extends React.Component {
|
||||
der Werkstücke. Die Ebenheit muss selbst nach der
|
||||
Wärmeeinwirkung beim{" "}
|
||||
<Link href="/fertigungsverfahren/stanzteile">
|
||||
<a>Lasern</a>
|
||||
Lasern
|
||||
</Link>{" "}
|
||||
und nach der Umformung beim{" "}
|
||||
<Link href="/fertigungsverfahren/biegeteile">
|
||||
<a>Abkanten</a>
|
||||
Abkanten
|
||||
</Link>{" "}
|
||||
gewährleistet sein.
|
||||
</p>
|
||||
@@ -317,7 +319,7 @@ export default class Home extends React.Component {
|
||||
fertigen die Federn mit Spezialwerkzeugen aus eigener
|
||||
Produktion. Diese Federn aus Kupfer mit{" "}
|
||||
<Link href="/fertigungsverfahren/lasergravur">
|
||||
<a>Lasergravur</a>
|
||||
Lasergravur
|
||||
</Link>{" "}
|
||||
zeigen die Präzision bei der Fertigung.
|
||||
</p>
|
||||
|
||||
@@ -6,25 +6,22 @@ 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.`,
|
||||
text: `Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt erhältlichen Materialien. Rostende Stähle und nichtrostende Edelstähle gehörn dabei zu unserem Standardrepertoir, welche wir in den verschiedensten Stärken jederzeit vorrätig 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.`,
|
||||
text: `Aluminium ist aufgrund seiner spezifischen Festigkeit bei gleichzeitig geringem Volumen, sehr beliebt. So wird es vor allem dort verwendet, wo eine geringe Masse wichtig ist.`,
|
||||
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.`,
|
||||
text: `
|
||||
Falls Sie besondere Anforderungen haben, fertigen wir Ihre Teile gerne aus exotischen Materialien, wie z.B. Kuper, Mesing oder auch Gold - Für uns ist kein Material zu schwierig, wir freuen uns über Ihre Herausforderung!`,
|
||||
iconurl: "/icons/laserteile.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/materialien/sonstiges.webp",
|
||||
@@ -116,17 +113,17 @@ function ContenAluminum() {
|
||||
<tr>
|
||||
<th scope="row">AlMg3</th>
|
||||
<td>0,5</td>
|
||||
<td>5,0</td>
|
||||
<td>6,0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">AlSi</th>
|
||||
<td>0,5</td>
|
||||
<td>5,0</td>
|
||||
<td>6,0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Al99</th>
|
||||
<td>0,5</td>
|
||||
<td>5,0</td>
|
||||
<td>6,0</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
@@ -148,8 +145,8 @@ function ContenOther() {
|
||||
<tbody>
|
||||
<tr>
|
||||
<th scope="row">Kupfer</th>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>0,3</td>
|
||||
<td>5,0</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th scope="row">Titan</th>
|
||||
@@ -190,14 +187,12 @@ export default function Materialien(props) {
|
||||
</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 />}
|
||||
@@ -205,7 +200,6 @@ export default function Materialien(props) {
|
||||
/>
|
||||
<Productpage
|
||||
bgurl={content.sonstiges.bgurl}
|
||||
iconurl={content.sonstiges.iconurl}
|
||||
title={content.sonstiges.title}
|
||||
text={content.sonstiges.text}
|
||||
addtext={<ContenOther />}
|
||||
|
||||
@@ -6,30 +6,21 @@ import Productpage from "../components/productpage.jsx";
|
||||
const content = {
|
||||
auszeichnungen: {
|
||||
title: "Auszeichnungen",
|
||||
text: `The Precision Sheet Metal Technology Fair ist ein seit 1989 existenter Wettbewerb für AMADA Kunden, um Blechteile mit besonderer Qualität und Innovation auszuzeichnen.`,
|
||||
text: `The Precision Sheet Metal Technology Fair ist ein seit 1989 existenter Wettbewerb für AMADA Kunden, um Blechteile mit besonderer Qualität und Innovation auszuzeichnen. 2015 zählten wir mit einer hochpräzisen Halterung für eine Gelddruckmaschine zu den Gewinnern.`,
|
||||
iconurl: "/icons/qualitaet/auszeichnungen.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/qualitaet/auszeichnungen.webp",
|
||||
},
|
||||
messtechnik: {
|
||||
title: "Messtechnik",
|
||||
text: `Grundsätzlich werden alle Teile über den gesamten Fertigungsprozess maßlich überwacht. Auf Wunsch erstellen wir ein Erstmusterprüfprotokoll.
|
||||
|
||||
Wir verwenden kalibrierte Messmittel und folgende Messmaschinen:
|
||||
|
||||
Mauser Capax 2 digitaler Höhenmesser
|
||||
Messmikroskop Digiscope`,
|
||||
text: `Grundsätzlich werden alle Teile über den gesamten Fertigungsprozess auf Qualität überwacht. Auf Wunsch erstellen wir auch Erstmusterprüfprotokolle, bei welchen alle Maße der Produktionszeichnung akribisch kontrolliert und in einem Prüfbericht, welchen wir Ihnen zukommen lassen, niedergeschrieben. <br><br>Wir verwenden kalibrierte Messmittel und folgende Messmaschinen:<br><ul><li>Mauser Capax 2 digitaler Höhenmesser</li><li>Messmikroskop Digiscope</li><li>Mitutoyo Messschieber</li></ul> sowie weitere für die Produktion notwendige Messmittel.`,
|
||||
iconurl: "/icons/qualitaet/messtechnik.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/qualitaet/messtechnik.webp",
|
||||
},
|
||||
iso: {
|
||||
title: "ISO Zertifizierung",
|
||||
text: `Wir leben unseren ISO 9001:2008 Prozess! Schon lange bevor der Betrieb zertifiziert wurde haben wir nach strikten Auflagen gearbeitet.
|
||||
|
||||
Diese Philosophie merkt man bei jeder Bestellung, nie eine Reklamation!
|
||||
|
||||
Natürlich fertigen wir auf Wunsch auch Erstmusterprüfprotokolle für unsere Teile an.`,
|
||||
text: `Wir leben unseren ISO 9001:2008 Prozess! Schon lange bevor der Betrieb zertifiziert wurde haben wir nach strikten Auflagen gearbeitet. Unsere internen QS-Verfahren garantieren eine Qualität, die überzeugt. Reklamationen sind bei uns eine Seltenheit!`,
|
||||
iconurl: "/icons/qualitaet/iso.svg",
|
||||
iconalt: "Lasermachine beim herstellen von Laserteilen",
|
||||
bgurl: "/background/qualitaet/iso-zertifizierung.webp",
|
||||
@@ -52,20 +43,20 @@ export default function Fertigungsverfahren() {
|
||||
</Head>
|
||||
<Productpage
|
||||
bgurl={content.auszeichnungen.bgurl}
|
||||
iconurl={content.auszeichnungen.iconurl}
|
||||
// iconurl={content.auszeichnungen.iconurl}
|
||||
title={content.auszeichnungen.title}
|
||||
text={content.auszeichnungen.text}
|
||||
/>
|
||||
<Productpage
|
||||
bgurl={content.messtechnik.bgurl}
|
||||
iconurl={content.messtechnik.iconurl}
|
||||
// iconurl={content.messtechnik.iconurl}
|
||||
title={content.messtechnik.title}
|
||||
text={content.messtechnik.text}
|
||||
reversed
|
||||
/>
|
||||
<Productpage
|
||||
bgurl={content.iso.bgurl}
|
||||
iconurl={content.iso.iconurl}
|
||||
// iconurl={content.iso.iconurl}
|
||||
title={content.iso.title}
|
||||
text={content.iso.text}
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user