ErrorPages updates

Images added locally
G-Techs · Jun 25, 2022 · 3467f56 · 3467f56
1 parent c978afc
commit 3467f56
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 13 deletions.
diff --git a/components/ErrorPages/Error400.jsx b/components/ErrorPages/Error400.jsx
@@ -1,15 +1,16 @@
 import React from 'react'
 import { HomeSubMenuIcon } from '../modules/__modules/Vectors/index'
+import error from "../../components/modules/static/images/404.png";
 const Error400 = () => {
   return (
-    <div className="flex flex-wrap min-h-screen items-center justify-center ">
-      <div className='flex flex-col items-center justify-center max-w-4xl p-4 text-center'>
-        <img src="https://templates.iqonic.design/muzik/html/images/error/404.png" alt="Not Found" className='w-8/12' />
+    <div className="flex flex-wrap min-h-screen items-center justify-center">
+      <div className="flex flex-col items-center justify-center max-w-4xl p-4 text-center">
+        <img src={error.src} alt="Not Found" className='w-8/12' />
         <h2 className="text-3xl font-extrabold pt-4">Oops! This Page is Not Found.</h2>
-        <p className='p-3 text-base text-gray-400'>The requested page dose not exist</p>
-        <div className='flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer'>
+        <p className="p-3 text-base text-gray-400">The requested page dose not exist</p>
+        <div className="flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer">
           <HomeSubMenuIcon size={16} className="mr-2" />
-          <p className='font-lighter text-base'>Back to Home</p>
+          <p className="font-lighter text-base">Back to Home</p>
         </div>
       </div>
     </div>

diff --git a/components/ErrorPages/Error500.jsx b/components/ErrorPages/Error500.jsx
@@ -1,17 +1,17 @@
 import React from 'react'
 import { HomeSubMenuIcon } from '../modules/__modules/Vectors/index'
-
+import error from '../modules/static/images/500.png'
 const Error500 = () => {
   return (
-    <div className="flex flex-wrap min-h-screen items-center justify-center ">
-      <div className='flex flex-col items-center justify-center max-w-4xl p-4 text-center'>
-        <img src="https://templates.iqonic.design/muzik/html/images/error/500.png" className='w-6/12 lg:w-8/12' alt="" />
+    <div className="flex flex-wrap min-h-screen items-center justify-center">
+      <div className="flex flex-col items-center justify-center max-w-4xl p-4 text-center">
+        <img src={error.src} className="w-6/12 lg:w-8/12" alt="Internal Error" />
         <h1 className="font-black text-6xl">500</h1>
         <h2 className="text-3xl font-black pt-4">Oops! This Page is Not Working.</h2>
-        <p className='p-3 text-base text-gray-400'>The requested is Internal Server Error.</p>
-        <div className='flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer'>
+        <p className="p-3 text-base text-gray-400">The requested is Internal Server Error.</p>
+        <div className="flex justify-center items-center rounded-2xl text-white px-4 py-2 bg-primary mt-4 cursor-pointer">
           <HomeSubMenuIcon size={16} className="mr-2" />
-          <p className='font-lighter text-base'>Back to Home</p>
+          <p className="font-lighter text-base">Back to Home</p>
         </div>
       </div>
     </div>

diff --git a/components/modules/static/images/404.png b/components/modules/static/images/404.png
diff --git a/components/modules/static/images/500.png b/components/modules/static/images/500.png