done

ef-ui/dist/index.html

@@ -27,7 +27,7 @@
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
     <!-- fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
-   <script type="module" crossorigin src="/assets/index-DZjp67OJ.js"></script>
+   <script type="module" crossorigin src="/assets/index-BW2rcfzq.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
  </head>
 

ef-ui/src/App.jsx

@@ -26,6 +26,9 @@ const App = () => {
           }
         />
       <Route path="/users/:id/verify/:token" element={<VerifyUser />} />
+
+      <Route path="/email" element={<VerifyUser />} />
+
      </Routes>
     </BrowserRouter>
   )

ef-ui/src/components/EmailVerify.jsx

@@ -1,14 +1,13 @@
 import { useEffect } from "react";
 import { useParams } from "react-router-dom";
-import { NavLink } from "react-router-dom";
 import { useDispatch } from "react-redux";
+import { NavLink } from "react-router-dom";
 import { verifyEmail } from "../redux/features/userSlice";
 import Navbar from "./Navbar";
 import Footer from "./Footer";
 
 const VerifyUser = () => {
   const dispatch = useDispatch();
-  // const user = useSelector((state) => state.auth.user);
   const { id, token } = useParams();
 
   useEffect(() => {
@@ -17,24 +16,45 @@ const VerifyUser = () => {
 
   return (
     <>
+    <Navbar />
 
-<Navbar />
+     {/* contact section start */}
-
+     <div className="contact_section layout_padding">
-
+          <div className="container">
-<p className="card-title text-center">
+            <div className="row">
+              <div className="col-md-12">
+                <h1 className="contact_taital">Contact Us</h1>
+              </div>
+            </div>
+          </div>
+          <div className="container-fluid">
+            <div className="contact_section_2">
+              <div className="row">
+                <div className="col-md-6">
+                <br /><br /><br /><br /><br /><br /><br /><br />
+                <h1 className="card-title text-center">
   <NavLink to="/login" className="glightbox play-btn mb-4">
     {" "}
     Email verified successfully !!! Please
     <span style={{ color: "#F74B02" }}> login </span> {"   "}
     to access ...
   </NavLink>
-</p>
+</h1>
- 
+                </div>
- <br /> <br /> 
+                <div className="col-md-6 padding_left_15">
+                  <div className="contact_img">
+                    <img src="images/contact-img.png" />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+   
+        </div>
+        {/* contact section end */}
+        <Footer />
 
-      <Footer />
+  </>
-    
-    </>
   );
 };
 

ef-ui/src/components/Footer.jsx

@@ -5,7 +5,7 @@ const Footer = () => {
   return (
     <>
       <div className="header_top_section">
-        <div className="container">
+        <div className="container-fluid px-20 col-20 col-md-3 col-xl-10">
           <div className="row">
             <div className="col-sm-12">
               <div className="header_top_main">