pushing all files

src/components/pages/error/error.jsx

@@ -0,0 +1,23 @@
+import Link from 'next/link';
+import React from 'react';
+
+const Error = () => {
+    return (
+        <div className="error section-padding">
+            <div className="container">
+                <div className="row">
+                    <div className="col-xl-12">
+                        <div className="error-page">
+                            <h1>4<span>0</span>4</h1>
+                            <h2>Oops! Page not found.</h2>
+                            <p>The page you are looking for is not available or doesn’t belong to this website!</p>						
+                            <Link className="btn-one" href="/">Back to Home</Link>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    );
+};
+
+export default Error;

src/components/pages/error/index.jsx

@@ -0,0 +1,24 @@
+"use client";
+import SEO from '@/src/components/data/seo';
+import HeaderThree from '@/src/components/layout/header/header-three';
+import BreadCrumb from '../common/breadcrumb';
+import Error from './error';
+import FooterThree from '@/src/components/layout/footer/footer-three';
+import ScrollToTop from '../common/scroll/scroll-to-top';
+
+const ErrorPage = () => {
+    return (
+        <>
+            <SEO pageTitle='Not Found' />
+            <HeaderThree />
+            <BreadCrumb title='Not Found' innerTitle='404' />
+            <Error />
+            <div className='all-footer'>
+                <FooterThree />
+            </div>
+            <ScrollToTop />
+        </>
+    );
+};
+
+export default ErrorPage;