From d94957fc5ff772d4efe0dd485004e24eecd097d5 Mon Sep 17 00:00:00 2001
From: meenakshijay1005-netizen <meenakshi.jay1005@gmail.com>
Date: Tue, 7 Apr 2026 00:16:58 +0200
Subject: [PATCH] feat: created profile for ogranization and user classes

---
 .../src/main/resources/fxml/aboutPage.fxml    | 717 +++++++++---------
 .../fxml/profile_organization.fxml/edit.fxml  |   0
 .../fxml/profile_organization.fxml/inbox.fxml |   0
 .../profile_organization.fxml/payments.fxml   |   0
 .../profile_organization.fxml/settings.fxml   |   0
 5 files changed, 366 insertions(+), 351 deletions(-)
 create mode 100644 helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml
 create mode 100644 helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml
 create mode 100644 helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml
 create mode 100644 helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml

diff --git a/helpmehelpapplication/src/main/resources/fxml/aboutPage.fxml b/helpmehelpapplication/src/main/resources/fxml/aboutPage.fxml
index d1ef37c..7a0918d 100644
--- a/helpmehelpapplication/src/main/resources/fxml/aboutPage.fxml
+++ b/helpmehelpapplication/src/main/resources/fxml/aboutPage.fxml
@@ -12,6 +12,8 @@
 <?import javafx.scene.layout.ColumnConstraints?>
 <?import javafx.scene.layout.GridPane?>
 <?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Priority?>
+<?import javafx.scene.layout.Region?>
 <?import javafx.scene.layout.RowConstraints?>
 <?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
@@ -20,43 +22,42 @@
 <?import javafx.scene.shape.Rectangle?>
 <?import javafx.scene.text.Font?>
 
-<GridPane prefHeight="1276.0" prefWidth="912.0" xmlns="http://javafx.com/javafx/25" xmlns:fx="http://javafx.com/fxml/1" fx:controller="ntnu.systemutvikling.team6.controller.AboutPageController">
+<GridPane prefWidth="1200.0"
+          xmlns="http://javafx.com/javafx/25"
+          xmlns:fx="http://javafx.com/fxml/1"
+          fx:controller="ntnu.systemutvikling.team6.controller.AboutPageController"
+          style="-fx-background-color: white;">
 
     <columnConstraints>
-        <ColumnConstraints percentWidth="100.0" />
+        <ColumnConstraints hgrow="ALWAYS" percentWidth="100.0" />
     </columnConstraints>
 
     <rowConstraints>
-        <RowConstraints maxHeight="52.0" minHeight="52.0" prefHeight="52.0" />
+        <RowConstraints minHeight="52.0" prefHeight="52.0" maxHeight="52.0" />
         <RowConstraints vgrow="ALWAYS" />
-        <RowConstraints maxHeight="200.0" minHeight="200.0" prefHeight="200.0" />
+        <RowConstraints minHeight="200.0" prefHeight="200.0" />
     </rowConstraints>
 
     <children>
 
         <!-- NAVBAR -->
-        <GridPane prefHeight="52.0" prefWidth="1200.0" style="-fx-background-color: #379894;" GridPane.rowIndex="0">
-
-            <padding>
-                <Insets bottom="6.0" left="8.0" right="12.0" top="6.0" />
-            </padding>
-
-            <columnConstraints>
-                <ColumnConstraints percentWidth="8.0" />
-                <ColumnConstraints percentWidth="22.0" />
-                <ColumnConstraints percentWidth="45.0" />
-                <ColumnConstraints percentWidth="25.0" />
-            </columnConstraints>
+        <StackPane GridPane.rowIndex="0" style="-fx-background-color: #379894;">
+            <children>
+                <GridPane maxWidth="1400.0" prefHeight="52.0" StackPane.alignment="CENTER">
+                    <padding>
+                        <Insets top="6.0" right="16.0" bottom="6.0" left="16.0" />
+                    </padding>
 
-            <rowConstraints>
-                <RowConstraints prefHeight="40.0" />
-            </rowConstraints>
+                    <columnConstraints>
+                        <ColumnConstraints minWidth="40.0" prefWidth="50.0" />
+                        <ColumnConstraints minWidth="140.0" prefWidth="180.0" />
+                        <ColumnConstraints hgrow="ALWAYS" />
+                        <ColumnConstraints minWidth="130.0" prefWidth="150.0" />
+                    </columnConstraints>
 
