initian commit
This commit is contained in:
59
src/components/Sponsor.js
Normal file
59
src/components/Sponsor.js
Normal file
@@ -0,0 +1,59 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user