diff --git a/.vscode/launch.json b/.vscode/launch.json
index caa98d8..a459b7b 100644
--- a/.vscode/launch.json
+++ b/.vscode/launch.json
@@ -14,7 +14,7 @@
             "request": "launch",
             "mainClass": "lodge.TestMainFx",
             "projectName": "reservationsystem",
-            "vmArgs": " --module-path ./libs:. --add-modules ALL-MODULE-PATH --enable-native-access=javafx.graphics -Dcom.sun.management.jmxremote=false -Djava.awt.headless=true -XX:+DisableAttachMechanism",
+            "vmArgs": " --module-path ./libs:. --add-modules ALL-MODULE-PATH --enable-native-access=javafx.web,javafx.controls,javafx.graphics -Dcom.sun.management.jmxremote=false -Djava.awt.headless=true -XX:+DisableAttachMechanism",
             "cwd": "${workspaceFolder}",
             "console": "integratedTerminal"
         },
diff --git a/build.gradle b/build.gradle
index c27b511..ef169e9 100644
--- a/build.gradle
+++ b/build.gradle
@@ -28,11 +28,14 @@ application {
 }
 
 sourceSets {
-  main {
-    java { 
-      srcDirs = ['src/main/java']
-    }
-  }
+	main {
+		java {
+			srcDirs = ['src/main/java']
+		}
+		resources {
+			srcDirs = ['src/resources/media']
+		}
+	}
   test {
     java { 
       srcDirs = ['src/test/java']
diff --git a/libs/javafx-media-24.0.1-linux.jar b/libs/javafx-media-24.0.1-linux.jar
new file mode 100644
index 0000000..96c5a4c
Binary files /dev/null and b/libs/javafx-media-24.0.1-linux.jar differ
diff --git a/libs/javafx-media-24.0.1-sources.jar b/libs/javafx-media-24.0.1-sources.jar
deleted file mode 100644
index 579abf2..0000000
Binary files a/libs/javafx-media-24.0.1-sources.jar and /dev/null differ
diff --git a/libs/javafx-media-24.0.1.jar b/libs/javafx-media-24.0.1.jar
new file mode 100644
index 0000000..686f8f5
Binary files /dev/null and b/libs/javafx-media-24.0.1.jar differ
diff --git a/src/main/java/lodge/TestMainFx.java b/src/main/java/lodge/TestMainFx.java
index 68594a1..8b1c3b6 100644
--- a/src/main/java/lodge/TestMainFx.java
+++ b/src/main/java/lodge/TestMainFx.java
@@ -1,34 +1,27 @@
 package lodge;
 
 import javafx.application.Application;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Parent;
 import javafx.scene.Scene;
 import javafx.stage.Stage;
-import javafx.scene.layout.StackPane;
-import javafx.scene.paint.Color;
-import javafx.scene.shape.Ellipse;
-import javafx.scene.text.Font;
-import javafx.scene.text.Text;
 
-public class TestMainFx extends Application{
+public class TestMainFx extends Application {
     @Override
     public void start(Stage primaryStage) {
-        primaryStage.setTitle("Lodge ReservationSystem");
-        // Create an Ellipse and set fill color
-        Ellipse ellipse = new Ellipse(110, 70);
-        ellipse.setFill(Color.LIGHTBLUE);
-        // Create a Text shape with font and size
-        Text text = new Text("My Shapes");
-        text.setFont(new Font("Arial Bold", 24));
-        StackPane stackPane = new StackPane();
-        stackPane.getChildren().addAll(ellipse, text);
-        Scene scene = new Scene(stackPane,800, 600, Color.LIGHTYELLOW);
-        primaryStage.setScene(scene);
-        primaryStage.show();
+        try {
+            primaryStage.setTitle("Lodge ReservationSystem");
+            Parent root = FXMLLoader.load(getClass().getClassLoader().getResource("main.fxml"));          
+            Scene scene = new Scene(root, 800, 600);
+            primaryStage.setScene(scene);
+            primaryStage.show();
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
     }
 
     public static void main(String[] args) {
         launch(args);
     }
-    
 
 }
diff --git a/src/resources/media/main.fxml b/src/resources/media/main.fxml
new file mode 100644
index 0000000..5d50466
--- /dev/null
+++ b/src/resources/media/main.fxml
@@ -0,0 +1,116 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+  Copyright (c) 2015, 2019, Gluon and/or its affiliates.
+  All rights reserved. Use is subject to license terms.
+
+  This file is available and licensed under the following license:
+
+  Redistribution and use in source and binary forms, with or without
+  modification, are permitted provided that the following conditions
+  are met:
+
+  - Redistributions of source code must retain the above copyright
+    notice, this list of conditions and the following disclaimer.
+  - Redistributions in binary form must reproduce the above copyright
+    notice, this list of conditions and the following disclaimer in
+    the documentation and/or other materials provided with the distribution.
+  - Neither the name of Oracle Corporation nor the names of its
+    contributors may be used to endorse or promote products derived
+    from this software without specific prior written permission.
+
+  THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+-->
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ButtonBar?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.SplitPane?>
+<?import javafx.scene.control.TextField?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.paint.Color?>
+<?import javafx.scene.text.Font?>
+
+<VBox prefHeight="600.0" prefWidth="900.0" xmlns="http://javafx.com/javafx/24.0.1" xmlns:fx="http://javafx.com/fxml/1">
+  <children>
+    <SplitPane dividerPositions="0.11469933184855234" focusTraversable="true" prefHeight="-1.0" prefWidth="-1.0" VBox.vgrow="ALWAYS">
+      <items>
+        <AnchorPane maxWidth="100.0" prefHeight="549.0" prefWidth="100.0">
+          <children>
+            <Label alignment="CENTER" layoutX="14.0" layoutY="14.0" minWidth="60.0" prefWidth="-1.0" style="&#10;" text="Master" textAlignment="CENTER" wrapText="false">
+              <font>
+                <Font size="18.0" fx:id="x1" />
+              </font>
+              <textFill>
+                <Color red="0.624" green="0.624" blue="0.624" fx:id="x2" />
+              </textFill>
+            </Label>
+                  <SplitPane dividerPositions="0.2979094076655052, 0.6480836236933798" layoutY="88.0" orientation="VERTICAL" prefHeight="576.0" prefWidth="140.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+                    <items>
+                      <AnchorPane prefHeight="291.0" prefWidth="98.0">
+                           <children>
+                              <ButtonBar layoutY="71.0" prefHeight="40.0" prefWidth="129.0">
+                                 <buttons>
+                                    <Button mnemonicParsing="false" prefHeight="30.0" text="Add" />
+                                 </buttons>
+                              </ButtonBar>
+                           </children></AnchorPane>
+                      <AnchorPane prefHeight="78.0" prefWidth="98.0" />
+                      <AnchorPane prefHeight="223.0" prefWidth="98.0" />
+                    </items>
+                  </SplitPane>
+          </children>
+        </AnchorPane>
+        <AnchorPane prefHeight="459.0" prefWidth="574.0">
+          <children>
+            <Label alignment="CENTER" font="$x1" layoutX="14.0" layoutY="14.0" style="&#10;" text="Details" textAlignment="CENTER" textFill="$x2" wrapText="false" />
+                  <VBox layoutX="34.0" layoutY="54.0" prefHeight="576.0" prefWidth="761.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+                     <children>
+                        <HBox prefHeight="36.0" prefWidth="483.0">
+                           <children>
+                              <Label prefHeight="30.0" prefWidth="66.0" text="Label" />
+                              <Label prefHeight="28.0" prefWidth="115.0" />
+                              <TextField prefHeight="31.0" prefWidth="314.0" promptText="search" />
+                           </children>
+                        </HBox>
+                        <ListView prefHeight="536.0" prefWidth="761.0" />
+                     </children>
+                  </VBox>
+          </children>
+        </AnchorPane>
+      </items>
+    </SplitPane>
+    <HBox id="HBox" alignment="CENTER_LEFT" spacing="5.0" VBox.vgrow="NEVER">
+      <children>
+        <Label maxHeight="1.7976931348623157E308" maxWidth="-1.0" text="Left status" HBox.hgrow="ALWAYS">
+          <font>
+            <Font size="11.0" fx:id="x3" />
+          </font>
+          <textFill>
+            <Color red="0.625" green="0.625" blue="0.625" fx:id="x4" />
+          </textFill>
+        </Label>
+        <Pane prefHeight="-1.0" prefWidth="-1.0" HBox.hgrow="ALWAYS" />
+        <Label font="$x3" maxWidth="-1.0" text="Right status" textFill="$x4" HBox.hgrow="NEVER" />
+      </children>
+      <padding>
+        <Insets bottom="3.0" left="3.0" right="3.0" top="3.0" />
+      </padding>
+    </HBox>
+  </children>
+</VBox>