Files
pet-adviser/src/components/Sponsor.js
2025-08-16 13:08:52 +02:00

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>
);
}