From 240bdc29d06502f8cf6b9a254f810b664919ffac Mon Sep 17 00:00:00 2001
From: stefan080106 <stefan08.arnold@gmail.com>
Date: Thu, 19 May 2022 18:23:59 +0200
Subject: [PATCH] :lipstick: Add animation

---
 pages/ueber-uns.js | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/pages/ueber-uns.js b/pages/ueber-uns.js
index 035549c..a0b760d 100644
--- a/pages/ueber-uns.js
+++ b/pages/ueber-uns.js
@@ -3,6 +3,7 @@ import Image from "next/image";
 import StandardStyles from "../styles/Home.module.css";
 import styles from "../styles/LandingPage.module.css";
 import ProfileImage from "../assets/img/Profile_Image.png";
+import FadeIn from "react-fade-in";
 
 export default function Home() {
 	return (
@@ -11,18 +12,24 @@ export default function Home() {
 				<title>AGS IT Solutions | Über uns</title>
 			</Head>
 			<div style={{ width: "80%" }}>
-				<h2>Die Firma</h2>
-				<p>AGS IT Solutions wurde am 01.05.2022 mir, Stefan Arnold in Aurich gegründet.</p>
+				<FadeIn transitionDuration={1500}>
+					<h2>Die Firma</h2>
+					<p>
+						AGS IT Solutions wurde am 01.05.2022 mir, Stefan Arnold in Aurich gegründet.
+					</p>
+				</FadeIn>
 			</div>
 			<div style={{ width: "80%" }}>
 				{/* TODO: ProfileImage */}
-				<h2>Über mich</h2>
-				<p>
-					Moin, ich bin Stefan! Ich bin 16 Jahre und gebürtig auch aus Aurich. Ich habe
-					mit 9 Jahren mit meinem ersten Computer mein Interesse an der IT aufzubauen.
-					Seit dem habe ich mich immer mehr informiert und bin immer tiefer in die IT und
-					Schwerpunktmäßig in die Programmierung eingestiegen.
-				</p>
+				<FadeIn delay={500} transitionDuration={1500}>
+					<h2>Über mich</h2>
+					<p>
+						Moin, ich bin Stefan! Ich bin 16 Jahre und gebürtig auch aus Aurich. Ich
+						habe mit 9 Jahren mit meinem ersten Computer mein Interesse an der IT
+						aufzubauen. Seit dem habe ich mich immer mehr informiert und bin immer
+						tiefer in die IT und Schwerpunktmäßig in die Programmierung eingestiegen.
+					</p>
+				</FadeIn>
 			</div>
 		</main>
 	);