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

Updated packages

Browse Source
This commit is contained in:
Christian Anetzberger
2023-01-27 18:16:21 +01:00
parent 22736073da
commit b4811c5d43
13 changed files with 1225 additions and 973 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
Dockerfile Normal file
View File

@@ -0,0 +1,20 @@
FROM node:16
# Create app directory
WORKDIR /app
ENV PORT 3001
EXPOSE 3001
# Install app dependencies
# A wildcard is used to ensure both package.json AND package-lock.json are copied
# where available (npm@5+)
COPY package*.json ./
ADD node_addons ./node_addons
RUN yarn install
# Bundle app source
COPY . .
CMD [ "yarn", "start" ]

6
components/footer.jsx
View File

@@ -8,17 +8,17 @@ export default function Footer(props) {
<div className="row py-2"> <div className="row py-2">
<div className="col-12 col-lg-4 text-center"> <div className="col-12 col-lg-4 text-center">
<Link href="/impressum"> <Link href="/impressum">
<a>Impressum</a> Impressum
</Link> </Link>
</div> </div>
<div className="col-12 col-lg-4 text-center"> <div className="col-12 col-lg-4 text-center">
<Link href="/datenschutz"> <Link href="/datenschutz">
<a>Datenschutz</a> Datenschutz
</Link> </Link>
</div> </div>
<div className="col-12 col-lg-4 text-center"> <div className="col-12 col-lg-4 text-center">
<Link href="/agbs"> <Link href="/agbs">
<a>AGBs</a> AGBs
</Link> </Link>
</div> </div>
</div> </div>

43
components/navbar.jsx
View File

@@ -144,10 +144,10 @@ class Navbar extends React.Component {
className="noselect navbar navbar-expand-lg fixed-top" className="noselect navbar navbar-expand-lg fixed-top"
onToggle={this.toggle} onToggle={this.toggle}
> >
<Link href="/" onClick={this.toggleClose}> <Link href="/" onClick={this.toggleClose} className="navbar-brand">
<a className="navbar-brand">
<Logo /> <Logo />
</a>
</Link> </Link>
<button <button
onClick={this.toggle} onClick={this.toggle}
@@ -170,8 +170,10 @@ class Navbar extends React.Component {
<div className="navbar-nav"> <div className="navbar-nav">
{this.state.menuitems.map((menuitem, index) => ( {this.state.menuitems.map((menuitem, index) => (
<div key={menuitem.key} className="nav-item"> <div key={menuitem.key} className="nav-item">
<Link href={menuitem.link}> <Link href={menuitem.link} onClick={this.toggleClose}>
<a onClick={this.toggleClose}>{menuitem.name}</a>
{menuitem.name}
</Link> </Link>
</div> </div>
))} ))}
@@ -185,7 +187,6 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/laserteile"} href={"/fertigungsverfahren/laserteile"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={laserteileImg} src={laserteileImg}
alt="Laserteile Icon" alt="Laserteile Icon"
@@ -194,7 +195,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Laserteile</div> <div>Laserteile</div>
</a>
</Link> </Link>
</div> </div>
@@ -203,7 +204,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/stanzteile"} href={"/fertigungsverfahren/stanzteile"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={stanzteileImg} src={stanzteileImg}
alt="Stanzteile Icon" alt="Stanzteile Icon"
@@ -212,7 +213,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Stanzteile</div> <div>Stanzteile</div>
</a>
</Link> </Link>
</div> </div>
@@ -221,7 +222,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/biegeteile"} href={"/fertigungsverfahren/biegeteile"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={biegeteileImg} src={biegeteileImg}
alt="Biegeteile Icon" alt="Biegeteile Icon"
@@ -230,7 +231,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Biegeteile</div> <div>Biegeteile</div>
</a>
</Link> </Link>
</div> </div>
@@ -239,7 +240,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/lasergravur"} href={"/fertigungsverfahren/lasergravur"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={lasergravurImg} src={lasergravurImg}
alt="Lasergravur Icon" alt="Lasergravur Icon"
@@ -248,7 +249,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Lasergravur</div> <div>Lasergravur</div>
</a>
</Link> </Link>
</div> </div>
@@ -257,7 +258,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/blechkonstruktionen"} href={"/fertigungsverfahren/blechkonstruktionen"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={blechkonstruktionImg} src={blechkonstruktionImg}
alt="Blechkonstruktionen Icon" alt="Blechkonstruktionen Icon"
@@ -266,7 +267,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Blechkonstruktionen</div> <div>Blechkonstruktionen</div>
</a>
</Link> </Link>
</div> </div>
@@ -275,7 +276,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/baugruppen"} href={"/fertigungsverfahren/baugruppen"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={baugruppenImg} src={baugruppenImg}
alt="Baugruppen Icon" alt="Baugruppen Icon"
@@ -284,7 +285,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Baugruppen</div> <div>Baugruppen</div>
</a>
</Link> </Link>
</div> </div>
@@ -293,7 +294,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/fügeverfahren"} href={"/fertigungsverfahren/fügeverfahren"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={fuegeverfahrenImg} src={fuegeverfahrenImg}
alt="Fügeverfahren Icon" alt="Fügeverfahren Icon"
@@ -302,7 +303,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Fügeverfahren</div> <div>Fügeverfahren</div>
</a>
</Link> </Link>
</div> </div>
@@ -311,7 +312,7 @@ class Navbar extends React.Component {
href={"/fertigungsverfahren/entgrattechnik"} href={"/fertigungsverfahren/entgrattechnik"}
className="nav-link" className="nav-link"
> >
<a>
<Image <Image
src={entgrattechnikImg} src={entgrattechnikImg}
alt="Entgrattechnik Icon" alt="Entgrattechnik Icon"
@@ -320,7 +321,7 @@ class Navbar extends React.Component {
height={50} height={50}
/> />
<div>Entgrattechnik</div> <div>Entgrattechnik</div>
</a>
</Link> </Link>
</div> </div>

11
components/productpage.jsx
View File

@@ -8,18 +8,19 @@ export default function Productpage(props) {
<div className="container-fluid products-container navbar-spacing"> <div className="container-fluid products-container navbar-spacing">
<div className="row align-items-center min-height-100"> <div className="row align-items-center min-height-100">
<div <div
className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img ${ className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img ${props.reversed ? "order-lg-1" : ""
props.reversed ? "order-lg-1" : ""
} ${props.smallbg ? "col-lg-5" : "col-lg-6"}`} } ${props.smallbg ? "col-lg-5" : "col-lg-6"}`}
style={{ backgroundImage: `url(${props.bgurl})` }} style={{ backgroundImage: `url(${props.bgurl})` }}
> >
<div className="center-icon"> <div className="center-icon">
<Image src={props.iconurl} width={300} height={300} /> {props.iconurl &&
<Image src={props.iconurl} width={300} height={300} alt={""} />
}
</div> </div>
</div> </div>
<div <div
className={`col-lg-6 pl-0 align-self-center p-5 mb-5 h-100 ${ className={`col-lg-6 pl-0 align-self-center p-5 mb-5 h-100 ${props.smallbg ? "col-lg-7" : "col-lg-6"
props.smallbg ? "col-lg-7" : "col-lg-6"
}`} }`}
> >
<h1 className="mainheading">{props.title}</h1> <h1 className="mainheading">{props.title}</h1>

24
ecosystem.config.js.sample
View File

@@ -1,24 +0,0 @@
module.exports = {
apps : [{
name: "www.prothmann.com",
script: "npm start",
cwd:"/srv/www/www.prothmann.com/",
autorestart: true,
max_memory_restart: '1G',
env_production: {
NODE_ENV: "production",
PORT: 8000,
MAIL_DOMAIN: "mail.prothmann.com",
MAIL_PORT: 587,
MAIL_USER:"***",
MAIL_PASS:"***",
MAIL_REJECTUNAUTHORIZED:false,
MAIL_IGNORETLS:false,
MAIL_REQUIRETLS:true,
MAIL_TO: "info@prothmann.com",
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY: "***",
NEXT_PUBLIC_GOOGLE_ANALYTICS_API_KEY: "***"
}
}]
}

BIN
node_addons/gsap-bonus.tgz
View File

Binary file not shown.

30
package.json
View File

@@ -9,24 +9,24 @@
"lint": "next lint" "lint": "next lint"
}, },
"dependencies": { "dependencies": {
"@react-google-maps/api": "^2.7.0", "@react-google-maps/api": "^2.17.1",
"axios": "^0.26.1", "axios": "^1.2.5",
"bootstrap": "^5.1.3", "bootstrap": "^5.2.3",
"formik": "^2.2.9", "formik": "^2.2.9",
"gsap": "npm:@gsap/shockingly@^3.9.1", "gsap": "file:./node_addons/gsap-bonus.tgz",
"next": "12.1.0", "next": "13.1.5",
"nodemailer": "^6.7.2", "nodemailer": "^6.9.1",
"react": "17.0.2", "react": "18.2.0",
"react-dom": "17.0.2", "react-dom": "18.2.0",
"react-dropzone": "^12.0.4", "react-dropzone": "^14.2.3",
"react-svg": "^14.1.14", "react-svg": "^16.0.0",
"react-transition-group": "^4.4.2", "react-transition-group": "^4.4.5",
"sass": "^1.49.9", "sass": "^1.57.1",
"sharp": "^0.30.3", "sharp": "^0.31.3",
"yup": "^0.32.11" "yup": "^0.32.11"
}, },
"devDependencies": { "devDependencies": {
"eslint": "8.11.0", "eslint": "8.32.0",
"eslint-config-next": "12.1.0" "eslint-config-next": "13.1.5"
} }
} }

4
pages/_app.js
View File

@@ -18,7 +18,9 @@ import "../styles/footer.scss";
import "../styles/navbar.scss"; import "../styles/navbar.scss";
import "../styles/darkmode.scss"; import "../styles/darkmode.scss";
gsap.registerPlugin(SplitText); if (typeof window !== "undefined") {
gsap.registerPlugin(SplitText);
}
export default class Site extends App { export default class Site extends App {
constructor(props) { constructor(props) {

18
pages/branchen.jsx
View File

@@ -6,27 +6,21 @@ import Productpage from "../components/productpage.jsx";
const content = { const content = {
elektronikbranche: { elektronikbranche: {
title: "Mechanik für die 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. 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.`,
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.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/branchen/elektronikbranche.webp", bgurl: "/background/branchen/elektronikbranche.webp",
}, },
maschinenbau: { maschinenbau: {
title: "Präzisions-Maschinenbau, Automationstechnik, Robotik", 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. 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.`,
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.`,
iconurl: "/icons/stanzteile.svg", iconurl: "/icons/stanzteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/branchen/maschinenbau.webp", bgurl: "/background/branchen/maschinenbau.webp",
}, },
medizintechnik: { medizintechnik: {
title: "Medizintechnik, Messtechnik", 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. 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.`,
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", iconurl: "/icons/biegeteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/branchen/medizintechnik.webp", bgurl: "/background/branchen/medizintechnik.webp",
@@ -49,20 +43,20 @@ export default function Fertigungsverfahren(props) {
</Head> </Head>
<Productpage <Productpage
bgurl={content.elektronikbranche.bgurl} bgurl={content.elektronikbranche.bgurl}
iconurl={content.elektronikbranche.iconurl} // iconurl={content.elektronikbranche.iconurl}
title={content.elektronikbranche.title} title={content.elektronikbranche.title}
text={content.elektronikbranche.text} text={content.elektronikbranche.text}
/> />
<Productpage <Productpage
bgurl={content.maschinenbau.bgurl} bgurl={content.maschinenbau.bgurl}
iconurl={content.maschinenbau.iconurl} // iconurl={content.maschinenbau.iconurl}
title={content.maschinenbau.title} title={content.maschinenbau.title}
text={content.maschinenbau.text} text={content.maschinenbau.text}
reversed reversed
/> />
<Productpage <Productpage
bgurl={content.medizintechnik.bgurl} bgurl={content.medizintechnik.bgurl}
iconurl={content.medizintechnik.iconurl} // iconurl={content.medizintechnik.iconurl}
title={content.medizintechnik.title} title={content.medizintechnik.title}
text={content.medizintechnik.text} text={content.medizintechnik.text}
/> />

36
pages/index.js
View File

@@ -16,7 +16,9 @@ import metallabschirmungImg from '../components/images/products/metallabschirmun
import teleskopdurchfuehrungenImg from '../components/images/products/teleskopdurchfuehrungen.webp'; import teleskopdurchfuehrungenImg from '../components/images/products/teleskopdurchfuehrungen.webp';
import chassismesstechnikImg from '../components/images/products/chassismesstechnik.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 { export default class Home extends React.Component {
constructor(props) { constructor(props) {
@@ -69,19 +71,19 @@ export default class Home extends React.Component {
für Blechverarbeitung in München. Unsere Produktion setzt auf für Blechverarbeitung in München. Unsere Produktion setzt auf
einen modernen Maschinenpark mit einen modernen Maschinenpark mit
<Link href="/fertigungsverfahren/laserteile"> <Link href="/fertigungsverfahren/laserteile">
<a> CNC Laser-</a> CNC Laser-
</Link> </Link>
, ,
<Link href="/fertigungsverfahren/stanzteile"> <Link href="/fertigungsverfahren/stanzteile">
<a> CNC Stanz-</a> CNC Stanz-
</Link> </Link>
, ,
<Link href="/fertigungsverfahren/biegeteile"> <Link href="/fertigungsverfahren/biegeteile">
<a> CNC Biege-</a> CNC Biege-
</Link>{" "} </Link>{" "}
und und
<Link href="/fertigungsverfahren/lasergravur"> <Link href="/fertigungsverfahren/lasergravur">
<a> Gravurtechnik</a> Gravurtechnik
</Link> </Link>
, mit welchem wir anspruchsvolle, qualitativ hochwertige , mit welchem wir anspruchsvolle, qualitativ hochwertige
Bauteile für Sie fertigen - egal ob 0 Serie oder Bauteile für Sie fertigen - egal ob 0 Serie oder
@@ -102,7 +104,7 @@ export default class Home extends React.Component {
<div className="row text-center"> <div className="row text-center">
<div className="col-lg-4 col-xs-12 p-0"> <div className="col-lg-4 col-xs-12 p-0">
<Link href="/fertigungsverfahren/laserteile"> <Link href="/fertigungsverfahren/laserteile">
<a>
<div <div
className="background-image d-flex align-items-center flex-column filter-grey" className="background-image d-flex align-items-center flex-column filter-grey"
style={{ style={{
@@ -120,12 +122,12 @@ export default class Home extends React.Component {
/> />
<h3 className="text-white"> Laserteile </h3> <h3 className="text-white"> Laserteile </h3>
</div> </div>
</a>
</Link> </Link>
</div> </div>
<div className="col-lg-4 col-xs-12 p-0"> <div className="col-lg-4 col-xs-12 p-0">
<Link href="/fertigungsverfahren/stanzteile"> <Link href="/fertigungsverfahren/stanzteile">
<a>
<div <div
className="background-image d-flex align-items-center flex-column filter-grey" className="background-image d-flex align-items-center flex-column filter-grey"
style={{ style={{
@@ -143,12 +145,12 @@ export default class Home extends React.Component {
/> />
<h3 className="text-white"> Stanzteile </h3> <h3 className="text-white"> Stanzteile </h3>
</div> </div>
</a>
</Link> </Link>
</div> </div>
<div className="col-lg-4 col-xs-12 p-0"> <div className="col-lg-4 col-xs-12 p-0">
<Link href="/fertigungsverfahren/biegeteile"> <Link href="/fertigungsverfahren/biegeteile">
<a>
<div <div
className="background-image d-flex align-items-center flex-column filter-grey" className="background-image d-flex align-items-center flex-column filter-grey"
style={{ style={{
@@ -166,7 +168,7 @@ export default class Home extends React.Component {
/> />
<h3 className="text-white"> Biegeteile </h3> <h3 className="text-white"> Biegeteile </h3>
</div> </div>
</a>
</Link> </Link>
</div> </div>
</div> </div>
@@ -203,16 +205,16 @@ export default class Home extends React.Component {
<p> <p>
Unsere Elektronikgehäuse werden mit{" "} Unsere Elektronikgehäuse werden mit{" "}
<Link href="/fertigungsverfahren/stanzteile"> <Link href="/fertigungsverfahren/stanzteile">
<a>Stanz-</a> Stanz-
</Link>{" "} </Link>{" "}
oder{" "} oder{" "}
<Link href="/fertigungsverfahren/laserteile"> <Link href="/fertigungsverfahren/laserteile">
<a>Lasertechnik</a> Lasertechnik
</Link>{" "} </Link>{" "}
aus einer Blechplatine gefertigt. Die endgültige Form bekommen aus einer Blechplatine gefertigt. Die endgültige Form bekommen
die Teile nach der Umformung auf unseren{" "} die Teile nach der Umformung auf unseren{" "}
<Link href="/fertigungsverfahren/biegeteile"> <Link href="/fertigungsverfahren/biegeteile">
<a>CNC Biegemaschinen</a> CNC Biegemaschinen
</Link> </Link>
. .
</p> </p>
@@ -286,11 +288,11 @@ export default class Home extends React.Component {
der Werkstücke. Die Ebenheit muss selbst nach der der Werkstücke. Die Ebenheit muss selbst nach der
Wärmeeinwirkung beim{" "} Wärmeeinwirkung beim{" "}
<Link href="/fertigungsverfahren/stanzteile"> <Link href="/fertigungsverfahren/stanzteile">
<a>Lasern</a> Lasern
</Link>{" "} </Link>{" "}
und nach der Umformung beim{" "} und nach der Umformung beim{" "}
<Link href="/fertigungsverfahren/biegeteile"> <Link href="/fertigungsverfahren/biegeteile">
<a>Abkanten</a> Abkanten
</Link>{" "} </Link>{" "}
gewährleistet sein. gewährleistet sein.
</p> </p>
@@ -317,7 +319,7 @@ export default class Home extends React.Component {
fertigen die Federn mit Spezialwerkzeugen aus eigener fertigen die Federn mit Spezialwerkzeugen aus eigener
Produktion. Diese Federn aus Kupfer mit{" "} Produktion. Diese Federn aus Kupfer mit{" "}
<Link href="/fertigungsverfahren/lasergravur"> <Link href="/fertigungsverfahren/lasergravur">
<a>Lasergravur</a> Lasergravur
</Link>{" "} </Link>{" "}
zeigen die Präzision bei der Fertigung. zeigen die Präzision bei der Fertigung.
</p> </p>

24
pages/materialien.jsx
View File

@@ -6,25 +6,22 @@ import Productpage from "../components/productpage.jsx";
const content = { const content = {
stahl: { stahl: {
title: "Materialien", title: "Materialien",
text: ` Wir fertigen Blechteile aus verschiedensten auf dem Weltmarkt 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.`,
erhältlichen Materialien. Zu unserem Standardrepertoire gehören
natürlich schiedenste Edelstähle, welche wir meist auch auf Vorrat haben.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/stahl.webp", bgurl: "/background/materialien/stahl.webp",
}, },
aluminium: { aluminium: {
title: "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", iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/aluminium.webp", bgurl: "/background/materialien/aluminium.webp",
}, },
sonstiges: { sonstiges: {
title: "Sonstiges", title: "Sonstiges",
text: `Falls Sie besondere text: `
Anforderungen haben, fertigen wir Ihre Teile gerne aus exotischen 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!`,
Materialien, wie z.B. Kuper-Beryllium, Mesing oder auch Gold - Für uns ist kein Material zu schwierig.`,
iconurl: "/icons/laserteile.svg", iconurl: "/icons/laserteile.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/materialien/sonstiges.webp", bgurl: "/background/materialien/sonstiges.webp",
@@ -116,17 +113,17 @@ function ContenAluminum() {
<tr> <tr>
<th scope="row">AlMg3</th> <th scope="row">AlMg3</th>
<td>0,5</td> <td>0,5</td>
<td>5,0</td> <td>6,0</td>
</tr> </tr>
<tr> <tr>
<th scope="row">AlSi</th> <th scope="row">AlSi</th>
<td>0,5</td> <td>0,5</td>
<td>5,0</td> <td>6,0</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Al99</th> <th scope="row">Al99</th>
<td>0,5</td> <td>0,5</td>
<td>5,0</td> <td>6,0</td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
@@ -148,8 +145,8 @@ function ContenOther() {
<tbody> <tbody>
<tr> <tr>
<th scope="row">Kupfer</th> <th scope="row">Kupfer</th>
<td></td> <td>0,3</td>
<td></td> <td>5,0</td>
</tr> </tr>
<tr> <tr>
<th scope="row">Titan</th> <th scope="row">Titan</th>
@@ -190,14 +187,12 @@ export default function Materialien(props) {
</Head> </Head>
<Productpage <Productpage
bgurl={content.stahl.bgurl} bgurl={content.stahl.bgurl}
iconurl={content.stahl.iconurl}
title={content.stahl.title} title={content.stahl.title}
text={content.stahl.text} text={content.stahl.text}
addtext={<ContentSteel />} addtext={<ContentSteel />}
/> />
<Productpage <Productpage
bgurl={content.aluminium.bgurl} bgurl={content.aluminium.bgurl}
iconurl={content.aluminium.iconurl}
title={content.aluminium.title} title={content.aluminium.title}
text={content.aluminium.text} text={content.aluminium.text}
addtext={<ContenAluminum />} addtext={<ContenAluminum />}
@@ -205,7 +200,6 @@ export default function Materialien(props) {
/> />
<Productpage <Productpage
bgurl={content.sonstiges.bgurl} bgurl={content.sonstiges.bgurl}
iconurl={content.sonstiges.iconurl}
title={content.sonstiges.title} title={content.sonstiges.title}
text={content.sonstiges.text} text={content.sonstiges.text}
addtext={<ContenOther />} addtext={<ContenOther />}

21
pages/qualitaet.jsx
View File

@@ -6,30 +6,21 @@ import Productpage from "../components/productpage.jsx";
const content = { const content = {
auszeichnungen: { auszeichnungen: {
title: "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", iconurl: "/icons/qualitaet/auszeichnungen.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/qualitaet/auszeichnungen.webp", bgurl: "/background/qualitaet/auszeichnungen.webp",
}, },
messtechnik: { messtechnik: {
title: "Messtechnik", title: "Messtechnik",
text: `Grundsätzlich werden alle Teile über den gesamten Fertigungsprozess maßlich überwacht. Auf Wunsch erstellen wir ein Erstmusterprüfprotokoll. 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.`,
Wir verwenden kalibrierte Messmittel und folgende Messmaschinen:
Mauser Capax 2 digitaler Höhenmesser
Messmikroskop Digiscope`,
iconurl: "/icons/qualitaet/messtechnik.svg", iconurl: "/icons/qualitaet/messtechnik.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/qualitaet/messtechnik.webp", bgurl: "/background/qualitaet/messtechnik.webp",
}, },
iso: { iso: {
title: "ISO Zertifizierung", title: "ISO Zertifizierung",
text: `Wir leben unseren ISO 9001:2008 Prozess! Schon lange bevor der Betrieb zertifiziert wurde haben wir nach strikten Auflagen gearbeitet. 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!`,
Diese Philosophie merkt man bei jeder Bestellung, nie eine Reklamation!
Natürlich fertigen wir auf Wunsch auch Erstmusterprüfprotokolle für unsere Teile an.`,
iconurl: "/icons/qualitaet/iso.svg", iconurl: "/icons/qualitaet/iso.svg",
iconalt: "Lasermachine beim herstellen von Laserteilen", iconalt: "Lasermachine beim herstellen von Laserteilen",
bgurl: "/background/qualitaet/iso-zertifizierung.webp", bgurl: "/background/qualitaet/iso-zertifizierung.webp",
@@ -52,20 +43,20 @@ export default function Fertigungsverfahren() {
</Head> </Head>
<Productpage <Productpage
bgurl={content.auszeichnungen.bgurl} bgurl={content.auszeichnungen.bgurl}
iconurl={content.auszeichnungen.iconurl} // iconurl={content.auszeichnungen.iconurl}
title={content.auszeichnungen.title} title={content.auszeichnungen.title}
text={content.auszeichnungen.text} text={content.auszeichnungen.text}
/> />
<Productpage <Productpage
bgurl={content.messtechnik.bgurl} bgurl={content.messtechnik.bgurl}
iconurl={content.messtechnik.iconurl} // iconurl={content.messtechnik.iconurl}
title={content.messtechnik.title} title={content.messtechnik.title}
text={content.messtechnik.text} text={content.messtechnik.text}
reversed reversed
/> />
<Productpage <Productpage
bgurl={content.iso.bgurl} bgurl={content.iso.bgurl}
iconurl={content.iso.iconurl} // iconurl={content.iso.iconurl}
title={content.iso.title} title={content.iso.title}
text={content.iso.text} text={content.iso.text}
/> />

1711
yarn.lock
View File

File diff suppressed because it is too large Load Diff