react

<div className="container-fluid vh-100 login-page">
  <div className="row h-100">
    {/* Image Section */}
    <div className="col-md-6 image-section">
      <img src={loginImage} className="img-fluid h-100" alt="Login" />
    </div>
    {/* Login Form Section */}
    <div className="col-md-6 d-flex align-items-center justify-content-center">
      <div className="login-form">
        <h2 className="text-center mb-4">Login</h2>
        <form>
          <div className="mb-3">
            <label htmlFor="username" className="form-label">Username</label>
            <input type="text" className="form-control" id="username" placeholder="Enter username" />
          </div>
          <div className="mb-3">
            <label htmlFor="password" className="form-label">Password</label>
            <input type="password" className="form-control" id="password" placeholder="Enter password" />
          </div>
          <div className="d-grid gap-2">
          <button type="submit" className="btn btn-primary" onClick={"/Home"}>Login</button>
          </div>
        </form>
      </div>
    </div>
  </div>