feat:add LoginPageView with image section

src/main/java/edu/group5/app/view/MainView.java

@@ -3,6 +3,7 @@
 import edu.group5.app.control.HeaderController;
 import edu.group5.app.control.MainController;
 import edu.group5.app.view.homepage.HomePageView;
+import edu.group5.app.view.loginpage.LoginPageView;
 import javafx.scene.Scene;
 import javafx.scene.layout.BorderPane;
 
@@ -18,7 +19,7 @@ public MainView(MainController mainController) {
   }
 
   public Scene createView() {
-    root.setCenter(new HomePageView(headerController));
+    root.setCenter(new LoginPageView(headerController));
     return new Scene(root, 1280, 720);
   }
 

src/main/java/edu/group5/app/view/loginpage/LoginPageView.java

@@ -0,0 +1,38 @@
+package edu.group5.app.view.loginpage;
+
+
+import edu.group5.app.control.HeaderController;
+import edu.group5.app.view.Header;
+import javafx.geometry.Pos;
+import javafx.scene.layout.*;
+
+import java.util.Objects;
+
+public class LoginPageView extends BorderPane {
+
+  public LoginPageView(HeaderController headerController) {
+    Header headerView = new Header(headerController);
+    setTop(headerView);
+
+    HBox content = new HBox();
+    content.setFillHeight(true);
+
+    VBox loginSection = new VBox();
+    loginSection.setAlignment(Pos.CENTER);
+    HBox.setHgrow(loginSection, Priority.ALWAYS);
+
+    StackPane imageSection = new StackPane();
+    imageSection.setId("image-section");
+    HBox.setHgrow(imageSection, Priority.ALWAYS);
+
+
+    content.getChildren().addAll(loginSection, imageSection);
+
+    String css = Objects.requireNonNull(
+        getClass().getResource("/loginpage/login.css")).toExternalForm();
+    content.getStylesheets().add(css);
+
+    setCenter(content);
+  }
+
+}

src/main/resources/loginpage/login.css

@@ -0,0 +1,7 @@
+#image-section {
+    -fx-background-image: url("/loginpage/login-image.jpg");
+    -fx-background-size: 200%;
+    -fx-background-position: left center;
+    -fx-background-repeat: no-repeat;
+    -fx-pref-width: 50%;
+}