diff --git a/components/ueber-uns/teamCard.js b/components/ueber-uns/teamCard.js
new file mode 100644
index 0000000..a93bc6c
--- /dev/null
+++ b/components/ueber-uns/teamCard.js
@@ -0,0 +1,16 @@
+import Image from "next/image";
+import React from "react";
+
+const TeamCard = (props) => {
+ return (
+
+
+
+
{props.name}
+ {props.stellung}
+
+
+ );
+};
+
+export default TeamCard;
diff --git a/pages/ueber-uns.js b/pages/ueber-uns.js
index dd6d099..4484793 100644
--- a/pages/ueber-uns.js
+++ b/pages/ueber-uns.js
@@ -1,8 +1,8 @@
import Head from "next/head";
-import Image from "next/image";
import StandardStyles from "../styles/Home.module.css";
import styles from "../styles/UeberUns.module.css";
import FadeIn from "react-fade-in";
+import TeamCard from "../components/ueber-uns/teamCard";
export default function Home() {
return (
@@ -26,20 +26,25 @@ export default function Home() {
- {/* TODO: ProfileImage */}
Das Team
-
-

-
-
Stefan Arnold
- Inhaber
-
-
+ {[
+ {
+ name: "Stefan Arnold",
+ stellung: "Inhaber",
+ imgUrl: "https://cdn.discordapp.com/attachments/933369908341932052/983361091063128124/Profile_Image2.png",
+ },
+ ].map((member) => {
+ return (
+
+ );
+ })}