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

6
components/footer.jsx
View File

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

173
components/navbar.jsx
View File

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

15
components/productpage.jsx
View File

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