import Link from 'next/link' ; import React from 'react' ; export default function Custom404 ( ) { return ( < div className = "flex flex-col justify-center items-center w-full" > < img className = "w-3/4 py-20" src = "/images/404.svg" alt = "404" > < /img> < p className = "text-3xl pb-5 text-gray-50" > Someone seems to be lost there ... < /p> < Link href = "/" passHref > { } < a className = "inline-flex items-center px-4 py-2 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500" > < svg className = "-ml-1 mr-2 h-5 w-5" xmlns = "http://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" > < path strokeLinecap = "round" strokeLinejoin = "round" strokeWidth = { 2 } d = "M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6" / > < /svg> Back Home < /a> < /Link> < /div>); }