67 lines
2.2 KiB
JavaScript
67 lines
2.2 KiB
JavaScript
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" }}
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
href="https://www.electronjs.org/"
|
|
>
|
|
electron
|
|
</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>
|
|
);
|
|
}
|