import Login from "../components/Login";
import SignUp from "../components/SignUp";

const HomeGuestPage = () => {
  return (
    <div className="d-flex flex-column justify-content-center h-100 font-weight-bold">
      <img src="BORA.PNG" className="w-100 p-4" />
      <div className="d-flex flex-column align-items-center">
        <button
          type="button"
          className="col-4 btn btn-info"
          data-bs-toggle="modal"
          data-bs-target="#loginModal"
        >
          로그인
        </button>
        <div
          className="modal fade"
          id="loginModal"
          tabIndex="-1"
          aria-labelledby="loginModalLabel"
          aria-hidden="true"
        >
          <div className="modal-dialog">
            <Login />
          </div>
        </div>
        <button
          type="button"
          className="col-4 btn btn-info"
          data-bs-toggle="modal"
          data-bs-target="#signupModal"
        >
          회원가입
        </button>
      </div>
      <div
        className="modal fade"
        id="signupModal"
        tabIndex="-1"
        aria-labelledby="signupModalLabel"
        aria-hidden="true"
      >
        <div className="modal-dialog">
          <SignUp />
        </div>
      </div>
    </div>
  );
};

export default HomeGuestPage;
