diff --git a/src/main/resources/Images/budget.png b/src/main/resources/Images/budget.png
new file mode 100644
index 0000000000000000000000000000000000000000..764daef782c2ce2d90fa12f424a5e168ba30366b
Binary files /dev/null and b/src/main/resources/Images/budget.png differ
diff --git a/src/main/resources/Images/expense.png b/src/main/resources/Images/expense.png
new file mode 100644
index 0000000000000000000000000000000000000000..cd1c0d323814ea34a00dec0e5070fc79c303a0c5
Binary files /dev/null and b/src/main/resources/Images/expense.png differ
diff --git a/src/main/resources/Images/income.png b/src/main/resources/Images/income.png
new file mode 100644
index 0000000000000000000000000000000000000000..54546ff034dba7f6ab840ac0d7624f36d5ccdf89
Binary files /dev/null and b/src/main/resources/Images/income.png differ
diff --git a/src/main/resources/Images/pizza.png b/src/main/resources/Images/pizza.png
new file mode 100644
index 0000000000000000000000000000000000000000..a3e8efa0d4e59427bdc9fabe55f1453746896262
Binary files /dev/null and b/src/main/resources/Images/pizza.png differ
diff --git a/src/main/resources/view/MainMenuNew.fxml b/src/main/resources/view/MainMenuNew.fxml
new file mode 100644
index 0000000000000000000000000000000000000000..3e77567fbda3a40c17ad88aa524cebf0dea4c917
--- /dev/null
+++ b/src/main/resources/view/MainMenuNew.fxml
@@ -0,0 +1,169 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.DatePicker?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ProgressBar?>
+<?import javafx.scene.image.Image?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.AnchorPane?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.Pane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.StackPane?>
+<?import javafx.scene.layout.TilePane?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+
+
+<AnchorPane xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1" fx:controller="no.ntnu.idatt1002.demo.controller.MainMenu">
+   <children>
+      <VBox alignment="TOP_CENTER" prefHeight="800.0" prefWidth="1100.0">
+         <children>
+            <BorderPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="205.0" prefWidth="1100.0">
+               <left>
+                  <Pane prefWidth="175.0" BorderPane.alignment="CENTER">
+                     <children>
+                        <Button fx:id="returnBtn" alignment="CENTER" layoutX="12.0" layoutY="92.0" mnemonicParsing="false" onAction="#switchScene" text="Return to start">
+                           <font>
+                              <Font name="Lucida Console" size="14.0" />
+                           </font>
+                        </Button>
+                     </children>
+                  </Pane>
+               </left>
+               <center>
+                  <Label fx:id="title" text="BUDGET JANUARY" textAlignment="CENTER" BorderPane.alignment="CENTER">
+                     <font>
+                        <Font name="Lucida Console" size="48.0" />
+                     </font>
+                  </Label>
+               </center>
+               <right>
+                  <Pane BorderPane.alignment="CENTER">
+                     <children>
+                        <DatePicker fx:id="date" layoutX="4.0" layoutY="92.0" prefWidth="175.0" />
+                     </children>
+                  </Pane>
+               </right>
+               <VBox.margin>
+                  <Insets left="15.0" right="15.0" />
+               </VBox.margin>
+            </BorderPane>
+            <BorderPane prefHeight="482.0" prefWidth="1131.0">
+               <top>
+                  <StackPane BorderPane.alignment="CENTER">
+                     <children>
+                        <ProgressBar fx:id="mainBar" prefHeight="35.0" prefWidth="750.0" progress="0.0" />
+                        <Label text="You have used xxx out of xxx thism onth">
+                           <font>
+                              <Font name="Lucida Console" size="12.0" />
+                           </font>
+                        </Label>
+                     </children>
+                  </StackPane>
+               </top>
+               <center>
+                  <GridPane maxWidth="750.0" minHeight="250.0" minWidth="750.0" prefHeight="300.0" prefWidth="750.0" BorderPane.alignment="CENTER">
+                    <columnConstraints>
+                      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="25.0" prefWidth="100.0" />
+                      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="50.0" prefWidth="100.0" />
+                        <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="25.0" prefWidth="100.0" />
+                    </columnConstraints>
+                    <rowConstraints>
+                      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                      <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                        <RowConstraints minHeight="10.0" prefHeight="30.0" vgrow="SOMETIMES" />
+                    </rowConstraints>
+                     <children>
+                        <ProgressBar fx:id="foodBar" prefHeight="25.0" prefWidth="375.0" progress="0.0" GridPane.columnIndex="1" />
+                        <ProgressBar fx:id="otherBar" prefHeight="25.0" prefWidth="375.0" progress="0.0" GridPane.columnIndex="1" GridPane.rowIndex="3" />
+                        <ProgressBar fx:id="bookBar" prefHeight="25.0" prefWidth="375.0" progress="0.0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
+                        <ProgressBar fx:id="clothesBar" prefHeight="25.0" prefWidth="375.0" progress="0.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
+                        <Label fx:id="foodLbl" alignment="CENTER_RIGHT" text="Food">
+                           <font>
+                              <Font name="Lucida Console" size="14.0" />
+                           </font>
+                        </Label>
+                        <Label fx:id="otherLbl" alignment="CENTER_RIGHT" text="Other " GridPane.rowIndex="3">
+                           <font>
+                              <Font name="Lucida Console" size="14.0" />
+                           </font>
+                        </Label>
+                        <Label fx:id="bookLbl" alignment="CENTER_RIGHT" text="Books " GridPane.rowIndex="2">
+                           <font>
+                              <Font name="Lucida Console" size="14.0" />
+                           </font>
+                        </Label>
+                        <Label fx:id="clothesLbl" alignment="CENTER_RIGHT" text="Clothes" GridPane.rowIndex="1">
+                           <font>
+                              <Font name="Lucida Console" size="14.0" />
+                           </font>
+                        </Label>
+                     </children>
+                     <BorderPane.margin>
+                        <Insets top="30.0" />
+                     </BorderPane.margin>
+                  </GridPane>
+               </center>
+            </BorderPane>
+            <TilePane alignment="CENTER" hgap="50.0" prefHeight="215.0" prefWidth="1131.0">
+               <children>
+                  <Button fx:id="foodBtn" alignment="TOP_CENTER" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="150.0" text="Food">
+                     <graphic>
+                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
+                           <image>
+                              <Image url="@../Images/pizza.png" />
+                           </image>
+                        </ImageView>
+                     </graphic>
+                     <font>
+                        <Font name="Lucida Console" size="14.0" />
+                     </font>
+                  </Button>
+                  <Button fx:id="expenseBtn" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="150.0" text="View expenses">
+                     <graphic>
+                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
+                           <image>
+                              <Image url="@../Images/expense.png" />
+                           </image>
+                        </ImageView>
+                     </graphic>
+                     <font>
+                        <Font name="Lucida Console" size="14.0" />
+                     </font>
+                  </Button>
+                  <Button fx:id="incomeBtn" alignment="TOP_CENTER" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="150.0" text="View income">
+                     <graphic>
+                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
+                           <image>
+                              <Image url="@../Images/income.png" />
+                           </image>
+                        </ImageView>
+                     </graphic>
+                     <font>
+                        <Font name="Lucida Console" size="14.0" />
+                     </font>
+                  </Button>
+                  <Button fx:id="budgetBtn" contentDisplay="TOP" mnemonicParsing="false" onAction="#switchScene" prefHeight="100.0" prefWidth="150.0" text="View budget">
+                     <graphic>
+                        <ImageView fitHeight="75.0" fitWidth="75.0" pickOnBounds="true" preserveRatio="true">
+                           <image>
+                              <Image url="@../Images/budget.png" />
+                           </image>
+                        </ImageView>
+                     </graphic>
+                     <font>
+                        <Font name="Lucida Console" size="14.0" />
+                     </font>
+                  </Button>
+               </children>
+            </TilePane>
+         </children>
+      </VBox>
+   </children>
+</AnchorPane>