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