password and username image added

pages/index.jsx

@@ -2,6 +2,10 @@ import { Fragment, useState } from "react";
 import { LandingLayout } from "@/layout";
 import { LandingPage } from "@/containers";
 
+// Import your images or replace with actual image URLs
+import usernameIcon from "./path/to/username-icon.png";
+import passwordIcon from "./path/to/password-icon.png";
+
 function Login() {
   const [username, setUsername] = useState("");
   const [password, setPassword] = useState("");
@@ -10,6 +14,7 @@ function Login() {
     e.preventDefault();
     console.log("Username:", username);
     console.log("Password:", password);
+    // Add your authentication logic here
   };
 
   return (
@@ -19,6 +24,7 @@ function Login() {
           <h2>Login</h2>
           <form className="login-form" onSubmit={handleSubmit}>
             <label className="form-label">
+              <img src={usernameIcon} alt="Username" className="input-icon" />
               Username:
               <input
                 type="text"
@@ -30,6 +36,7 @@ function Login() {
             </label>
             <br />
             <label className="form-label">
+              <img src={passwordIcon} alt="Password" className="input-icon" />
               Password:
               <input
                 type="password"