-            <children>
+                    <children>
 
-                <Button mnemonicParsing="false" onAction="#switchToFrontPage" prefHeight="0.0" prefWidth="0.0" style="-fx-background-color: #2f8f8b">
-                    <graphic>
-                        <ImageView fitHeight="34.0" fitWidth="57.0" pickOnBounds="true" preserveRatio="true">
+                        <ImageView fitHeight="34.0" fitWidth="34.0" pickOnBounds="true" preserveRatio="true" GridPane.columnIndex="0">
                             <image>
                                 <Image url="@../images/Logo.png" />
                             </image>
@@ -64,336 +65,193 @@
                                 <Cursor fx:constant="HAND" />
                             </cursor>
                         </ImageView>
-                    </graphic>
-                </Button>
-
-                <HBox alignment="CENTER_LEFT" spacing="0.0" GridPane.columnIndex="1">
-                    <children>
-                        <Label style="-fx-text-fill: #FFFFFF;" text="Help" textFill="WHITE">
-                            <font>
-                                <Font name="System Bold" size="16.0" />
-                            </font>
-                        </Label>
-                        <Label style="-fx-text-fill: #C8E6C9;" text="Me" textFill="#D9F0D1">
-                            <font>
-                                <Font name="System Bold" size="16.0" />
-                            </font>
-                        </Label>
-                        <Label style="-fx-text-fill: #FFFFFF;" text="Help" textFill="WHITE">
-                            <font>
-                                <Font name="System Bold" size="16.0" />
-                            </font>
-                        </Label>
-                    </children>
-                </HBox>
-
-                <HBox alignment="CENTER" GridPane.columnIndex="2">
-                    <children>
-                        <TextField maxWidth="327.0" prefHeight="24.0" prefWidth="327.0" promptText="Search" style="-fx-background-radius: 12; -fx-border-radius: 12; -fx-font-size: 10px; -fx-padding: 0 0 0 10; -fx-background-color: #FFFFFF;" />
-                    </children>
-                </HBox>
-
-                <HBox alignment="CENTER" GridPane.columnIndex="3">
-                    <children>
-                        <Button prefHeight="32.0" prefWidth="110.0" style="-fx-background-color: #2D4FE3; -fx-background-radius: 12; -fx-text-fill: white; -fx-font-size: 10px; -fx-font-weight: bold;" text="Login">
-                            <cursor>
-                                <Cursor fx:constant="HAND" />
-                            </cursor>
-                        </Button>
-                    </children>
-                </HBox>
-
-            </children>
-        </GridPane>
-
-        <!-- MAIN CONTENT -->
-        <ScrollPane fitToWidth="true" hbarPolicy="NEVER" style="-fx-background: #FFFFFF; -fx-background-color: #FFFFFF;" GridPane.rowIndex="1">
-
-            <content>
-                <VBox alignment="TOP_CENTER" prefWidth="1200.0" spacing="32.0" style="-fx-background-color: #FFFFFF;">
-
-                    <padding>
-                        <Insets bottom="30.0" left="28.0" right="28.0" top="22.0" />
-                    </padding>
-
-                    <children>
 
-                        <!-- ABOUT TITLE -->
-                        <HBox alignment="CENTER_LEFT" prefHeight="20.0" prefWidth="840.0">
+                        <HBox alignment="CENTER_LEFT" spacing="0.0" GridPane.columnIndex="1">
                             <children>
-                                <Label alignment="CENTER" prefHeight="26.0" prefWidth="196.0" style="-fx-text-fill: #10308B;" text="About Us" textFill="#183B96">
+                                <Label style="-fx-text-fill: #FFFFFF;" text="Help">
                                     <font>
