diff --git a/README.md b/README.md
index 8dad6c0..68f482a 100644
--- a/README.md
+++ b/README.md
@@ -7,5 +7,5 @@ TODO:
 - Galerie
 - BuLi-Tipp
 - Startseite
-- Footer
+- Footer, Texte?
 - Event Fotos
diff --git a/package.json b/package.json
index 37775eb..c1a485f 100644
--- a/package.json
+++ b/package.json
@@ -1,5 +1,5 @@
 {
-  "name": "tauri-app",
+  "name": "ritzenbergen",
   "private": true,
   "version": "0.1.0",
   "type": "module",
@@ -8,7 +8,8 @@
     "build": "vue-tsc --noEmit && vite build",
     "preview": "vite preview",
     "tauri": "tauri",
-    "tauridev": "tauri dev"
+    "tauridev": "tauri dev",
+    "tauribuild": "tauri build"
   },
   "dependencies": {
     "@tauri-apps/api": "^2",
diff --git a/src-tauri/Cargo.lock b/src-tauri/Cargo.lock
index 03064c3..a555145 100644
--- a/src-tauri/Cargo.lock
+++ b/src-tauri/Cargo.lock
@@ -2948,6 +2948,17 @@ dependencies = [
  "windows-registry",
 ]
 
+[[package]]
+name = "ritzenbergen"
+version = "0.1.0"
+dependencies = [
+ "serde",
+ "serde_json",
+ "tauri",
+ "tauri-build",
+ "tauri-plugin-opener",
+]
+
 [[package]]
 name = "rustc-demangle"
 version = "0.1.24"
@@ -3552,17 +3563,6 @@ dependencies = [
  "windows",
 ]
 
-[[package]]
-name = "tauri-app"
-version = "0.1.0"
-dependencies = [
- "serde",
- "serde_json",
- "tauri",
- "tauri-build",
- "tauri-plugin-opener",
-]
-
 [[package]]
 name = "tauri-build"
 version = "2.1.1"
diff --git a/src-tauri/Cargo.toml b/src-tauri/Cargo.toml
index 6875383..9bd8e9d 100644
--- a/src-tauri/Cargo.toml
+++ b/src-tauri/Cargo.toml
@@ -1,8 +1,8 @@
 [package]
-name = "tauri-app"
+name = "ritzenbergen"
 version = "0.1.0"
-description = "A Tauri App"
-authors = ["you"]
+description = "Ritzenbergen-Website"
+authors = ["R40fendt"]
 edition = "2021"
 
 # See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
@@ -11,7 +11,7 @@ edition = "2021"
 # The `_lib` suffix may seem redundant but it is necessary
 # to make the lib name unique and wouldn't conflict with the bin name.
 # This seems to be only an issue on Windows, see https://github.com/rust-lang/cargo/issues/8519
-name = "tauri_app_lib"
+name = "ritzenbergen_lib"
 crate-type = ["staticlib", "cdylib", "rlib"]
 
 [build-dependencies]
diff --git a/src-tauri/src/main.rs b/src-tauri/src/main.rs
index 2abccd9..44fa54a 100644
--- a/src-tauri/src/main.rs
+++ b/src-tauri/src/main.rs
@@ -2,5 +2,5 @@
 #![cfg_attr(not(debug_assertions), windows_subsystem = "windows")]
 
 fn main() {
-    tauri_app_lib::run()
+    ritzenbergen_lib::run()
 }
diff --git a/src/Embla.vue b/src/Embla.vue
index 42fb7f3..7c17def 100644
--- a/src/Embla.vue
+++ b/src/Embla.vue
@@ -7,7 +7,10 @@
     if (emblaApi.value) {
       console.log(emblaApi.value.slideNodes()) // Access API
     }
-  })
+  });
+  function get_file(){
+
+  }
 </script>
 
 <template>
@@ -26,7 +29,7 @@
                       <div class="item-wrapper">
                         <a href="galerie.php#erntefest">
                           <img
-                            src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5" />
+                            :src="get_file('./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=5')" />
                         </a>
                       </div>
                     </div>
@@ -38,7 +41,7 @@
                       <div class="item-wrapper">
                         <a href="galerie.php#fussballturnier">
                           <img
-                            src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3" />
+                            :src="get_file('./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3')" />
                         </a>
                       </div>
                     </div>
@@ -50,7 +53,7 @@
                       <div class="item-wrapper">
                         <a href="galerie.php#doppelkopf">
                           <img
