From 0f3dd472c3e989153627b4abbe595150a25ed849 Mon Sep 17 00:00:00 2001
From: Ansh101112 <tanshuman145@gmail.com>
Date: Tue, 11 Jun 2024 03:42:02 +0530
Subject: [PATCH 1/3] PNF added

---
 src/App.js       |  2 ++
 src/index.css    | 30 +++++++++++++++++++++++++++---
 src/pages/PNF.js | 33 +++++++++++++++++++++++++++++++++
 3 files changed, 62 insertions(+), 3 deletions(-)
 create mode 100644 src/pages/PNF.js

diff --git a/src/App.js b/src/App.js
index bbd78e8..3aa12aa 100644
--- a/src/App.js
+++ b/src/App.js
@@ -16,6 +16,7 @@ import AuthRoute from "./components/AuthRoute";
 import AdminD from "./Dashboards/AdminD";
 import Settings from "./pages/Settings";
 import AccountSettings from "./settings/AccountSettings";
+import NotFoundPage from "./pages/PNF";
 
 const App = () => {
   return (
@@ -41,6 +42,7 @@ const App = () => {
         </Route>
         <Route path="/contact" element={<CustomerVoices />} />
         <Route path="/user/review" element={<Review />} />
+        <Route path="*" element={<NotFoundPage></NotFoundPage>} />
       </Routes>
     </>
   );
diff --git a/src/index.css b/src/index.css
index 42baf5d..176a547 100644
--- a/src/index.css
+++ b/src/index.css
@@ -4,7 +4,31 @@
 
 /* Toggle switch styles */
 input:checked ~ .dot {
-    transform: translateX(100%);
-    background-color: #4CAF50;
+  transform: translateX(100%);
+  background-color: #4caf50;
+}
+
+@layer components {
+  .neon-text {
+    color: #39ff14;
+    text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14, 0 0 20px #39ff14,
+      0 0 40px #39ff14, 0 0 80px #39ff14, 0 0 90px #39ff14, 0 0 100px #39ff14,
+      0 0 150px #39ff14;
+  }
+  .tree {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+  .trunk {
+    width: 20px;
+    height: 60px;
+  }
+  .leaves {
+    width: 0;
+    height: 0;
+    border-left: 40px solid transparent;
+    border-right: 40px solid transparent;
+    border-bottom: 60px solid #39ff14;
   }
-  
\ No newline at end of file
+}
diff --git a/src/pages/PNF.js b/src/pages/PNF.js
new file mode 100644
index 0000000..f5257db
--- /dev/null
+++ b/src/pages/PNF.js
@@ -0,0 +1,33 @@
+import React from 'react';
+
+
+const NotFoundPage = () => {
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center bg-gray-900 text-white">
+      <div className="text-center space-y-4">
+        <h1 className="text-9xl font-bold neon-text animate-pulse">404</h1>
+        <p className="text-2xl font-medium">Page Not Found</p>
+        <div className="flex flex-col items-center space-y-2">
+          <p className="text-lg">Let's save the earth and save energy!</p>
+          <p className="text-lg">Enjoy the greenery while you're here.</p>
+        </div>
+      </div>
+      <div className="mt-8 animate-bounce">
+        <div className="flex space-x-4">
+          <Tree />
+          <Tree />
+          <Tree />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+const Tree = () => (
+  <div className="tree">
+    <div className="trunk bg-brown-600"></div>
+    <div className="leaves bg-green-500"></div>
+  </div>
+);
+
+export default NotFoundPage;

From 9fb5cdc77a42b0a8194686a1645242864de94a5e Mon Sep 17 00:00:00 2001
From: Ansh101112 <tanshuman145@gmail.com>
Date: Tue, 11 Jun 2024 03:45:17 +0530
Subject: [PATCH 2/3] PNF added

---
 src/index.css    |  2 +-
 src/pages/PNF.js | 35 +++++++++++++++++++----------------
 2 files changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/index.css b/src/index.css
index 176a547..a3b2051 100644
--- a/src/index.css
+++ b/src/index.css
@@ -12,7 +12,7 @@ input:checked ~ .dot {
   .neon-text {
     color: #39ff14;
     text-shadow: 0 0 5px #39ff14, 0 0 10px #39ff14, 0 0 20px #39ff14,
-      0 0 40px #39ff14, 0 0 80px #39ff14, 0 0 90px #39ff14, 0 0 100px #39ff14,
+      0 0 40px #39ff14, 0 0 80px #14bcff, 0 0 90px #39ff14, 0 0 100px #ff14d8,
       0 0 150px #39ff14;
   }
   .tree {
diff --git a/src/pages/PNF.js b/src/pages/PNF.js
index f5257db..b3c584c 100644
--- a/src/pages/PNF.js
+++ b/src/pages/PNF.js
@@ -1,25 +1,28 @@
-import React from 'react';
-
+import React from "react";
+import Navbar from "../components/Navbar";
 
 const NotFoundPage = () => {
   return (
-    <div className="min-h-screen flex flex-col items-center justify-center bg-gray-900 text-white">
-      <div className="text-center space-y-4">
-        <h1 className="text-9xl font-bold neon-text animate-pulse">404</h1>
-        <p className="text-2xl font-medium">Page Not Found</p>
-        <div className="flex flex-col items-center space-y-2">
-          <p className="text-lg">Let's save the earth and save energy!</p>
-          <p className="text-lg">Enjoy the greenery while you're here.</p>
+    <>
+      <Navbar></Navbar>
+      <div className="min-h-screen flex flex-col items-center justify-center bg-gray-900 text-white">
+        <div className="text-center space-y-4">
+          <h1 className="text-9xl font-bold neon-text animate-pulse">404</h1>
+          <p className="text-2xl font-medium">Page Not Found</p>
+          <div className="flex flex-col items-center space-y-2">
+            <p className="text-lg">Let's save the earth and save energy!</p>
+            <p className="text-lg">Enjoy the greenery while you're here.</p>
+          </div>
         </div>
-      </div>
-      <div className="mt-8 animate-bounce">
-        <div className="flex space-x-4">
-          <Tree />
-          <Tree />
-          <Tree />
+        <div className="mt-8 animate-bounce">
+          <div className="flex space-x-4">
+            <Tree />
+            <Tree />
+            <Tree />
+          </div>
         </div>
       </div>
-    </div>
+    </>
   );
 };
 

From b884bfc1a7910fcc99a8840abe4eee75b142fd77 Mon Sep 17 00:00:00 2001
From: Ansh101112 <tanshuman145@gmail.com>
Date: Tue, 11 Jun 2024 03:45:58 +0530
Subject: [PATCH 3/3] PNF added

---
 src/pages/PNF.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/pages/PNF.js b/src/pages/PNF.js
index b3c584c..4550ddd 100644
--- a/src/pages/PNF.js
+++ b/src/pages/PNF.js
@@ -1,5 +1,6 @@
 import React from "react";
 import Navbar from "../components/Navbar";
+import Footer from "../components/Footer";
 
 const NotFoundPage = () => {
   return (
@@ -22,6 +23,7 @@ const NotFoundPage = () => {
           </div>
         </div>
       </div>
+      <Footer></Footer>
     </>
   );
 };