✨ Add page Unsere-Leistungen

2022-05-19 16:41:14 +02:00
parent 358d5421cf
commit b2905e040d
5 changed files with 61 additions and 0 deletions
--- a/pages/unsere-leistungen.js
+++ b/pages/unsere-leistungen.js
@@ -0,0 +1,61 @@
+import Head from "next/head";
+import Image from "next/image";
+import StandardStyles from "../styles/Home.module.css";
+import styles from "../styles/LandingPage.module.css";
+import FadeIn from "react-fade-in";
+//Import Images
+import WorldIcon from "../assets/icons/World_Icon.png";
+import LaptopAppIcon from "../assets/icons/LaptopApp_Icon.png";
+import LaptopCmdIcon from "../assets/icons/LaptopCmd_Icon.png";
+import SupportIcon from "../assets/icons/Support_Icon.png";
+
+export default function Home() {
+	return (
+		<main className={StandardStyles.main}>
+			<Head>
+				<title>AGS IT Solutions | Unsere Leistungen</title>
+			</Head>
+			<FadeIn transitionDuration={500} childTag={"h1"}>
+				Unsere Leistungen
+			</FadeIn>
+			<FadeIn delay={200} transitionDuration={1500} className={styles.treeContainerLayout}>
+				<div className={styles.container}>
+					<Image src={WorldIcon} alt="Laptop icon" height={100} width={100} />
+					<h3>Webentwicklung</h3>
+					<p>Wir entwickeln ihre Website/Webanwendung nach ihren ansprüchen</p>
+				</div>
+				<div className={styles.container}>
+					<Image src={LaptopAppIcon} alt="Laptop App icon" height={100} width={100} />
+					<h3>Softwareentwicklung</h3>
+					<p>
+						Wir entwickeln ebendso ihre Software anwendung (Mobile- / Desktop App) auf
+						Javascript basis mithilfe von{" "}
+						<a style={{ color: "#057CA6" }} href="https://www.electronjs.org/">
+							Elektron
+						</a>
+					</p>
+				</div>
+				<div className={styles.container}>
+					<Image src={LaptopCmdIcon} alt="Laptop CMD icon" height={100} width={100} />
+					<h3>Server / Computer Einrichtung</h3>
+					<p>
+						Wir bieten auch das Installieren oder Einrichten von Betriebssystem oder
+						Software auf Servern oder Computern an.
+					</p>
+				</div>
+				<div className={styles.container}>
+					<Image src={SupportIcon} alt="Support icon" height={100} width={100} />
+					<h3>Support</h3>
+					<p>
+						Wir Helfen ihnen bei ihren Problemen an ihrem PC, Server oder mit einer
+						Software.
+					</p>
+				</div>
+			</FadeIn>
+			{/* TODO: Auftrage hinzufügen */}
+			{/* <FadeIn transitionDuration={500} childTag={"h1"}>
+				Unsere Aufträge
+			</FadeIn> */}
+		</main>
+	);
+}