diff --git a/components/ueber-uns/teamCard.js b/components/ueber-uns/teamCard.js new file mode 100644 index 0000000..57a0bc2 --- /dev/null +++ b/components/ueber-uns/teamCard.js @@ -0,0 +1,15 @@ +import React from "react"; + +const TeamCard = (props) => { + return ( +
+ ProfileImage +
+

{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

-
- ProfileImage -
-

Stefan Arnold

-

Inhaber

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