<script>
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">
              <Modal v-show="aboutVisible" @closemodal="aboutVisible = false">
							<br>
                <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 &amp; Ritzenbergen.
                  <br /><br />
                  © Front-End und Web Design: Mathis Kuhlenkamp, Jonas Kuhlenkamp <br />
                  © Back-End und Datenbanken: Jonas Kuhlenkamp
                  <br />
                  <br />
                  
                </p>
								<RouterLink to="/adminpanel/login">Admin Login</RouterLink>
              </Modal>

              <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">
            © 2026 Ritzenbergen. Alle Rechte vorbehalten. <br />
          </p>
        </div>
      </div>
    </div>
  </section>
</template>
<style></style>
