404.tsx (1823B)
1 import Image from 'next/image' 2 import { Inter } from 'next/font/google' 3 import { Hero } from '@/components/sections/Hero' 4 import { MeshGradient1 } from '@/components/effects/MeshGradient.1' 5 import { TopMenu } from '@/components/sections/TopMenu' 6 import { FormattedMessage } from 'react-intl' 7 import { ArrowUpRight } from 'lucide-react' 8 import { Button } from '@/components/ui/Button' 9 import Link from 'next/link' 10 11 const inter = Inter({ subsets: ['latin'] }) 12 13 export default function NotFound() { 14 return ( 15 <main> 16 <div className="bg-black overflow-hidden relative min-h-screen"> 17 <div className="absolute pointer-events-none"> 18 <MeshGradient1 className="-translate-x-1/3" /> 19 </div> 20 <div className="container mx-auto px-6 pb-32 pt-12"> 21 <TopMenu className="w-full" /> 22 <div className="flex flex-col lg:flex-row items-center justify-center mt-32 lg:mt-16"> 23 <div className=""> 24 <h1 className="my-6 text-5xl md:text-7xl text-center text-transparent bg-clip-text bg-gradient-to-r from-white from-40% to-100% to-[#2D175B] pb-6 font-semibold whitespace-pre-line max-w-2xl"> 25 Page not found 26 </h1> 27 <div className="mt-6 flex justify-center items-center space-x-6"> 28 <Link href="/"> 29 <Button variant="default"> 30 Go home 31 </Button> 32 </Link> 33 </div> 34 </div> 35 </div> 36 </div> 37 </div> 38 </main> 39 ) 40 }