<TiltFx>
  <Card fillWidth direction="column" padding="4" radius="l" border="neutral-alpha-weak" background="transparent">
    <Row fillWidth vertical="center" paddingX="20" paddingY="12" gap="12">
      <Avatar size="xs" src="/avatar.jpg"/>
      <Text variant="label-default-s">
        Lorant One
      </Text>
    </Row>
    <Media
      border="neutral-alpha-weak"
      sizes="400px"
      fillWidth
      aspectRatio="16 / 9"
      radius="l"
      src="/cover.jpg"
    />
    <Column fillWidth paddingX="24" paddingTop="32" paddingBottom="20" gap="12">
      <Heading as="h2" variant="body-default-xl">
        Your AI hallucinates. Let Once UI fix it.
      </Heading>
      <Text onBackground="neutral-weak" wrap="balance">
        Coding agents are only as strong as their context window. Don't fill it up with obscure spaghetti code.
      </Text>
      <Row gap="8" paddingTop="8">
        <Button variant="tertiary" weight="default" size="s" prefixIcon="heart">
          1.4k
        </Button>
        <Button variant="tertiary" weight="default" size="s" prefixIcon="chat">
          256
        </Button>
      </Row>
    </Column>
  </Card>
</TiltFx>