-                                        <Font name="System Bold" size="20.0" />
+                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                 </Label>
-                                <Label prefHeight="18.0" prefWidth="364.0" />
-                            </children>
-                        </HBox>
-
-                        <!-- HERO -->
-                        <VBox alignment="CENTER" prefHeight="104.0" prefWidth="854.0" spacing="8.0" style="-fx-background-color: #FFFFFF;">
-                            <children>
-                                <HBox alignment="CENTER" spacing="4.0" style="-fx-background-color: #FFFFFF;">
-                                    <children>
-                                        <Label text="Making giving" textFill="BLACK">
-                                            <font>
-                                                <Font name="System Bold" size="18.0" />
-                                            </font>
-                                        </Label>
-                                        <Label style="-fx-text-fill: #379894;" text="simple," textFill="#379894">
-                                            <font>
-                                                <Font name="System Bold" size="18.0" />
-                                            </font>
-                                        </Label>
-                                    </children>
-                                </HBox>
-
-                                <Label text="transparent, and impactful" textFill="BLACK">
+                                <Label style="-fx-text-fill: #C8E6C9;" text="Me">
                                     <font>
-                                        <Font name="System Bold" size="18.0" />
+                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                 </Label>
-
-                                <Label maxWidth="460.0" text="HelpMeHelp is Norway's trusted platform for charitable giving. We connect donors with verified organizations, ensuring every contribution creates meaningful change." textAlignment="CENTER" textFill="#555555" wrapText="true">
+                                <Label style="-fx-text-fill: #FFFFFF;" text="Help">
                                     <font>
-                                        <Font size="12.0" />
+                                        <Font name="System Bold" size="16.0" />
                                     </font>
                                 </Label>
                             </children>
-                        </VBox>
+                        </HBox>
 
-                        <!-- FEATURE CARDS -->
-                        <GridPane alignment="CENTER" hgap="28.0" prefHeight="408.0" prefWidth="1118.0" vgap="28.0">
+                        <HBox alignment="CENTER" GridPane.columnIndex="2">
+                            <children>
+                                <TextField maxWidth="420.0"
+                                           prefHeight="28.0"
+                                           promptText="Search"
+                                           style="-fx-background-radius: 14; -fx-border-radius: 14; -fx-font-size: 10px; -fx-padding: 0 0 0 10; -fx-background-color: #FFFFFF;" />
+                            </children>
+                        </HBox>
 
-                            <columnConstraints>
-                                <ColumnConstraints percentWidth="33.33" />
-                                <ColumnConstraints percentWidth="33.33" />
-                                <ColumnConstraints percentWidth="33.33" />
-                            </columnConstraints>
+                        <HBox alignment="CENTER_RIGHT" GridPane.columnIndex="3">
+                            <children>
+                                <Button prefHeight="32.0"
+                                        prefWidth="110.0"
+                                        style="-fx-background-color: #2D4FE3; -fx-background-radius: 12; -fx-text-fill: white; -fx-font-size: 10px; -fx-font-weight: bold;"
+                                        text="Login">
+                                    <cursor>
+                                        <Cursor fx:constant="HAND" />
+                                    </cursor>
+                                </Button>
+                            </children>
+                        </HBox>
 
-                            <rowConstraints>
-                                <RowConstraints />
-                                <RowConstraints />
-                            </rowConstraints>
+                    </children>
+                </GridPane>
+            </children>
+        </StackPane>
 
-                            <children>
+        <!-- MAIN CONTENT -->
+        <ScrollPane fitToWidth="true"
+                    hbarPolicy="NEVER"
+                    style="-fx-background: #FFFFFF; -fx-background-color: #FFFFFF;"
+                    GridPane.rowIndex="1">
 
-                                <!-- CARD 1 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="117.0" prefWidth="284.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="0" GridPane.rowIndex="0">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
-                                    <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/shield_22dp_2E7D32_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label prefHeight="15.0" prefWidth="118.0" text="Trust &amp; Verification">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label prefHeight="49.0" prefWidth="227.0" text="Every organization is independently verified before being listed. We partner with Innsamlingskontrollen to ensure legitimacy." textFill="#555555" wrapText="true">
-                                            <font>
-                                                <Font size="10.0" />
-                                            </font>
-                                        </Label>
-                                    </children>
-                                </VBox>
+            <content>
+                <StackPane style="-fx-background-color: white;">
+                    <children>
+                        <VBox alignment="TOP_CENTER"
+                              fillWidth="true"
+                              maxWidth="1400.0"
+                              spacing="32.0"
+                              style="-fx-background-color: #FFFFFF;">
+                            <padding>
+                                <Insets top="22.0" right="28.0" bottom="30.0" left="28.0" />
+                            </padding>
 
