Tilt

1import { Tilt } from "@/components/motion/tilt"23export function Example() {4  return (5    <Tilt6      maxTilt={14}7      perspective={900}8      glare={true}9      className="w-full max-w-sm rounded-xl"10    >11      <div className="overflow-hidden rounded-xl border border-border bg-background">12        <div className="relative aspect-[4/3] bg-muted">13          <img14            src="/assets/brand/demos/attachments/attachment-1.png"15            alt=""16            className="absolute inset-0 size-full object-cover"17          />18        </div>19        <div className="px-4 py-4">20          <h3 className="text-sm font-medium tracking-wide text-foreground">21            Token ready22          </h3>23          <p className="mt-1 text-xs tracking-wide text-muted-foreground">24            Restyle every surface with your theme tokens.25          </p>26        </div>27      </div>28    </Tilt>29  )30}