-                            src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopfturnier&size=3" />
+                            :src="get_file('./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopfturnier&size=3')" />
                         </a>
                       </div>
                     </div>
@@ -62,7 +65,7 @@
                       <div class="item-wrapper">
                         <a href="galerie.php#osterfeuer">
                           <img
-                            src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5" />
+                            :src="get_file('./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=5')" />
                         </a>
                       </div>
                     </div>
diff --git a/src/Footer.vue b/src/Footer.vue
index 5481950..982fa9e 100644
--- a/src/Footer.vue
+++ b/src/Footer.vue
@@ -1,68 +1,80 @@
 <script>
-    export default {}
+import Modal from "./Modal.vue";
+
+export default {
+  data: function () {
+    return {
+      aboutVisible: false,
+      contactVisible: false,
+    };
+  },
+  components: {
+    Modal,
+  },
+};
 </script>
 <template>
-<section class="footer3 cid-u6k7q0Blvk" once="footers" id="footer-6-u6k7q0Blvk">
-  <div class="container">
-    <div class="row">
-      <div class="row-links">
-        <ul class="header-menu">
-          <li class="header-menu-item mbr-fonts-style display-5">
-            <div class="modal-container">
-              <div class="modal">
-                <div class="modal-content">
-                  <span class="closeBtn">&times;</span>
-                  <h1>Über</h1>
-                  <p>
-                    Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und liegt dicht an der Weser.
-                    <br>
-                    <br>
-                    Bei dieser Seite handelt es sich um eine private Homepage der Dorfgemeinschaft Amedorf &
-                    Ritzenbergen.
-                    <br><br>
-                    © Front-End und Web Design: Mathis Kuhlenkamp <br>
-                    © Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
-                    <br>
-                    <br>
-                    <a href="./assets/AdminPanel/LoginFormular/loginform.html">Administrations Login</a>
-                  </p><br><br>
+  <section
+    class="footer3 cid-u6k7q0Blvk"
+    once="footers"
+    id="footer-6-u6k7q0Blvk"
+  >
+    <div class="container">
+      <div class="row">
+        <div class="row-links">
+          <ul class="header-menu">
+            <li class="header-menu-item mbr-fonts-style display-5">
+              <Modal v-show="aboutVisible" @closemodal="aboutVisible = false">
+                <h1>Über</h1>
+                <p>
+                  Ritzenbergen ist ein kleines Dorf der Gemeinde Blender und
+                  liegt dicht an der Weser.
+                  <br />
+                  <br />
+                  Bei dieser Seite handelt es sich um eine private Homepage der
+                  Dorfgemeinschaft Amedorf & Ritzenbergen.
+                  <br /><br />
+                  © Front-End und Web Design: Mathis Kuhlenkamp <br />
+                  © Back-End und Datenbanken: Tom Kuhlenkamp, Jonas Kuhlenkamp
+                  <br />
+                  <br />
+                  <a href="./assets/AdminPanel/LoginFormular/loginform.html"
+                    >Administrations Login</a
+                  >
+                </p>
+                <br /><br />
+              </Modal>
 
-                </div>
-              </div>
-
-              <button class="text-white btn-ueber openBtn">Über</button>
-            </div>
-          </li>
-          <li class="header-menu-item mbr-fonts-style display-5">
-            <div class="modal-container">
-
-              <div class="modal">
-                <div class="modal-content">
-                  <span class="closeBtn">&times;</span>
-                  <h1>Kontakt</h1>
-                  <p>
-                    Tom Kuhlenkamp <br>
-                    tom@ritzenbergen.de
-                  </p><br><br>
-
-                </div>
-              </div>
-              <button class="text-white btn-kontakt openBtn">Kontakt</button>
-            </div>
-
-          </li>
-
-        </ul>
-      </div>
-      <div class="col-12 mt-4">
-        <p class="mbr-fonts-style copyright display-7">
-          © 2024 Ritzenbergen. Alle Rechte vorbehalten. <br>
-        </p>
+              <button @click="aboutVisible=true" class="text-white btn-ueber openBtn">Über</button>
+            </li>
+            <li class="header-menu-item mbr-fonts-style display-5">
+              <Modal
+                v-show="contactVisible"
+                @closemodal="contactVisible = false"
+              >
+                <h1>Kontakt</h1>
+                <p>
+                  Tom Kuhlenkamp <br />
+                  tom@ritzenbergen.de
+                </p>
+                <br /><br />
+              </Modal>
+              <button
+                class="text-white btn-kontakt openBtn"
+                @click="contactVisible = true"
+              >
+                Kontakt
+              </button>
+            </li>
+          </ul>
+        </div>
+        <div class="col-12 mt-4">
+          <p class="mbr-fonts-style copyright display-7">
+            © 2025 Ritzenbergen. Alle Rechte vorbehalten. <br />
+          </p>
+        </div>
       </div>
     </div>
