__not-found.tsx 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import Link from 'next/link';
  2. import Script from 'next/script';
  3. import Icon from '@/components/Icon';
  4. export default function Custom404Page() {
  5. return (
  6. <>
  7. <section className="section">
  8. <div className="container">
  9. <div className="py-6 text-center">
  10. <img
  11. src="/img/404.svg"
  12. alt="404 - not found"
  13. height={200}
  14. className="mb-6 mx-auto"
  15. />
  16. <div className="section-header">
  17. <h1 className="section-title section-title-lg">
  18. Oooops! Page Not Found
  19. </h1>
  20. <p className="section-description">
  21. This page doesn&apos;t exist or was removed!
  22. <br />
  23. We suggest you back home
  24. </p>
  25. <div className="mt-5">
  26. <Link href="/" className="btn btn-primary">
  27. <Icon name="chevron-left" />
  28. Back to home
  29. </Link>
  30. </div>
  31. </div>
  32. </div>
  33. </div>
  34. </section>
  35. {/* <Script id="plausible">
  36. {'window.plausible && window.plausible("404",{props:{path:document.location.pathname}})'}
  37. </Script> */}
  38. </>
  39. );
  40. }