import { Button, Cards, Image } from 'nextra/components' import { cloneElement } from 'react'

Sponsors

<div className="mb-12 text-center"> <Button className="mt-3 inline-block !px-6 hover:!no-underline" variant="outline" href="https://github.com/sponsors/dimaMachina" as="a" target="_blank" rel="noreferrer" > {'Become a Sponsor'} </Button> </div> <Cards num={3}> <>[![Inkeep - AI Agents that get real work done](../showcase/_logos/inkeep.png)](https://inkeep.com)</> <>[![xyflow preview](../showcase/_logos/xyflow.png)](https://xyflow.com)</> </Cards>

export default function MdxLayout(props) { return cloneElement(props.children, { components: { img: props => ( <Image {...props} className="[aspect-ratio:12/6.3] object-cover" /> ), a({ children, href }) { const { alt } = children.props return ( <Cards.Card href={${href}?utm_source=nextra.site&utm_campaign=nextra&utm_content=logolink} title={alt.replace(/ preview$/i, '')} target="_blank" rel="noreferrer" arrow className="!no-underline" > {children} </Cards.Card> ) } } }) }