internal/honeypot/http/static/index.html

<!DOCTYPE html>
<html lang="de">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
  <link rel="manifest" href="/site.webmanifest" />
  <link rel="stylesheet" href="/wp-content/themes/imke/styles.css" />
  <title>Imkerei Sonnental – Regionaler Honig</title>
  <meta name="description" content="Regionale Imkerei mit nachhaltiger Bienenhaltung und naturbelassenem Honig." />
</head>

<body>
  <header>
    <h1>Imkerei Sonnental</h1>
    <p>Echter Honig aus regionaler, nachhaltiger Bienenhaltung.</p>
  </header>

  <section>
    <h2>Unsere Philosophie</h2>
    <p>
      In unserer kleinen Imkerei steht das Wohl der Bienen an erster Stelle.
      Wir arbeiten naturnah, verzichten auf industrielle Verfahren und ernten
      unseren Honig schonend und mit Geduld.
    </p>
  </section>

  <section>
    <h2>Unsere Produkte</h2>
    <div class="features">
      <div class="feature">
        <img src="/wp-content/bluetenhonig.png" alt="Blütenhonig" />
        <h3>Blütenhonig</h3>
        <p>Mild und ausgewogen – ideal für den täglichen Genuss.</p>
      </div>
      <div class="feature">
        <img src="/wp-content/pots.png" alt="Honigtöpfe" />
        <h3>Honigtöpfe</h3>
        <p>Echte Honigtöpfe aus regionaler Produktion.</p>
      </div>
      <div class="feature">
        <img src="/wp-content/sommerhonig.png" alt="Sommerhonig" />
        <h3>Sommerhonig</h3>
        <p>Kräftiges Aroma aus vielfältigen Trachtpflanzen.</p>
      </div>
    </div>
  </section>

  <section>
    <h2>Nachhaltigkeit</h2>
    <p>
      Unsere Bienenvölker stehen an festen Standorten in der Region. Wir
      fördern Blühflächen, arbeiten mit lokalen Landwirten und verwenden
      ausschliesslich umweltfreundliche Verpackungen.
    </p>
    <p>
      Unsere Honig ist nachhaltig, regional und von der Natur ausgewählt. Wir verwenden keine industriellen Verfahren
      und ernten unseren Honig schonend und mit Geduld.
    </p>
  </section>

  <section class="ueber-uns">
    <div class="ueber-uns-content">
      <h2>Über uns</h2>
      <p>
        Mein Name ist Karl Wabenbauer. Als Imker aus Leidenschaft betreibe ich
        die Imkerei Sonnental im kleinen Rahmen – mit Fokus auf Qualität,
        Regionalität und Verantwortung gegenüber Natur und Tier.
      </p>
    </div>
  </section>

  <section class="contact-form">
    <div class="contact-form-content">
      <h2 id="kontakt">Kontakt</h2>
      <form action="/wp-admin/admin-post.php?action=wp-forms-submit" method="post">
        <label for="name">Name</label>
        <input type="text" name="name" placeholder="Name" required>
        <label for="email">E-Mail</label>
        <input type="email" name="email" placeholder="E-Mail" required>
        <label for="message" required>Nachricht</label>
        <textarea name="message" placeholder="Nachricht" required></textarea>
        <button type="submit">
          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
            stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
            class="icon icon-tabler icons-tabler-outline icon-tabler-comet">
            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
            <path d="M15.5 18.5l-3 1.5l.5 -3.5l-2 -2l3 -.5l1.5 -3l1.5 3l3 .5l-2 2l.5 3.5z" />
            <path d="M4 4l7 7" />
            <path d="M9 4l3.5 3.5" />
            <path d="M4 9l3.5 3.5" />
          </svg>
          Absenden
        </button>
        <input type="hidden" name="form_nonce" value="0">
      </form>
    </div>
  </section>

  <footer>
    <p>© Imkerei Sonnental · Regionaler Honig · Eine QXP Produktion</p>
    <a href="/wp-login.php">Administration</a>
  </footer>

  <script>
    const nonce_input = document.querySelector('input[name="form_nonce"]');
    nonce_input.value = Date.now().toString().slice(0, 10);

    if (window.location.hash === "#kontakt" && window.location.search === "?success=true") {
      const form = document.querySelector('form');
      form.innerHTML = '<p>Nachricht erfolgreich gesendet.</p>';
    }
  </script>
</body>

</html>