-                                <!-- CARD 2 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="132.0" prefWidth="255.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="1" GridPane.rowIndex="0">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
-                                    <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/visibility_24dp_2854C5_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label text="Full Transparency">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label text="Track where every krone goes. We provide detailed impact reports and financial breakdowns for all donations." textFill="#555555" wrapText="true">
-                                            <font>
-                                                <Font size="10.0" />
-                                            </font>
-                                        </Label>
-                                    </children>
-                                </VBox>
+                            <children>
 
-                                <!-- CARD 3 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="132.0" prefWidth="255.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="2" GridPane.rowIndex="0">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
+                                <!-- ABOUT TITLE -->
+                                <HBox alignment="CENTER_LEFT" maxWidth="1200.0">
                                     <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/favorite_22dp_9DC384_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label text="Donor First">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label text="Your experience matters. Simple donation flows, tax receipt generation, and personalized recommendations." textFill="#555555" wrapText="true">
+                                        <Label style="-fx-text-fill: #10308B;" text="About Us">
                                             <font>
-                                                <Font size="10.0" />
+                                                <Font name="System Bold" size="20.0" />
                                             </font>
                                         </Label>
                                     </children>
-                                </VBox>
+                                </HBox>
 
-                                <!-- CARD 4 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="132.0" prefWidth="255.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="0" GridPane.rowIndex="1">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
+                                <!-- HERO -->
+                                <VBox alignment="CENTER" maxWidth="900.0" spacing="8.0">
                                     <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/globe_22dp_97DDC8_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label text="Global Impact">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label text="Supporting causes locally in Norway and globally. From children's rights to emergency relief." textFill="#555555" wrapText="true">
-                                            <font>
-                                                <Font size="10.0" />
-                                            </font>
-                                        </Label>
-                                    </children>
-                                </VBox>
+                                        <HBox alignment="CENTER" spacing="4.0">
+                                            <children>
+                                                <Label text="Making giving" textFill="BLACK">
+                                                    <font>
+                                                        <Font name="System Bold" size="18.0" />
+                                                    </font>
+                                                </Label>
+                                                <Label style="-fx-text-fill: #379894;" text="simple,">
+                                                    <font>
+                                                        <Font name="System Bold" size="18.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </HBox>
 
-                                <!-- CARD 5 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="132.0" prefWidth="255.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="1" GridPane.rowIndex="1">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
-                                    <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/trending_up_22dp_EA3323_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label text="Measurable Outcomes">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label text="We help organizations report their results clearly so you can see the real-world impact of your generosity." textFill="#555555" wrapText="true">
+                                        <Label text="transparent, and impactful" textFill="BLACK">
                                             <font>
-                                                <Font size="10.0" />
+                                                <Font name="System Bold" size="18.0" />
                                             </font>
                                         </Label>
-                                    </children>
-                                </VBox>
 
-                                <!-- CARD 6 -->
-                                <VBox alignment="TOP_LEFT" prefHeight="132.0" prefWidth="255.0" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="2" GridPane.rowIndex="1">
-                                    <padding>
-                                        <Insets bottom="16.0" left="16.0" right="16.0" top="16.0" />
-                                    </padding>
-                                    <effect>
-                                        <DropShadow offsetY="2.0" radius="6.0">
-                                            <color>
-                                                <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
-                                            </color>
-                                        </DropShadow>
-                                    </effect>
-                                    <children>
-                                        <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
-                                            <image>
-                                                <Image url="@../../../../../../Downloads/lock_22dp_5985E1_FILL0_wght400_GRAD0_opsz24.png" />
-                                            </image>
-                                        </ImageView>
-                                        <Label text="Secure Payments">
-                                            <font>
-                                                <Font name="System Bold" size="12.0" />
-                                            </font>
-                                        </Label>
-                                        <Label text="Bank-level encryption and multiple payment options including BankID, Vipps, and all major cards." textFill="#555555" wrapText="true">
+                                        <Label maxWidth="460.0"
+                                               text="HelpMeHelp is Norway's trusted platform for charitable giving. We connect donors with verified organizations, ensuring every contribution creates meaningful change."
+                                               textAlignment="CENTER"
+                                               textFill="#555555"
+                                               wrapText="true">
                                             <font>
-                                                <Font size="10.0" />
+                                                <Font size="12.0" />
                                             </font>
                                         </Label>
                                     </children>
                                 </VBox>
 
