tldraw/apps/docs/components/Footer.tsx
Steve Ruiz 0d2fa6ae24
Restore vercel.jsons (#2650)
This PR restores the vercel.json files in the examples/dotcom
directories.

### Change Type

- [x] `internal` — Any other changes that don't affect the published
package[^2]
2024-01-25 23:24:22 +00:00

45 lines
1.1 KiB
TypeScript

import dynamic from 'next/dynamic'
import { Icon } from './Icon'
const FancyBox = dynamic(async () => await import('./FancyBox'), { ssr: false })
export function Footer() {
return (
<div className="footer">
<FancyBox />
<a className="footer__lockup" href="https://tldraw.com">
<span
className="footer__lockup__icon"
style={{
mask: `url(/tldraw-icon.svg) center 100% / 100% no-repeat`,
WebkitMask: `url(/tldraw-icon.svg) center 100% / 100% no-repeat`,
}}
/>
<p>tldraw © 2024</p>
</a>
<div className="footer__socials">
<a
href="https://twitter.com/tldraw"
className="sidebar__button icon-button"
title="twitter"
>
<Icon icon="twitter" />
</a>
<a
href="https://github.com/tldraw/tldraw"
className="sidebar__button icon-button"
title="github"
>
<Icon icon="github" />
</a>
<a
href="https://discord.com/invite/SBBEVCA4PG"
className="sidebar__button icon-button"
title="discord"
>
<Icon icon="discord" />
</a>
</div>
</div>
)
}