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