<!--
        interstellar development  website
        Copyright (C) 2024 interstellar_development

        This program is free software: you can redistribute it and/or modify
        it under the terms of the GNU Affero General Public License as
        published by the Free Software Foundation, either version 3 of the
        License, or (at your option) any later version.

        This program is distributed in the hope that it will be useful,
        but WITHOUT ANY WARRANTY; without even the implied warranty of
        MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
        GNU Affero General Public License for more details.

        You should have received a copy of the GNU Affero General Public License
        along with this program.  If not, see <https://www.gnu.org/licenses/>.
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Contact Us</title>
    <script src="header.js" type="text/javascript" defer></script>
    <script src="footer.js" type="text/javascript" defer></script>
    <script src="contact-form.js" type="text/javascript" defer></script>
    <!-- Added new script -->
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header-component></header-component>

    <!-- Main Content -->
    <article>
      <main>
        <!-- Contact Form -->
        <section id="contact">
          <h2>Contact Us</h2>
          <p>This contact form has an invalid mail until our mailserver is configured</p>
          <form id="contactForm">
            <label for="name">Name:</label>
            <input type="text" id="name" name="name" required />

            <label for="email">Email:</label>
            <input type="email" id="email" name="email" required />

            <label for="message">Message:</label>
            <textarea id="message" name="message" rows="5" required></textarea>

            <button type="submit">Send Message</button>
          </form>
        </section>
      </main>
    </article>

    <!-- Footer -->
    <footer-component></footer-component>
  </body>
</html>