-  </div>
-</section>
+  </section>
 </template>
-<style>
-
-</style>
\ No newline at end of file
+<style></style>
diff --git a/src/Main.vue b/src/Main.vue
index d748faa..58a04fc 100644
--- a/src/Main.vue
+++ b/src/Main.vue
@@ -293,7 +293,7 @@ export default {
             <div class="item-wrapper">
               <div class="item-img">
                 <a href="./galerie.php#doppelkopf"><img
-                    src="./randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3"></a>
+                    :src="get_file('randomimage.php?path=bilder/doppelkopf&recursive=1&tn=1&color=white&text=Doppelkopf&size=3')"></a>
               </div>
             </div>
           </div>
@@ -301,7 +301,7 @@ export default {
             <div class="item-wrapper">
               <div class="item-img">
                 <a href="./galerie.php#erntefest"><img
-                    src="./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3"></a>
+                    :src="get_file('./randomimage.php?path=bilder/erntefest&recursive=1&tn=1&color=white&text=Erntefest&size=3')"></a>
               </div>
             </div>
           </div>
@@ -309,7 +309,7 @@ export default {
             <div class="item-wrapper">
               <div class="item-img">
                 <a href="./galerie.php#fussballturnier"><img
-                    src="./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3"></a>
+                    :src="get_file('./randomimage.php?path=bilder/fussball&recursive=1&tn=1&color=white&text=Fußballturnier&size=3')"></a>
               </div>
             </div>
           </div>
@@ -317,7 +317,7 @@ export default {
             <div class="item-wrapper">
               <div class="item-img">
                 <a href="./galerie.php#osterfeuer"><img
-                    src="./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3"></a>
+                    :src="get_file('./randomimage.php?path=bilder/osterfeuer&recursive=1&tn=1&color=white&text=Osterfeuer&size=3')"></a>
               </div>
             </div>
           </div>
@@ -339,14 +339,14 @@ export default {
           <h3 class="mbr-section-title mbr-fonts-style mb-4 mt-0 display-2">
             <strong>Willkommen in Ritzenbergen</strong>
           </h3>
-          <p class="mbr-text mbr-fonts-style display-7">Ritzenbergen, ehemalig "Rikinburg" wurde nur ein einziges mal im
+          <p class="mbr-text mbr-fonts-style display-7">Ritzenbergen, ehemalig "Rikinburg" wurde nur ein einziges Mal im
             Jahr 935 in der historischen Überlieferung erwähnt. In diesem Jahr wurde sie vom Edelherren Willarius der
             Bremer Kirche geschenkt. Eine Identifikation dieser Burg mit einem auf einer Karte des Amtes Thedinghausen
             von 1765 eingetragenen Hügel von etwa 150 m Durchmesser oberhalb eines alten Weserarms in Ritzenbergen ist
             aber bisher nicht gesichert.</p>
           <p class="mbr-text mbr-fonts-style display-7">Die Gemeinde Amedorf/Ritzenbergen wurde zusammen mit der
-            Gemeinde Holtum-Marsch im Jahr 1968 in die damalige Gemeinde Blender eingegliedert.</p>
-          <p class="mbr-text mbr-fonts-style display-7">In der Galerie findest du viele Fotos aus den letzten Jahren</p>
+            Gemeinde Holtum-Marsch im Jahr 1968 in die Gemeinde Blender eingegliedert.</p>
+          <p class="mbr-text mbr-fonts-style display-7">In der Galerie findest du viele Fotos aus den letzten Jahren.</p>
         </div>
       </div>
     </div>
diff --git a/src/Modal.vue b/src/Modal.vue
index 1d5dfd4..236a195 100644
--- a/src/Modal.vue
+++ b/src/Modal.vue
@@ -8,6 +8,7 @@
         <div class="modal">
             <div class="modal-content">
                 <button class="closeBtn" @click="$emit('closemodal')">x</button>
+                <slot></slot>
                 <span v-html="content"></span>
             </div>
         </div>
diff --git a/src/router/index.js b/src/router/index.ts
similarity index 100%
rename from src/router/index.js
rename to src/router/index.ts