-                            </children>
-                        </GridPane>
+                                <!-- FEATURE CARDS -->
+                                <GridPane alignment="CENTER" hgap="28.0" maxWidth="1200.0" vgap="28.0">
+                                    <columnConstraints>
+                                        <ColumnConstraints percentWidth="33.33" hgrow="ALWAYS" />
+                                        <ColumnConstraints percentWidth="33.33" hgrow="ALWAYS" />
+                                        <ColumnConstraints percentWidth="33.33" hgrow="ALWAYS" />
+                                    </columnConstraints>
 
-                        <!-- TEAM SECTION -->
-                        <VBox alignment="CENTER" prefWidth="1140.0" spacing="10.0">
-                            <children>
-                                <Label prefHeight="23.0" prefWidth="109.0" text="Meet our team">
-                                    <font>
-                                        <Font name="System Bold" size="18.0" />
-                                    </font>
-                                </Label>
-
-                                <Label graphicTextGap="2.0" prefHeight="9.0" prefWidth="382.0" text="Passionate people dedicated to making charitable giving better for everyone." textFill="#666666">
-                                    <font>
-                                        <Font size="12.0" />
-                                    </font>
-                                </Label>
+                                    <rowConstraints>
+                                        <RowConstraints />
+                                        <RowConstraints />
+                                    </rowConstraints>
 
-                                <HBox alignment="CENTER" prefHeight="302.0" prefWidth="840.0" spacing="55.0">
                                     <children>
 
-                                        <VBox alignment="CENTER" spacing="6.0">
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="0" GridPane.rowIndex="0">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
+                                            <children>
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/shield_22dp_2E7D32_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Trust &amp; Verification">
+                                                    <font>
+                                                        <Font name="System Bold" size="12.0" />
+                                                    </font>
+                                                </Label>
+                                                <Label text="Every organization is independently verified before being listed. We partner with Innsamlingskontrollen to ensure legitimacy."
+                                                       textFill="#555555"
+                                                       wrapText="true">
+                                                    <font>
+                                                        <Font size="10.0" />
+                                                    </font>
+                                                </Label>
+                                            </children>
+                                        </VBox>
+
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="1" GridPane.rowIndex="0">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
                                             <children>
-                                                <Circle fill="TRANSPARENT" radius="33.0" stroke="#66B6B0" />
-                                                <Label text="Name">
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/visibility_24dp_2854C5_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Full Transparency">
                                                     <font>
                                                         <Font name="System Bold" size="12.0" />
                                                     </font>
                                                 </Label>
-                                                <Label text="CEO &amp; Co-founder" textFill="#777777">
+                                                <Label text="Track where every krone goes. We provide detailed impact reports and financial breakdowns for all donations."
+                                                       textFill="#555555"
+                                                       wrapText="true">
                                                     <font>
                                                         <Font size="10.0" />
                                                     </font>
@@ -401,15 +259,31 @@
                                             </children>
                                         </VBox>
 
-                                        <VBox alignment="CENTER" spacing="6.0">
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="2" GridPane.rowIndex="0">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
                                             <children>
-                                                <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
-                                                <Label text="Name">
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/favorite_22dp_9DC384_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Donor First">
                                                     <font>
                                                         <Font name="System Bold" size="12.0" />
                                                     </font>
                                                 </Label>
-                                                <Label text="CTO &amp; Co-founder" textFill="#777777">
+                                                <Label text="Your experience matters. Simple donation flows, tax receipt generation, and personalized recommendations."
+                                                       textFill="#555555"
+                                                       wrapText="true">
                                                     <font>
                                                         <Font size="10.0" />
                                                     </font>
@@ -417,15 +291,31 @@
                                             </children>
                                         </VBox>
 
-                                        <VBox alignment="CENTER" spacing="6.0">
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="0" GridPane.rowIndex="1">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
                                             <children>
-                                                <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
-                                                <Label text="Name">
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/globe_22dp_97DDC8_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Global Impact">
                                                     <font>
                                                         <Font name="System Bold" size="12.0" />
                                                     </font>
                                                 </Label>
-                                                <Label text="Lead Designer" textFill="#777777">
+                                                <Label text="Supporting causes locally in Norway and globally. From children's rights to emergency relief."
+                                                       textFill="#555555"
+                                                       wrapText="true">
                                                     <font>
                                                         <Font size="10.0" />
                                                     </font>
@@ -433,15 +323,31 @@
                                             </children>
                                         </VBox>
 
