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

Bigger redesign

Browse Source
This commit is contained in:
Christian Anetzberger
2023-01-31 17:05:28 +01:00
parent 7ac213d208
commit 13ecc97011
29 changed files with 3207 additions and 299 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
components/footer.jsx
View File

@@ -1,32 +1,39 @@
// React, NextJS
import React from "react";
import Link from "next/link";
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
import Col from 'react-bootstrap/Col';
export default function Footer(props) {
return (
<footer>
<div className="container-fluid">
<div className="row py-2">
<div className="col-12 col-lg-4 text-center">
<Container fluid>
<Row className="py-2">
<Col xs={12} lg={4} className="text-center">
<Link href="/impressum">
Impressum
</Link>
</div>
<div className="col-12 col-lg-4 text-center">
</Col>
<Col xs={12} lg={4} className="text-center">
<Link href="/datenschutz">
Datenschutz
</Link>
</div>
<div className="col-12 col-lg-4 text-center">
</Col>
<Col xs={12} lg={4} className="text-center">
<Link href="/agbs">
AGBs
</Link>
</div>
</div>
<div className="row footer-dark-bg py-2">
<div className="col-12">
<div className="text-center">© 2021 Prothmann GmbH</div>
</div>
</div>
</div>
</Col>
</Row>
<Row className="footer-dark-bg py-2">
<Col>
<div className="text-center">© 2023 Prothmann GmbH</div>
</Col>
</Row>
</Container>
</footer>
);
}

26
components/productpage.jsx
View File

@@ -1,19 +1,25 @@
// React, NextJS
import React from "react";
import Image from "next/image";
import Image from "next/image"
// Bootstrap components
import Container from 'react-bootstrap/Container';
import Row from 'react-bootstrap/Row';
export default function Productpage(props) {
return (
<>
<div className="container-fluid products-container navbar-spacing">
<div className="row align-items-center min-height-100">
<>
<Container fluid className="products-container navbar-spacing">
<Row className="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"}`}
style={{ backgroundImage: `url(${props.bgurl})` }}
className={`align-self-stretch background-image d-flex flex-column justify-content-center products-img-shadow products-img-container col-lg-6 col-12 ${props.reversed ? "order-lg-1" : ""}`}
style={{ backgroundImage: `url(${props.bgurl})` }} title={props.bgtitle}
>
<div className="center-icon">
{props.iconurl &&
<div className="products-img-icon-wrapper">
<Image src={props.iconurl} width={300} height={300} alt={props.iconalt} title={props.iconalt} className="products-icon" priority/>
</div>
}
</div>
@@ -28,8 +34,8 @@ export default function Productpage(props) {
{props.addtext && props.addtext}
</div>
</div>
</div>
</div>
</Row>
</Container>
</>
);
}
}