diff --git a/assets/icons/Discord_Icon.png b/assets/icons/Discord_Icon.png
new file mode 100644
index 0000000..b6a6ecc
Binary files /dev/null and b/assets/icons/Discord_Icon.png differ
diff --git a/assets/icons/Email_Icon.png b/assets/icons/Email_Icon.png
new file mode 100644
index 0000000..bc69de5
Binary files /dev/null and b/assets/icons/Email_Icon.png differ
diff --git a/assets/icons/Facebook_Icon.png b/assets/icons/Facebook_Icon.png
new file mode 100644
index 0000000..cd28e0e
Binary files /dev/null and b/assets/icons/Facebook_Icon.png differ
diff --git a/assets/icons/Instagram_Icon.png b/assets/icons/Instagram_Icon.png
new file mode 100644
index 0000000..9ec0912
Binary files /dev/null and b/assets/icons/Instagram_Icon.png differ
diff --git a/pages/Kontakt.js b/pages/Kontakt.js
new file mode 100644
index 0000000..c93f41f
--- /dev/null
+++ b/pages/Kontakt.js
@@ -0,0 +1,36 @@
+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 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>
+			<h1>Kontakformular Folgt...</h1>
+			<h1>Social-Media</h1>
+			{/* Social-Media*/}
+			<div 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>
+			</div>
+		</main>
+	);
+}
diff --git a/styles/Kontakt.module.css b/styles/Kontakt.module.css
new file mode 100644
index 0000000..8e57c87
--- /dev/null
+++ b/styles/Kontakt.module.css
@@ -0,0 +1 @@
+.SocialMediaContainer{width:80%;display:flex;justify-content:space-around;align-items:center}.SocialMediaContainer a span{transition:all .5s}.SocialMediaContainer a :hover{transform:scale(1.05)}
\ No newline at end of file
diff --git a/styles/Kontakt.module.scss b/styles/Kontakt.module.scss
new file mode 100644
index 0000000..4d24bcc
--- /dev/null
+++ b/styles/Kontakt.module.scss
@@ -0,0 +1,16 @@
+.SocialMediaContainer {
+	width: 80%;
+
+	display: flex;
+	justify-content: space-around;
+	align-items: center;
+
+	a {
+		span {
+			transition: all 0.5s;
+		}
+		:hover {
+			transform: scale(1.05);
+		}
+	}
+}
