✨ feat(people): add people page

2026-01-27 16:01:12 +01:00
parent d356ffe31c
commit 2c546e766b
17 changed files with 165 additions and 3 deletions
@@ -0,0 +1,28 @@
+import { Card, CardContent, CardMedia, CardProps, Typography } from '@mui/material'
+import { FC } from 'react'
+
+export interface EmplyeeCardProps extends CardProps {
+  name: string
+  image: string
+  position?: string
+}
+
+export const EmplyeeCard: FC<EmplyeeCardProps> = ({ name, position, image, sx, ...props }) => {
+  return (
+    <Card sx={{ flexShrink: 0, width: 270, height: 360, ...sx }} {...props}>
+      <CardMedia component="img" sx={{ minHeight: '140' }} image={image} alt={`${name} image`} />
+      <CardContent>
+        <Typography gutterBottom variant="h5" component="div">
+          {name}
+        </Typography>
+        {position && (
+          <Typography variant="body2" sx={{ color: 'text.secondary' }}>
+            {position}
+          </Typography>
+        )}
+      </CardContent>
+    </Card>
+  )
+}
+
+export default EmplyeeCard