import { ColorDithering } from "@/components/effects/color-dithering" const image = "https://www.vivid-layer.com/shader-assets/monument-valley.9a0e22e4434a.jpg" const columns = [ { title: "Product", links: ["Components", "Blocks", "Shaders", "Pricing"], }, { title: "Resources", links: ["Documentation", "Registry", "Changelog", "Templates"], }, { title: "Company", links: ["About", "Contact", "Careers"], }, ] as const const socials = [ { label: "X", path: "M18.2 2H21l-6.6 7.6L22 22h-6.1l-4.8-6.3L5.6 22H2.8l7.1-8.1L2.4 2h6.3l4.3 5.7L18.2 2Zm-1.1 18.2h1.7L7.4 3.7H5.6l11.5 16.5Z", }, { label: "GitHub", path: "M12 2a10 10 0 0 0-3.2 19.5c.5.1.7-.2.7-.5v-1.8c-2.8.6-3.4-1.3-3.4-1.3-.4-1.1-1.1-1.4-1.1-1.4-.9-.6.1-.6.1-.6 1 .1 1.5 1 1.5 1 .9 1.6 2.4 1.1 3 .9.1-.7.4-1.1.6-1.4-2.2-.2-4.6-1.1-4.6-4.9 0-1.1.4-2 1-2.7-.1-.3-.4-1.3.1-2.7 0 0 .8-.3 2.8 1a9.6 9.6 0 0 1 5 0c1.9-1.3 2.7-1 2.7-1 .5 1.4.2 2.4.1 2.7.6.7 1 1.6 1 2.7 0 3.8-2.3 4.7-4.6 4.9.4.3.7.9.7 1.9V21c0 .3.2.6.7.5A10 10 0 0 0 12 2Z", }, { label: "LinkedIn", path: "M20.4 2H3.6A1.6 1.6 0 0 0 2 3.6v16.8A1.6 1.6 0 0 0 3.6 22h16.8a1.6 1.6 0 0 0 1.6-1.6V3.6A1.6 1.6 0 0 0 20.4 2ZM8 19H5V9h3v10ZM6.5 7.7a1.7 1.7 0 1 1 0-3.4 1.7 1.7 0 0 1 0 3.4ZM19 19h-3v-4.9c0-1.2 0-2.7-1.6-2.7s-1.9 1.3-1.9 2.6V19h-3V9h2.9v1.4c.4-.8 1.4-1.6 2.9-1.6 3 0 3.6 2 3.6 4.6V19Z", }, ] as const /** * A footer that closes the page with the same photograph twice: darkened * and desaturated across the whole footer, and in full colour inside a * framed window as a fine newsprint screen, with the call to action on * top. The dithered dots leave transparent paper between them, so the * window's tint shows through the screen. */ export function Footer01() { return ( ) }