Files
AGS_IT_Solutions_Website/pages/Kontakt.js
stefan080106 e2d13f74ba 💄 Add animation
2022-05-19 16:41:37 +02:00

41 lines
1.4 KiB
JavaScript

import Head from "next/head";
import Image from "next/image";
import StandardStyles from "../styles/Home.module.css";
import styles from "../styles/Kontakt.module.css";
import FadeIn from "react-fade-in";
import EmailIcon from "../assets/icons/Email_Icon.png";
import DiscordIcon from "../assets/icons/Discord_Icon.png";
import FacebookIcon from "../assets/icons/Facebook_Icon.png";
import InstagramIcon from "../assets/icons/Instagram_Icon.png";
export default function Home() {
return (
<main className={StandardStyles.main}>
<Head>
<title>AGS IT Solutions | Kontakt</title>
</Head>
<FadeIn childTag={"h1"} transitionDuration={1500}>
Kontakformular Folgt...
</FadeIn>
<FadeIn delay={300} childTag={"h1"} transitionDuration={1500}>
Social-Media
</FadeIn>
{/* Social-Media*/}
<FadeIn delay={300} transitionDuration={1500} className={styles.SocialMediaContainer}>
<a href="mailto:solutionsagsit@gmail.com">
<Image height={100} width={100} src={EmailIcon} alt="E-Mail" />
</a>
<a href="https://www.instagram.com/ags_it_solutions/">
<Image height={100} width={100} src={InstagramIcon} alt="Instagram" />
</a>
<a href="https://www.facebook.com/AGS-It-Solutions-106590378715946">
<Image height={100} width={100} src={FacebookIcon} alt="Facebook" />
</a>
<a href="https://discord.gg/cgq2NA2sdd">
<Image height={100} width={100} src={DiscordIcon} alt="Discord" />
</a>
</FadeIn>
</main>
);
}