Update index.astro

add the fetch functionality i think

Signed-off-by: Emperor Numerius <62899740+EmperorNumerius@users.noreply.github.com>

src/pages/index.astro

@@ -93,3 +93,41 @@ import Layout from "../layouts/Layout.astro";
     margin-right: 0.5rem;
   }
 </style>
+<script>
+  document.getElementById('subscribe-form').addEventListener('submit', async function(event) {
+    event.preventDefault();
+
+    const form = event.target;
+    const formData = new FormData(form);
+
+    const data = {
+      name: formData.get('name'),
+      email: formData.get('email'),
+      gdpr: formData.get('gdpr'),
+      hp: formData.get('hp'),
+      list: formData.get('list'),
+      subform: formData.get('subform')
+    };
+
+    try {
+      const response = await fetch('https://catapult.purplebubble.org/dashboard', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json'
+        },
+        body: JSON.stringify(data)
+      });
+
+      const result = await response.json();
+      if (response.ok) {
+        alert('Subscription successful');
+      } else {
+        console.error('Error:', result);
+        alert('Subscription failed');
+      }
+    } catch (error) {
+      console.error('Error:', error);
+      alert('An error occurred. Please try again.');
+    }
+  });
+</script>