-                                        <VBox alignment="CENTER" spacing="6.0">
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="1" GridPane.rowIndex="1">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
                                             <children>
-                                                <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
-                                                <Label text="Name">
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/trending_up_22dp_EA3323_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Measurable Outcomes">
                                                     <font>
                                                         <Font name="System Bold" size="12.0" />
                                                     </font>
                                                 </Label>
-                                                <Label text="Scrum Master" textFill="#777777">
+                                                <Label text="We help organizations report their results clearly so you can see the real-world impact of your generosity."
+                                                       textFill="#555555"
+                                                       wrapText="true">
                                                     <font>
                                                         <Font size="10.0" />
                                                     </font>
@@ -449,15 +355,31 @@
                                             </children>
                                         </VBox>
 
-                                        <VBox alignment="CENTER" spacing="6.0">
+                                        <VBox alignment="TOP_LEFT" spacing="10.0" style="-fx-background-color: white; -fx-background-radius: 14; -fx-border-color: #D9D9D9; -fx-border-radius: 14;" GridPane.columnIndex="2" GridPane.rowIndex="1">
+                                            <padding>
+                                                <Insets top="16.0" right="16.0" bottom="16.0" left="16.0" />
+                                            </padding>
+                                            <effect>
+                                                <DropShadow offsetY="2.0" radius="6.0">
+                                                    <color>
+                                                        <Color red="0.0" green="0.0" blue="0.0" opacity="0.15" />
+                                                    </color>
+                                                </DropShadow>
+                                            </effect>
                                             <children>
-                                                <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
-                                                <Label text="Name">
+                                                <ImageView fitHeight="22.0" fitWidth="22.0" preserveRatio="true">
+                                                    <image>
+                                                        <Image url="@../../../../../../Downloads/lock_22dp_5985E1_FILL0_wght400_GRAD0_opsz24.png" />
+                                                    </image>
+                                                </ImageView>
+                                                <Label text="Secure Payments">
                                                     <font>
                                                         <Font name="System Bold" size="12.0" />
                                                     </font>
                                                 </Label>
-                                                <Label text="Head of Partnerships" textFill="#777777">
+                                                <Label text="Bank-level encryption and multiple payment options including BankID, Vipps, and all major cards."
+                                                       textFill="#555555"
+                                                       wrapText="true">
                                                     <font>
                                                         <Font size="10.0" />
                                                     </font>
@@ -466,39 +388,138 @@
                                         </VBox>
 
                                     </children>
-                                </HBox>
+                                </GridPane>
+
+                                <!-- TEAM SECTION -->
+                                <VBox alignment="CENTER" maxWidth="1200.0" spacing="10.0">
+                                    <children>
+                                        <Label text="Meet our team">
+                                            <font>
+                                                <Font name="System Bold" size="18.0" />
+                                            </font>
+                                        </Label>
+
+                                        <Label prefWidth="382.0"
+                                               text="Passionate people dedicated to making charitable giving better for everyone."
+                                               textFill="#666666"
+                                               wrapText="true"
+                                               textAlignment="CENTER">
+                                            <font>
+                                                <Font size="12.0" />
+                                            </font>
+                                        </Label>
+
+                                        <HBox alignment="CENTER" spacing="55.0">
+                                            <children>
+                                                <VBox alignment="CENTER" spacing="6.0">
+                                                    <children>
+                                                        <Circle fill="TRANSPARENT" radius="33.0" stroke="#66B6B0" />
+                                                        <Label text="Name">
+                                                            <font>
+                                                                <Font name="System Bold" size="12.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="CEO &amp; Co-founder" textFill="#777777">
+                                                            <font>
+                                                                <Font size="10.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="6.0">
+                                                    <children>
+                                                        <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
+                                                        <Label text="Name">
+                                                            <font>
+                                                                <Font name="System Bold" size="12.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="CTO &amp; Co-founder" textFill="#777777">
+                                                            <font>
+                                                                <Font size="10.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="6.0">
+                                                    <children>
+                                                        <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
+                                                        <Label text="Name">
+                                                            <font>
+                                                                <Font name="System Bold" size="12.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="Lead Designer" textFill="#777777">
+                                                            <font>
+                                                                <Font size="10.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="6.0">
+                                                    <children>
+                                                        <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
+                                                        <Label text="Name">
+                                                            <font>
+                                                                <Font name="System Bold" size="12.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="Scrum Master" textFill="#777777">
+                                                            <font>
+                                                                <Font size="10.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+
+                                                <VBox alignment="CENTER" spacing="6.0">
+                                                    <children>
+                                                        <Circle fill="TRANSPARENT" radius="34.0" stroke="#66B6B0" />
+                                                        <Label text="Name">
+                                                            <font>
+                                                                <Font name="System Bold" size="12.0" />
+                                                            </font>
+                                                        </Label>
+                                                        <Label text="Head of Partnerships" textFill="#777777">
+                                                            <font>
+                                                                <Font size="10.0" />
+                                                            </font>
+                                                        </Label>
+                                                    </children>
+                                                </VBox>
+                                            </children>
+                                        </HBox>
+                                    </children>
+                                </VBox>
+
                             </children>
                         </VBox>
