improved resources route and created error handling route

app/globals.css

@@ -1,6 +1,6 @@
 
 *{
     cursor:default;
-    font-family: font;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
 }
 

src/App.tsx

@@ -12,6 +12,7 @@ import ResourcePage from './Pages/ResourcesPage'
 // import Dashboard from './Pages/Dashboard'
 import PrivateRoute from './components/PrivateRoute'
 import Dashboard from './Pages/Dashboard'
+import Errorpage from './Pages/ErrorPage'
 const router = createBrowserRouter(
   createRoutesFromElements(
     <Route path='/' element={<Wrapper></Wrapper>}>
@@ -23,6 +24,7 @@ const router = createBrowserRouter(
          </PrivateRoute >
       } />
       <Route path='resources' element={<ResourcePage /> } />
+      <Route path='*' element={<Errorpage />}></Route>
       </Route>
   )
 )

src/Pages/ErrorPage.tsx

@@ -0,0 +1,22 @@
+import { Player } from "@lottiefiles/react-lottie-player";
+import error from '../assets/json/error.json'
+import './css/ErrorPage.css'
+
+function ErrorPage (){
+    return (
+        <div className="error_page">
+            <Player
+                autoplay
+                loop
+                src={error}
+                style={{ height: '100%' }} />
+            <div className="error_text_cont">
+                <div className="error_text">Page not available</div>
+            </div>
+
+
+        </div>
+    )
+}
+
+export default ErrorPage;

src/Pages/ResourcesPage.tsx

@@ -72,9 +72,9 @@ const ResourcePage = () => {
                 Compose personalized email campaigns with ease using Communet's dynamic content capabilities. Customize your emails with recipient-specific information using dynamic tags. Choose from a library of pre-designed templates or create your own to match your brand identity.
               </div>
               <div className='sub_body'>
-                <div> <span style={{color:"rgb(0,160,255)"}}>@name</span> for the name of the profile </div>
-                <div> <span style={{color:"rgb(0,160,255)"}}>@company</span> for the company name</div>
-                <div> <span style={{color:"rgb(0,160,255)"}}>@occupation</span> for the occupation of the profile</div>
+                <div className='in_text'> <span style={{color:"rgb(0,160,255)"}}>@name</span> for the name of the profile </div>
+                <div className='in_text'> <span style={{color:"rgb(0,160,255)"}}>@company</span> for the company name</div>
+                <div className='in_text'> <span style={{color:"rgb(0,160,255)"}}>@occupation</span> for the occupation of the profile</div>
               </div>
               <div className='image_cont' style={{height:"500px"}}>
                  <img src={custom_emails}  style={{height:"80%"}}></img>
@@ -150,12 +150,6 @@ const ResourcePage = () => {
                   Yes. due to constraints on the server, we have a rate limit of 20 emails per request at once.
                 </AccordionContent>
               </AccordionItem>
-              <AccordionItem value="item-2">
-                <AccordionTrigger>Is this platform safe ?</AccordionTrigger>
-                <AccordionContent>
-                  Yes. We have implemented robust security measures to safeguard your data and maintain the highest standards of data protection.
-                </AccordionContent>
-              </AccordionItem>
               <AccordionItem value="item-3">
                 <AccordionTrigger>Does the platform supports importing profile via excel sheet ?</AccordionTrigger>
                 <AccordionContent>

src/Pages/css/ErrorPage.css

@@ -0,0 +1,23 @@
+.error_page{
+    top: 60px;
+    position: fixed;
+    height: calc(100vh - 60px);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    width: 100%;
+}
+.error_text_cont{
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+}
+.error_text{
+    font-size: 30px;
+    font-weight: 600;
+    color: rgb(8,87,160);
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}

src/Pages/css/Resource.css

@@ -5,6 +5,7 @@
     top: 60px;
     height: calc(100vh - 60px);
     width: 100vw;
+    letter-spacing: 0.3px;
     overflow-y: hidden;
 }
 .side_doc{
@@ -39,26 +40,33 @@
     justify-content: flex-start;
     align-items: center;
     gap: 20px;
+    padding-left: 15px;
     height: 100%;
     overflow-y: scroll;
 }
 .page_start{
     display: flex;
     gap: 20px;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
     flex-direction: column;
 }
 .page_head{
     font-size: 50px;
     font-weight: 600;
     width: 100%;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
     display: flex;
     justify-content: flex-start;
     align-items: center;
     text-align: start;
 }
 .page_intro{
-    font-size: 15px;
+    font-size: 17px;
     width: 100%;
+        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+
     text-align: justify;
     padding-left: 30px;
 }
@@ -87,6 +95,8 @@
 .sub_head{
     margin-left: 15px;
     font-size: 20px;
+        font-family: 'Segoe UI',l Tahoma, Geneva, Verdana, sans-serif;
+
     font-weight: 600;
     width: 100%;
     text-align: start;
@@ -95,9 +105,13 @@
     margin-top: 10px;
     font-size: 15px;
     width: 100%;
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
     text-align: justify;
     padding-left: 30px;
 }
+.in_text{
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
 .security{
     display: flex;
     justify-content: center;