mirror of
https://github.com/System-End/site.git
synced 2026-04-19 16:28:21 +00:00
24 lines
664 B
JavaScript
24 lines
664 B
JavaScript
import { Box, Flex, Image, Text } from 'theme-ui'
|
|
|
|
export default function Quote({ text, person, age, location, img }) {
|
|
return (
|
|
<Box
|
|
sx={{
|
|
p: '32px',
|
|
borderRadius: 12,
|
|
backgroundColor: '#F9FAFC',
|
|
width: 'full'
|
|
}}
|
|
>
|
|
<Text as="h3" variant="title" sx={{ mb: 3, fontSize: ['36px', 4, 5] }}>
|
|
"{text}"
|
|
</Text>
|
|
<Flex sx={{ gap: '8px' }}>
|
|
<Image src={img} alt={`${person}'s profile picture`} sx={{ height: 24, width: 24, borderRadius: 100 }} />
|
|
<Text as="h3" sx={{ fontWeight: 400 }}>
|
|
{person}, {age} from {location}
|
|
</Text>
|
|
</Flex>
|
|
</Box>
|
|
)
|
|
}
|