-
                     </children>
-                </VBox>
+                </StackPane>
             </content>
         </ScrollPane>
 
         <!-- FOOTER -->
-        <HBox alignment="CENTER"
-              prefHeight="200.0"
-              prefWidth="1200.0"
-              style="-fx-background-color: #379894;"
-              GridPane.rowIndex="2">
-
+        <StackPane GridPane.rowIndex="2" style="-fx-background-color: #379894;">
             <children>
                 <HBox alignment="CENTER"
+                      maxWidth="1400.0"
                       prefHeight="200.0"
-                      prefWidth="1200.0"
-                      spacing="70.0">
-
+                      spacing="70.0"
+                      StackPane.alignment="CENTER">
                     <padding>
                         <Insets left="60.0" right="60.0" />
                     </padding>
 
                     <children>
 
-                        <!-- VENSTRE DEL -->
+                        <!-- LEFT FOOTER -->
                         <HBox alignment="CENTER_LEFT" spacing="55.0" HBox.hgrow="ALWAYS">
                             <children>
 
-                                <!-- Logo tekst -->
                                 <HBox alignment="CENTER_LEFT" spacing="0.0" prefWidth="240.0">
                                     <children>
                                         <Label text="Help" style="-fx-text-fill: white;">
@@ -519,15 +540,9 @@
                                     </children>
                                 </HBox>
 
-                                <!-- Hvit vertikal linje -->
-                                <Rectangle width="2.0"
-                                           height="95.0"
-                                           fill="WHITE" />
+                                <Rectangle width="2.0" height="95.0" fill="WHITE" />
 
-                                <!-- Lenker -->
-                                <VBox alignment="CENTER"
-                                      spacing="8.0"
-                                      prefWidth="180.0">
+                                <VBox alignment="CENTER" spacing="8.0" prefWidth="180.0">
                                     <children>
                                         <Label text="About us" style="-fx-text-fill: white;">
                                             <font>
@@ -539,20 +554,20 @@
                                                 <Font name="System Bold" size="16.0" />
                                             </font>
                                         </Label>
-                                        <Label text="Thrid Link" style="-fx-text-fill: white;">
+                                        <Label text="Third Link" style="-fx-text-fill: white;">
                                             <font>
                                                 <Font name="System Bold" size="16.0" />
                                             </font>
                                         </Label>
                                     </children>
                                 </VBox>
+
+                                <Region HBox.hgrow="ALWAYS" />
                             </children>
                         </HBox>
 
-                        <!-- HØYRE DEL -->
-                        <VBox alignment="CENTER"
-                              spacing="10.0"
-                              prefWidth="260.0">
+                        <!-- RIGHT FOOTER -->
+                        <VBox alignment="CENTER" spacing="10.0" prefWidth="260.0">
                             <children>
                                 <ImageView fitHeight="58.0"
                                            fitWidth="58.0"
@@ -577,7 +592,7 @@
                     </children>
                 </HBox>
             </children>
-        </HBox>
+        </StackPane>
 
     </children>
 </GridPane>
\ No newline at end of file
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/edit.fxml
new file mode 100644
index 0000000..e69de29
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/inbox.fxml
new file mode 100644
index 0000000..e69de29
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/payments.fxml
new file mode 100644
index 0000000..e69de29
diff --git a/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml b/helpmehelpapplication/src/main/resources/fxml/profile_organization.fxml/settings.fxml
new file mode 100644
index 0000000..e69de29