diff --git a/apps/Client/src/pages/Auth/Images/Frame 8338.svg b/apps/Client/src/pages/Auth/Images/Frame 8338.svg new file mode 100644 index 0000000..be515ff --- /dev/null +++ b/apps/Client/src/pages/Auth/Images/Frame 8338.svg @@ -0,0 +1,22 @@ + + + + + + + + + + + + + + + + + + + + + + diff --git a/apps/Client/src/pages/Auth/Images/image 4.svg b/apps/Client/src/pages/Auth/Images/image 4.svg new file mode 100644 index 0000000..0a911ea --- /dev/null +++ b/apps/Client/src/pages/Auth/Images/image 4.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/apps/Client/src/pages/Auth/Login/LoginPage.tsx b/apps/Client/src/pages/Auth/Login/LoginPage.tsx index d53addf..ca43f6c 100644 --- a/apps/Client/src/pages/Auth/Login/LoginPage.tsx +++ b/apps/Client/src/pages/Auth/Login/LoginPage.tsx @@ -4,7 +4,9 @@ import { ToastContainer, toast } from "react-toastify"; import "react-toastify/dist/ReactToastify.css"; import Button from "../../../components/Button"; import riderLogo from "../Images/Logo.png"; -import riderPhoto from "../Images/image 4.png"; +import riderPhoto from "../Images/Frame 8338.svg"; +import emailIcon from "../Images/Icon (1).png"; // Import email icon image +import passwordIcon from "../Images/Vector (1).png"; import { useNavigate } from "react-router-dom"; type LoginFormValues = { @@ -59,13 +61,16 @@ const LoginPage: React.FC = () => { return (
-
- bikeman -
+
+ + bikeman + + + {/*

Delivery service just got
@@ -74,7 +79,7 @@ const LoginPage: React.FC = () => { Ryder

-
+
*/}
@@ -88,7 +93,7 @@ const LoginPage: React.FC = () => {
Login
@@ -97,11 +102,17 @@ const LoginPage: React.FC = () => { className="block text-gray-700 text-sm font-bold mb-2" htmlFor="email" > + {/* Render email icon */} + Email Icon Email { className="block text-gray-700 text-sm font-bold mb-2" htmlFor="password" > + {/* Render password icon */} + Password Icon Password