59 lines
2.6 KiB
JavaScript
59 lines
2.6 KiB
JavaScript
import { Container, Stack, Badge, Box, Button, Card, HStack, Image, Heading } from "@chakra-ui/react"
|
|
|
|
export default function Sponsor() {
|
|
return (
|
|
<Container>
|
|
<Heading size="4xl" as="h2" >Sponzorji meseca</Heading>
|
|
<Stack direction="row" wrap="wrap" gap={4}>
|
|
<Card.Root flexDirection="row" overflow="hidden" maxW="xl">
|
|
<Image
|
|
objectFit="contain"
|
|
maxW="200px"
|
|
src="https://kanimedico.com/wp-content/uploads/2024/12/logo.svg"
|
|
alt="Kani Medico"
|
|
/>
|
|
<Box>
|
|
<Card.Body>
|
|
<Card.Title mb="2">The perfect latte</Card.Title>
|
|
<Card.Description>
|
|
Caffè latte is a coffee beverage of Italian origin made with espresso
|
|
and steamed milk.
|
|
</Card.Description>
|
|
<HStack mt="4">
|
|
<Badge>Hot</Badge>
|
|
<Badge>Caffeine</Badge>
|
|
</HStack>
|
|
</Card.Body>
|
|
<Card.Footer>
|
|
<Button>Buy Latte</Button>
|
|
</Card.Footer>
|
|
</Box>
|
|
</Card.Root>
|
|
<Card.Root flexDirection="row" overflow="hidden" maxW="xl">
|
|
<Image
|
|
objectFit="contain"
|
|
maxW="200px"
|
|
src="https://www.hepifit.si/wp-content/uploads/2020/02/HepiFit_logo-500x180-1-e1589702333940.png"
|
|
alt="Hepi Fit"
|
|
/>
|
|
<Box>
|
|
<Card.Body>
|
|
<Card.Title mb="2">The perfect latte</Card.Title>
|
|
<Card.Description>
|
|
Caffè latte is a coffee beverage of Italian origin made with espresso
|
|
and steamed milk.
|
|
</Card.Description>
|
|
<HStack mt="4">
|
|
<Badge>Hot</Badge>
|
|
<Badge>Caffeine</Badge>
|
|
</HStack>
|
|
</Card.Body>
|
|
<Card.Footer>
|
|
<Button>Buy Latte</Button>
|
|
</Card.Footer>
|
|
</Box>
|
|
</Card.Root>
|
|
</Stack>
|
|
</Container>
|
|
);
|
|
} |