errorpage created

Rakibhasaniu · Oct 11, 2022 · 8f85eff · 8f85eff
1 parent ca3f666
commit 8f85eff
Showing 1 changed file with 52 additions and 0 deletions.
diff --git a/src/components/ErrorPage/Errorpage.js b/src/components/ErrorPage/Errorpage.js
@@ -0,0 +1,52 @@
+import React from 'react'
+import { Link } from 'react-router-dom'
+
+const ErrorPage = () => {
+  return (
+    <section className='flex items-center h-screen p-16 bg-gray-100 text-gray-900'>
+      <div className='container flex flex-col items-center justify-center px-5 mx-auto my-8'>
+        <svg
+          xmlns='http://www.w3.org/2000/svg'
+          viewBox='0 0 512 512'
+          className='w-40 h-40 text-gray-600'
+        >
+          <path
+            fill='currentColor'
+            d='M256,16C123.452,16,16,123.452,16,256S123.452,496,256,496,496,388.548,496,256,388.548,16,256,16ZM403.078,403.078a207.253,207.253,0,1,1,44.589-66.125A207.332,207.332,0,0,1,403.078,403.078Z'
+          ></path>
+          <rect
+            width='176'
+            height='32'
+            x='168'
+            y='320'
+            fill='currentColor'
+          ></rect>
+          <polygon
+            fill='currentColor'
+            points='210.63 228.042 186.588 206.671 207.958 182.63 184.042 161.37 162.671 185.412 138.63 164.042 117.37 187.958 141.412 209.329 120.042 233.37 143.958 254.63 165.329 230.588 189.37 251.958 210.63 228.042'
+          ></polygon>
+          <polygon
+            fill='currentColor'
+            points='383.958 182.63 360.042 161.37 338.671 185.412 314.63 164.042 293.37 187.958 317.412 209.329 296.042 233.37 319.958 254.63 341.329 230.588 365.37 251.958 386.63 228.042 362.588 206.671 383.958 182.63'
+          ></polygon>
+        </svg>
+        <div className='max-w-md text-center'>
+          <h2 className='mb-8 font-extrabold text-9xl text-gray-600'>
+            <span className='sr-only'>Error</span>404
+          </h2>
+          <p className='text-2xl font-semibold md:text-3xl mb-8'>
+            Sorry, we couldn't find this page.
+          </p>
+          <Link
+            to='/'
+            className='px-8 py-3 font-semibold rounded bg-cyan-200 text-gray-900'
+          >
+            Back to homepage
+          </Link>
+        </div>
+      </div>
+    </section>
+  )
+}
+
+export default ErrorPage