diff --git a/.env.example b/.env.example
new file mode 100644
index 00000000..21f40155
--- /dev/null
+++ b/.env.example
@@ -0,0 +1,4 @@
+CMS_URL=http://localhost:3000
+TWENTY_AUTH="YOUR_TOKEN"
+TWENTY_GRAPHQL_URL="https://twenty.youngvision.work/graphql"
+SLACK_TOKEN="YOUR_TOKEN"
diff --git a/.gitignore b/.gitignore
index 2e01a69b..f38f53ae 100644
--- a/.gitignore
+++ b/.gitignore
@@ -22,3 +22,5 @@ test-results/
 
 # macOS-specific files
 .DS_Store
+
+.wrangler
\ No newline at end of file
diff --git a/astro.config.mjs b/astro.config.mjs
index efa1758b..30f2a5be 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -1,3 +1,4 @@
+import cloudflare from '@astrojs/cloudflare';
 import node from '@astrojs/node';
 import svelte from '@astrojs/svelte';
 import tailwindcss from '@tailwindcss/vite';
@@ -10,7 +11,9 @@ const adapter = PREVIEW
   ? node({
       mode: 'standalone',
     })
-  : undefined;
+  : cloudflare({
+      imageService: 'compile',
+    });
 
 // https://astro.build/config
 export default defineConfig({
@@ -31,9 +34,12 @@ export default defineConfig({
   integrations: [svelte()],
   output: PREVIEW ? 'server' : 'static',
   server: ({ command }) => ({ port: command === 'dev' ? 5173 : 4321 }),
-  trailingSlash: 'never',
+  trailingSlash: 'ignore',
 
   vite: {
+    define: {
+      'process.env': process.env,
+    },
     plugins: [tailwindcss()],
   },
 });
diff --git a/package.json b/package.json
index 6fe30f1a..931c25e5 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "version": "0.0.1",
   "packageManager": "pnpm@10.12.1",
   "scripts": {
-    "dev": "CMS_URL='http://localhost:3000' astro dev",
+    "dev": "astro dev",
     "start": "astro dev",
     "build": "astro check && astro build",
     "preview": "astro preview",
@@ -24,12 +24,15 @@
   },
   "dependencies": {
     "@astrojs/check": "0.9.4",
+    "@astrojs/cloudflare": "^12.5.4",
     "@astrojs/node": "9.2.2",
     "@astrojs/svelte": "7.0.13",
     "@astrojs/tailwind": "6.0.2",
     "@melt-ui/svelte": "0.86.6",
     "astro": "5.7.14",
     "clsx": "2.1.1",
+    "graphql": "^16.11.0",
+    "graphql-request": "^7.2.0",
     "qs": "6.14.0",
     "svelte": "5.34.3",
     "typescript": "5.8.3"
@@ -68,6 +71,7 @@
     "svelte-sequential-preprocessor": "2.0.2",
     "tailwindcss": "4.0.6",
     "typescript": "5.8.3",
-    "typescript-eslint": "8.34.0"
+    "typescript-eslint": "8.34.0",
+    "wrangler": "^4.20.0"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 24626333..786aeb78 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@astrojs/check':
         specifier: 0.9.4
         version: 0.9.4(prettier-plugin-astro@0.14.1)(prettier@3.5.3)(typescript@5.8.3)
+      '@astrojs/cloudflare':
+        specifier: ^12.5.4
+        version: 12.5.4(@types/node@22.15.32)(astro@5.7.14(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(rollup@4.40.1)(typescript@5.8.3)(yaml@2.7.0))(jiti@2.4.2)(lightningcss@1.29.1)(yaml@2.7.0)
       '@astrojs/node':
         specifier: 9.2.2
         version: 9.2.2(astro@5.7.14(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(rollup@4.40.1)(typescript@5.8.3)(yaml@2.7.0))
@@ -29,6 +32,12 @@ importers:
       clsx:
         specifier: 2.1.1
         version: 2.1.1
+      graphql:
+        specifier: ^16.11.0
+        version: 16.11.0
+      graphql-request:
+        specifier: ^7.2.0
+        version: 7.2.0(graphql@16.11.0)
       qs:
         specifier: 6.14.0
         version: 6.14.0
@@ -135,6 +144,9 @@ importers:
       typescript-eslint:
         specifier: 8.34.0
         version: 8.34.0(eslint@9.29.0(jiti@2.4.2))(typescript@5.8.3)
+      wrangler:
+        specifier: ^4.20.0
+        version: 4.20.0(@cloudflare/workers-types@4.20250612.0)
 
 packages:
 
@@ -148,6 +160,11 @@ packages:
     peerDependencies:
       typescript: ^5.0.0
 
+  '@astrojs/cloudflare@12.5.4':
+    resolution: {integrity: sha512-WKUeMP2tIbddEu0tlVEPj8o9m/8CJB6who3a3jupuIyR56ltmW924ZOMYtp/C9uxH7KeDJXrMszRj3LHs9U97w==}
+    peerDependencies:
+      astro: ^5.0.0
+
   '@astrojs/compiler@2.10.3':
     resolution: {integrity: sha512-bL/O7YBxsFt55YHU021oL+xz+B/9HvGNId3F9xURN16aeqDK9juHGktdkCSXz+U4nqFACq6ZFvWomOzhV+zfPw==}
 
@@ -199,6 +216,9 @@ packages:
     resolution: {integrity: sha512-SSVM820Jqc6wjsn7qYfV9qfeQvePtVc1nSofhyap7l0/iakUKywj3hfy3UJAOV4sGV4Q/u450RD4AaCaFvNPlg==}
     engines: {node: ^18.17.1 || ^20.3.0 || >=22.0.0}
 
+  '@astrojs/underscore-redirects@0.6.1':
+    resolution: {integrity: sha512-4bMLrs2KW+8/vHEE5Ffv2HbxCbbgXO+2N6MpoCsMXUlUoi7pgEEx8kbkzMXJ2dZtWF3gvwm9lvgjnFeanC2LGg==}
+
   '@astrojs/yaml2ts@0.2.2':
     resolution: {integrity: sha512-GOfvSr5Nqy2z5XiwqTouBBpy5FyI6DEe+/g/Mk5am9SjILN1S5fOEvYK0GuWHg98yS/dobP4m8qyqw/URW35fQ==}
 
@@ -222,6 +242,56 @@ packages:
   '@capsizecss/unpack@2.4.0':
     resolution: {integrity: sha512-GrSU71meACqcmIUxPYOJvGKF0yryjN/L1aCuE9DViCTJI7bfkjgYDPD1zbNDcINJwSSP6UaBZY9GAbYDO7re0Q==}
 
+  '@cloudflare/kv-asset-handler@0.4.0':
+    resolution: {integrity: sha512-+tv3z+SPp+gqTIcImN9o0hqE9xyfQjI1XD9pL6NuKjua9B1y7mNYv0S9cP+QEbA4ppVgGZEmKOvHX5G5Ei1CVA==}
+    engines: {node: '>=18.0.0'}
+
+  '@cloudflare/unenv-preset@2.3.2':
+    resolution: {integrity: sha512-MtUgNl+QkQyhQvv5bbWP+BpBC1N0me4CHHuP2H4ktmOMKdB/6kkz/lo+zqiA4mEazb4y+1cwyNjVrQ2DWeE4mg==}
+    peerDependencies:
+      unenv: 2.0.0-rc.17
+      workerd: ^1.20250508.0
+    peerDependenciesMeta:
+      workerd:
+        optional: true
+
+  '@cloudflare/workerd-darwin-64@1.20250604.0':
+    resolution: {integrity: sha512-PI6AWAzhHg75KVhYkSWFBf3HKCHstpaKg4nrx6LYZaEvz0TaTz+JQpYU2fNAgGFmVsK5xEzwFTGh3DAVAKONPw==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@cloudflare/workerd-darwin-arm64@1.20250604.0':
+    resolution: {integrity: sha512-hOiZZSop7QRQgGERtTIy9eU5GvPpIsgE2/BDsUdHMl7OBZ7QLniqvgDzLNDzj0aTkCldm9Yl/Z+C7aUgRdOccw==}
+    engines: {node: '>=16'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@cloudflare/workerd-linux-64@1.20250604.0':
+    resolution: {integrity: sha512-S0R9r7U4nv9qejYygQj01hArC4KUbQQ4u29rvegR0MGoXZY8AHIEuJxon0kE7r7aWFJxvl4W3tOH+5hwW51LYw==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [linux]
+
+  '@cloudflare/workerd-linux-arm64@1.20250604.0':
+    resolution: {integrity: sha512-BTFU/rXpNy03wpeueI2P7q1vVjbg2V6mCyyFGqDqMn2gSVYXH1G0zFNolV13PQXa0HgaqM6oYnqtAxluqbA+kQ==}
+    engines: {node: '>=16'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@cloudflare/workerd-windows-64@1.20250604.0':
+    resolution: {integrity: sha512-tW/U9/qDmDZBeoEVcK5skb2uouVAMXMzt7o/uGvaIFLeZsQkOp4NBmvoQQd+nbOc7nVCJIwFoSMokd89AhzCkA==}
+    engines: {node: '>=16'}
+    cpu: [x64]
+    os: [win32]
+
+  '@cloudflare/workers-types@4.20250612.0':
+    resolution: {integrity: sha512-3VsbEh0nqOWWH+jsJ2W41Ty6qlN1jQ+4R3lBA3gPor0U6LB3e4OA04jg7wyCyJmikBN6KsBcPRp3kj0es/9q2w==}
+
+  '@cspotcode/source-map-support@0.8.1':
+    resolution: {integrity: sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==}
+    engines: {node: '>=12'}
+
   '@emmetio/abbreviation@2.3.3':
     resolution: {integrity: sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==}
 
@@ -252,150 +322,300 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.25.4':
+    resolution: {integrity: sha512-1VCICWypeQKhVbE9oW/sJaAmjLxhVqacdkvPLEjwlttjfwENRSClS8EjBz0KzRyFSCPDIkuXW34Je/vk7zdB7Q==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.25.0':
     resolution: {integrity: sha512-grvv8WncGjDSyUBjN9yHXNt+cq0snxXbDxy5pJtzMKGmmpPxeAmAhWxXI+01lU5rwZomDgD3kJwulEnhTRUd6g==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.25.4':
+    resolution: {integrity: sha512-bBy69pgfhMGtCnwpC/x5QhfxAz/cBgQ9enbtwjf6V9lnPI/hMyT9iWpR1arm0l3kttTr4L0KSLpKmLp/ilKS9A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.25.0':
     resolution: {integrity: sha512-PTyWCYYiU0+1eJKmw21lWtC+d08JDZPQ5g+kFyxP0V+es6VPPSUhM6zk8iImp2jbV6GwjX4pap0JFbUQN65X1g==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.25.4':
+    resolution: {integrity: sha512-QNdQEps7DfFwE3hXiU4BZeOV68HHzYwGd0Nthhd3uCkkEKK7/R6MTgM0P7H7FAs5pU/DIWsviMmEGxEoxIZ+ZQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.25.0':
     resolution: {integrity: sha512-m/ix7SfKG5buCnxasr52+LI78SQ+wgdENi9CqyCXwjVR2X4Jkz+BpC3le3AoBPYTC9NHklwngVXvbJ9/Akhrfg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.25.4':
+    resolution: {integrity: sha512-TVhdVtQIFuVpIIR282btcGC2oGQoSfZfmBdTip2anCaVYcqWlZXGcdcKIUklfX2wj0JklNYgz39OBqh2cqXvcQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.25.0':
     resolution: {integrity: sha512-mVwdUb5SRkPayVadIOI78K7aAnPamoeFR2bT5nszFUZ9P8UpK4ratOdYbZZXYSqPKMHfS1wdHCJk1P1EZpRdvw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.25.4':
+    resolution: {integrity: sha512-Y1giCfM4nlHDWEfSckMzeWNdQS31BQGs9/rouw6Ub91tkK79aIMTH3q9xHvzH8d0wDru5Ci0kWB8b3up/nl16g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.25.0':
     resolution: {integrity: sha512-DgDaYsPWFTS4S3nWpFcMn/33ZZwAAeAFKNHNa1QN0rI4pUjgqf0f7ONmXf6d22tqTY+H9FNdgeaAa+YIFUn2Rg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.25.4':
+    resolution: {integrity: sha512-CJsry8ZGM5VFVeyUYB3cdKpd/H69PYez4eJh1W/t38vzutdjEjtP7hB6eLKBoOdxcAlCtEYHzQ/PJ/oU9I4u0A==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.25.0':
     resolution: {integrity: sha512-VN4ocxy6dxefN1MepBx/iD1dH5K8qNtNe227I0mnTRjry8tj5MRk4zprLEdG8WPyAPb93/e4pSgi1SoHdgOa4w==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.25.4':
+    resolution: {integrity: sha512-yYq+39NlTRzU2XmoPW4l5Ifpl9fqSk0nAJYM/V/WUGPEFfek1epLHJIkTQM6bBs1swApjO5nWgvr843g6TjxuQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.25.0':
     resolution: {integrity: sha512-mrSgt7lCh07FY+hDD1TxiTyIHyttn6vnjesnPoVDNmDfOmggTLXRv8Id5fNZey1gl/V2dyVK1VXXqVsQIiAk+A==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.25.4':
+    resolution: {integrity: sha512-0FgvOJ6UUMflsHSPLzdfDnnBBVoCDtBTVyn/MrWloUNvq/5SFmh13l3dvgRPkDihRxb77Y17MbqbCAa2strMQQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.25.0':
     resolution: {integrity: sha512-9QAQjTWNDM/Vk2bgBl17yWuZxZNQIF0OUUuPZRKoDtqF2k4EtYbpyiG5/Dk7nqeK6kIJWPYldkOcBqjXjrUlmg==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.25.4':
+    resolution: {integrity: sha512-+89UsQTfXdmjIvZS6nUnOOLoXnkUTB9hR5QAeLrQdzOSWZvNSAXAtcRDHWtqAUtAmv7ZM1WPOOeSxDzzzMogiQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.25.0':
     resolution: {integrity: sha512-vkB3IYj2IDo3g9xX7HqhPYxVkNQe8qTK55fraQyTzTX/fxaDtXiEnavv9geOsonh2Fd2RMB+i5cbhu2zMNWJwg==}
     engines: {node: '>=18'}
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.25.4':
+    resolution: {integrity: sha512-kro4c0P85GMfFYqW4TWOpvmF8rFShbWGnrLqlzp4X1TNWjRY3JMYUfDCtOxPKOIY8B0WC8HN51hGP4I4hz4AaQ==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.25.0':
     resolution: {integrity: sha512-43ET5bHbphBegyeqLb7I1eYn2P/JYGNmzzdidq/w0T8E2SsYL1U6un2NFROFRg1JZLTzdCoRomg8Rvf9M6W6Gg==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.25.4':
+    resolution: {integrity: sha512-yTEjoapy8UP3rv8dB0ip3AfMpRbyhSN3+hY8mo/i4QXFeDxmiYbEKp3ZRjBKcOP862Ua4b1PDfwlvbuwY7hIGQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.25.0':
     resolution: {integrity: sha512-fC95c/xyNFueMhClxJmeRIj2yrSMdDfmqJnyOY4ZqsALkDrrKJfIg5NTMSzVBr5YW1jf+l7/cndBfP3MSDpoHw==}
     engines: {node: '>=18'}
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.25.4':
+    resolution: {integrity: sha512-NeqqYkrcGzFwi6CGRGNMOjWGGSYOpqwCjS9fvaUlX5s3zwOtn1qwg1s2iE2svBe4Q/YOG1q6875lcAoQK/F4VA==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.25.0':
     resolution: {integrity: sha512-nkAMFju7KDW73T1DdH7glcyIptm95a7Le8irTQNO/qtkoyypZAnjchQgooFUDQhNAy4iu08N79W4T4pMBwhPwQ==}
     engines: {node: '>=18'}
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.25.4':
+    resolution: {integrity: sha512-IcvTlF9dtLrfL/M8WgNI/qJYBENP3ekgsHbYUIzEzq5XJzzVEV/fXY9WFPfEEXmu3ck2qJP8LG/p3Q8f7Zc2Xg==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.25.0':
     resolution: {integrity: sha512-NhyOejdhRGS8Iwv+KKR2zTq2PpysF9XqY+Zk77vQHqNbo/PwZCzB5/h7VGuREZm1fixhs4Q/qWRSi5zmAiO4Fw==}
     engines: {node: '>=18'}
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.25.4':
+    resolution: {integrity: sha512-HOy0aLTJTVtoTeGZh4HSXaO6M95qu4k5lJcH4gxv56iaycfz1S8GO/5Jh6X4Y1YiI0h7cRyLi+HixMR+88swag==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.25.0':
     resolution: {integrity: sha512-5S/rbP5OY+GHLC5qXp1y/Mx//e92L1YDqkiBbO9TQOvuFXM+iDqUNG5XopAnXoRH3FjIUDkeGcY1cgNvnXp/kA==}
     engines: {node: '>=18'}
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.25.4':
+    resolution: {integrity: sha512-i8JUDAufpz9jOzo4yIShCTcXzS07vEgWzyX3NH2G7LEFVgrLEhjwL3ajFE4fZI3I4ZgiM7JH3GQ7ReObROvSUA==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.25.0':
     resolution: {integrity: sha512-XM2BFsEBz0Fw37V0zU4CXfcfuACMrppsMFKdYY2WuTS3yi8O1nFOhil/xhKTmE1nPmVyvQJjJivgDT+xh8pXJA==}
     engines: {node: '>=18'}
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.25.4':
+    resolution: {integrity: sha512-jFnu+6UbLlzIjPQpWCNh5QtrcNfMLjgIavnwPQAfoGx4q17ocOU9MsQ2QVvFxwQoWpZT8DvTLooTvmOQXkO51g==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.25.0':
     resolution: {integrity: sha512-9yl91rHw/cpwMCNytUDxwj2XjFpxML0y9HAOH9pNVQDpQrBxHy01Dx+vaMu0N1CKa/RzBD2hB4u//nfc+Sd3Cw==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.25.4':
+    resolution: {integrity: sha512-6e0cvXwzOnVWJHq+mskP8DNSrKBr1bULBvnFLpc1KY+d+irZSgZ02TGse5FsafKS5jg2e4pbvK6TPXaF/A6+CA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-arm64@0.25.0':
     resolution: {integrity: sha512-RuG4PSMPFfrkH6UwCAqBzauBWTygTvb1nxWasEJooGSJ/NwRw7b2HOwyRTQIU97Hq37l3npXoZGYMy3b3xYvPw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [netbsd]
 
+  '@esbuild/netbsd-arm64@0.25.4':
+    resolution: {integrity: sha512-vUnkBYxZW4hL/ie91hSqaSNjulOnYXE1VSLusnvHg2u3jewJBz3YzB9+oCw8DABeVqZGg94t9tyZFoHma8gWZQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
   '@esbuild/netbsd-x64@0.25.0':
     resolution: {integrity: sha512-jl+qisSB5jk01N5f7sPCsBENCOlPiS/xptD5yxOx2oqQfyourJwIKLRA2yqWdifj3owQZCL2sn6o08dBzZGQzA==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.25.4':
+    resolution: {integrity: sha512-XAg8pIQn5CzhOB8odIcAm42QsOfa98SBeKUdo4xa8OvX8LbMZqEtgeWE9P/Wxt7MlG2QqvjGths+nq48TrUiKw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.25.0':
     resolution: {integrity: sha512-21sUNbq2r84YE+SJDfaQRvdgznTD8Xc0oc3p3iW/a1EVWeNj/SdUCbm5U0itZPQYRuRTW20fPMWMpcrciH2EJw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.25.4':
+    resolution: {integrity: sha512-Ct2WcFEANlFDtp1nVAXSNBPDxyU+j7+tId//iHXU2f/lN5AmO4zLyhDcpR5Cz1r08mVxzt3Jpyt4PmXQ1O6+7A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.25.0':
     resolution: {integrity: sha512-2gwwriSMPcCFRlPlKx3zLQhfN/2WjJ2NSlg5TKLQOJdV0mSxIcYNTMhk3H3ulL/cak+Xj0lY1Ym9ysDV1igceg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.25.4':
+    resolution: {integrity: sha512-xAGGhyOQ9Otm1Xu8NT1ifGLnA6M3sJxZ6ixylb+vIUVzvvd6GOALpwQrYrtlPouMqd/vSbgehz6HaVk4+7Afhw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/sunos-x64@0.25.0':
     resolution: {integrity: sha512-bxI7ThgLzPrPz484/S9jLlvUAHYMzy6I0XiU1ZMeAEOBcS0VePBFxh1JjTQt3Xiat5b6Oh4x7UC7IwKQKIJRIg==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.25.4':
+    resolution: {integrity: sha512-Mw+tzy4pp6wZEK0+Lwr76pWLjrtjmJyUB23tHKqEDP74R3q95luY/bXqXZeYl4NYlvwOqoRKlInQialgCKy67Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.25.0':
     resolution: {integrity: sha512-ZUAc2YK6JW89xTbXvftxdnYy3m4iHIkDtK3CLce8wg8M2L+YZhIvO1DKpxrd0Yr59AeNNkTiic9YLf6FTtXWMw==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.25.4':
+    resolution: {integrity: sha512-AVUP428VQTSddguz9dO9ngb+E5aScyg7nOeJDrF1HPYu555gmza3bDGMPhmVXL8svDSoqPCsCPjb265yG/kLKQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.25.0':
     resolution: {integrity: sha512-eSNxISBu8XweVEWG31/JzjkIGbGIJN/TrRoiSVZwZ6pkC6VX4Im/WV2cz559/TXLcYbcrDN8JtKgd9DJVIo8GA==}
     engines: {node: '>=18'}
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.25.4':
+    resolution: {integrity: sha512-i1sW+1i+oWvQzSgfRcxxG2k4I9n3O9NRqy8U+uugaT2Dy7kLO9Y7wI72haOahxceMX8hZAzgGou1FhndRldxRg==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.25.0':
     resolution: {integrity: sha512-ZENoHJBxA20C2zFzh6AI4fT6RraMzjYw4xKWemRTRmRVtN9c5DcH9r/f2ihEkMjOW5eGgrwCslG/+Y/3bL+DHQ==}
     engines: {node: '>=18'}
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.25.4':
+    resolution: {integrity: sha512-nOT2vZNw6hJ+z43oP1SPea/G/6AbN6X+bGNhNuq8NtRHy4wsMhw765IKLNmnjek7GvjWBYQ8Q5VBoYTFg9y1UQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.1':
     resolution: {integrity: sha512-s3O3waFUrMV8P/XaF/+ZTp1X9XBZW1a4B97ZnjQF2KYWaFD2A8KyFBsrsfSjEmjn3RGWAIuvlneuZm3CUK3jbA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -440,6 +660,10 @@ packages:
     resolution: {integrity: sha512-0J+zgWxHN+xXONWIyPWKFMgVuJoZuGiIFu8yxk7RJjxkzpGmyja5wRFqZIVtjDVOQpV+Rw0iOAjYPE2eQyjr0w==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@fastify/busboy@2.1.1':
+    resolution: {integrity: sha512-vBZP4NlzfOlerQTnba4aqZoMhE/a9HY7HRqoOPaETQcSQuWEIyZMHGfVu6w9wGtGK5fED5qRs2DteVCjOH60sA==}
+    engines: {node: '>=14'}
+
   '@floating-ui/core@1.6.9':
     resolution: {integrity: sha512-uMXCuQ3BItDUbAMhIXw7UPXRfAlOAvZzdK9BWpE60MCn+Svt3aLn9jsPTi/WNGlRUu2uI0v5S7JiIUsbsvh3fw==}
 
@@ -449,6 +673,11 @@ packages:
   '@floating-ui/utils@0.2.9':
     resolution: {integrity: sha512-MDWhGtE+eHw5JW7lq4qhc5yRLS11ERl1c7Z6Xd0a58DozHES6EnNNwUWbMiG4J9Cgj053Bhk8zvlhFYKVhULwg==}
 
+  '@graphql-typed-document-node/core@3.2.0':
+    resolution: {integrity: sha512-mB9oAsNCm9aM3/SOv4YtBMqZbYj10R7dkq8byBqxGY/ncFwhf2oQzMV+LCRlWoDSEBJ3COiR1yeDvMtsoOsuFQ==}
+    peerDependencies:
+      graphql: ^0.8.0 || ^0.9.0 || ^0.10.0 || ^0.11.0 || ^0.12.0 || ^0.13.0 || ^14.0.0 || ^15.0.0 || ^16.0.0 || ^17.0.0
+
   '@humanfs/core@0.19.1':
     resolution: {integrity: sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==}
     engines: {node: '>=18.18.0'}
@@ -711,6 +940,9 @@ packages:
   '@jridgewell/trace-mapping@0.3.25':
     resolution: {integrity: sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ==}
 
+  '@jridgewell/trace-mapping@0.3.9':
+    resolution: {integrity: sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==}
+
   '@melt-ui/pp@0.3.2':
     resolution: {integrity: sha512-xKkPvaIAFinklLXcQOpwZ8YSpqAFxykjWf8Y/fSJQwsixV/0rcFs07hJ49hJjPy5vItvw5Qa0uOjzFUbXzBypQ==}
     peerDependencies:
@@ -1167,6 +1399,15 @@ packages:
     peerDependencies:
       acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
 
+  acorn-walk@8.3.2:
+    resolution: {integrity: sha512-cjkyv4OtNCIeqhHrfS81QWXoCBPExR/J62oyEqepVw8WaQeSqpW2uhuLPh1m9eWhDuOo/jUXVTlifvesOWp/4A==}
+    engines: {node: '>=0.4.0'}
+
+  acorn@8.14.0:
+    resolution: {integrity: sha512-cl669nCJTZBsL97OF4kUQm5g5hC2uihk0NxY3WENAC0TYdILVkAyHymAntgxGkl7K+t0cXIrH5siy5S4XkFycA==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
   acorn@8.14.1:
     resolution: {integrity: sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg==}
     engines: {node: '>=0.4.0'}
@@ -1216,6 +1457,9 @@ packages:
   array-iterate@2.0.1:
     resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
 
+  as-table@1.0.55:
+    resolution: {integrity: sha512-xvsWESUJn0JN421Xb9MQw6AsMHRCUknCe0Wjlxvjud80mU4E6hQf1A6NzQKcYNmYw62MfzEtXc+badstZP3JpQ==}
+
   astro-eslint-parser@1.2.2:
     resolution: {integrity: sha512-JepyLROIad6f44uyqMF6HKE2QbunNzp3mYKRcPoDGt0QkxXmH222FAFC64WTyQu2Kg8NNEXHTN/sWuUId9sSxw==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1254,6 +1498,9 @@ packages:
   base64-js@1.5.1:
     resolution: {integrity: sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==}
 
+  blake3-wasm@2.1.5:
+    resolution: {integrity: sha512-F1+K8EbfOZE49dtoPtmxUQrpXaBIl3ICvasLh+nJta0xkz+9kF/7uet9fLnwKqhDrmj6g+6K3Tw9yQPUg2ka5g==}
+
   blob-to-buffer@1.2.9:
     resolution: {integrity: sha512-BF033y5fN6OCofD3vgHmNtwZWRcq9NLyyxyILx9hfMy1sXYy4ojFl765hJ2lP0YaN2fuxPaLO2Vzzoxy0FLFFA==}
 
@@ -1371,6 +1618,10 @@ packages:
   cookie-es@1.2.2:
     resolution: {integrity: sha512-+W7VmiVINB+ywl1HGXJXmrqkOhpKrIiVZV6tQuV54ZyQC7MMuBt81Vc336GMLoHBq5hV/F9eXgt5Mnx0Rha5Fg==}
 
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
   cookie@1.0.2:
     resolution: {integrity: sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA==}
     engines: {node: '>=18'}
@@ -1398,6 +1649,9 @@ packages:
     engines: {node: '>=4'}
     hasBin: true
 
+  data-uri-to-buffer@2.0.2:
+    resolution: {integrity: sha512-ND9qDTLc6diwj+Xe5cdAgVTbLVdXbtxTJRXRhli8Mowuaan+0EJOtdqJ0QCHNSSPyoXGx9HX2/VMnKeC34AChA==}
+
   debug@4.4.0:
     resolution: {integrity: sha512-6WTZ/IxCY/T6BALoZHaE4ctp9xm+Z5kY/pzYaCHRFeyVhojxlrm+46y68HA6hr0TcwEssoxNiDEUJQjfPZ/RYA==}
     engines: {node: '>=6.0'}
@@ -1538,6 +1792,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.25.4:
+    resolution: {integrity: sha512-8pgjLUcUjcgDg+2Q4NYXnPbo/vncAY4UmyaCm0jZevERqCHZIaWwdJHkf8XQtu4AxSKCdvrUbT0XUr1IdZzI8Q==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -1660,6 +1919,13 @@ packages:
   eventemitter3@5.0.1:
     resolution: {integrity: sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==}
 
+  exit-hook@2.2.1:
+    resolution: {integrity: sha512-eNTPlAD67BmP31LDINZ3U7HSF8l57TxOY2PmBJ1shpCvpnxBF93mWCE8YHBnXs8qiUZJc9WDcWIeC3a2HIAMfw==}
+    engines: {node: '>=6'}
+
+  exsolve@1.0.5:
+    resolution: {integrity: sha512-pz5dvkYYKQ1AHVrgOzBKWeP4u4FRb3a6DNK2ucr0OoNwYIU4QWsJ+NM36LLzORT+z845MzKHHhpXiUF5nvQoJg==}
+
   extend@3.0.2:
     resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
 
@@ -1758,6 +2024,9 @@ packages:
     resolution: {integrity: sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==}
     engines: {node: '>= 0.4'}
 
+  get-source@2.0.12:
+    resolution: {integrity: sha512-X5+4+iD+HoSeEED+uwrQ07BOQr0kEDFMVqqpBuI+RaZBpBpHCuXxo70bjar6f0b0u/DQJsJ7ssurpP0V60Az+w==}
+
   git-format-staged@3.1.1:
     resolution: {integrity: sha512-P749fkktaiAchFZKR7bgdvruzhvbcIDr1uRBrS9/Wdimb7wH1Twchz9gOixj8tUaHVMuXY/ckDojfOwV6AxgPA==}
     hasBin: true
@@ -1773,6 +2042,9 @@ packages:
     resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
     engines: {node: '>=10.13.0'}
 
+  glob-to-regexp@0.4.1:
+    resolution: {integrity: sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==}
+
   globals@14.0.0:
     resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
     engines: {node: '>=18'}
@@ -1795,6 +2067,15 @@ packages:
   graphemer@1.4.0:
     resolution: {integrity: sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==}
 
+  graphql-request@7.2.0:
+    resolution: {integrity: sha512-0GR7eQHBFYz372u9lxS16cOtEekFlZYB2qOyq8wDvzRmdRSJ0mgUVX1tzNcIzk3G+4NY+mGtSz411wZdeDF/+A==}
+    peerDependencies:
+      graphql: 14 - 16
+
+  graphql@16.11.0:
+    resolution: {integrity: sha512-mS1lbMsxgQj6hge1XZ6p7GPhbrtFwUFYi3wRzXAC/FmYnyXMTvvI3td3rjmQ2u8ewXueaSvRPWaEcgVVOT9Jnw==}
+    engines: {node: ^12.22.0 || ^14.16.0 || ^16.0.0 || >=17.0.0}
+
   h3@1.15.1:
     resolution: {integrity: sha512-+ORaOBttdUm1E2Uu/obAyCguiI7MbBvsLTndc3gyK3zU+SYLoZXlyCP9Xgy0gikkGufFLTZXCXD6+4BsufnmHA==}
 
@@ -2233,6 +2514,16 @@ packages:
     resolution: {integrity: sha512-xRc4oEhT6eaBpU1XF7AjpOFD+xQmXNB5OVKwp4tqCuBpHLS/ZbBDrc07mYTDqVMg6PfxUjjNp85O6Cd2Z/5HWA==}
     engines: {node: '>= 0.6'}
 
+  mime@3.0.0:
+    resolution: {integrity: sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A==}
+    engines: {node: '>=10.0.0'}
+    hasBin: true
+
+  miniflare@4.20250604.1:
+    resolution: {integrity: sha512-HJQ9YhH0F0fI73Vsdy3PNVau+PfHZYK7trI5WJEcbfl5HzqhMU0DRNtA/G5EXQgiumkjrmbW4Zh1DVTtsqICPg==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   minimatch@3.1.2:
     resolution: {integrity: sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==}
 
@@ -2254,6 +2545,10 @@ packages:
   muggle-string@0.4.1:
     resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
 
+  mustache@4.2.0:
+    resolution: {integrity: sha512-71ippSywq5Yb7/tVYyGbkBggbU8H3u5Rz56fH60jGFgr8uHwxs+aSKeqmluIVzM0m0kB7xQjKS6qPfd0b2ZoqQ==}
+    hasBin: true
+
   nanoid@3.3.8:
     resolution: {integrity: sha512-WNLf5Sd8oZxOm+TzppcYk8gVOgP+l58xNy58D0nbUnOxOWRWvlcCV4kUF7ltmI6PsrLl/BgKEyS4mqsGChFN0w==}
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
@@ -2381,6 +2676,12 @@ packages:
     resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
     engines: {node: '>=8'}
 
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
   periscopic@3.1.0:
     resolution: {integrity: sha512-vKiQ8RRtkl9P+r/+oefh25C3fhybptkHKCZSPlcXiJux2tJF55GnEj3BVn4A5gKfq9NWWXXrxkHBwVPUfH0opw==}
 
@@ -2549,6 +2850,9 @@ packages:
     engines: {node: '>=14'}
     hasBin: true
 
+  printable-characters@1.0.42:
+    resolution: {integrity: sha512-dKp+C4iXWK4vVYZmYSd0KBH5F/h1HoZRsbJ82AVKRO3PEo8L4lBS/vLwhVtpwwuYcoIsVY+1JYKR268yn480uQ==}
+
   prismjs@1.29.0:
     resolution: {integrity: sha512-Kx/1w86q/epKcmte75LNrEoT+lX8pBpavuAbvJWRXar7Hz8jrtF+e3vY751p0R8H9HdArwaCTNDDzHg/ScJK1Q==}
     engines: {node: '>=6'}
@@ -2746,13 +3050,24 @@ packages:
     resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
     engines: {node: '>=0.10.0'}
 
+  source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+
   space-separated-tokens@2.0.2:
     resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
 
+  stacktracey@2.1.8:
+    resolution: {integrity: sha512-Kpij9riA+UNg7TnphqjH7/CzctQ/owJGNbFkfEeve4Z4uxT5+JapVLFXcsurIfN34gnTWZNJ/f7NMG0E8JDzTw==}
+
   statuses@2.0.1:
     resolution: {integrity: sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==}
     engines: {node: '>= 0.8'}
 
+  stoppable@1.1.0:
+    resolution: {integrity: sha512-KXDYZ9dszj6bzvnEMRYvxgeTHU74QBFL54XKtP3nyMuJ81CFYtABZ3bAzL2EdFUaEwJOBOgENyFj3R7oTzDyyw==}
+    engines: {node: '>=4', npm: '>=6'}
+
   string-width@4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -2915,6 +3230,9 @@ packages:
   ufo@1.5.4:
     resolution: {integrity: sha512-UsUk3byDzKd04EyoZ7U4DOlxQaD14JUKQl6/P7wiX4FNvUfm3XL246n9W5AmqwW5RSFJ27NAuM0iLscAOYUiGQ==}
 
+  ufo@1.6.1:
+    resolution: {integrity: sha512-9a4/uxlTWJ4+a5i0ooc1rU7C7YOw3wT+UGqdeNNHWnOF9qcMBgLRS+4IYUqbczewFx4mLEig6gawh7X6mFlEkA==}
+
   ultrahtml@1.6.0:
     resolution: {integrity: sha512-R9fBn90VTJrqqLDwyMph+HGne8eqY1iPfYhPzZrvKpIfwkWZbcYlfpsb8B9dTvBfpy1/hqAD7Wi8EKfP9e8zdw==}
 
@@ -2924,6 +3242,13 @@ packages:
   undici-types@6.21.0:
     resolution: {integrity: sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==}
 
+  undici@5.29.0:
+    resolution: {integrity: sha512-raqeBD6NQK4SkWhQzeYKd1KmIG6dllBOTt55Rmkt4HtI9mwdWtJljnrXjAFUBLTSN67HWrOIZ3EPF4kjUw80Bg==}
+    engines: {node: '>=14.0'}
+
+  unenv@2.0.0-rc.17:
+    resolution: {integrity: sha512-B06u0wXkEd+o5gOCMl/ZHl5cfpYbDZKAT+HWTL+Hws6jWu7dCiqBBXXXzMFcFVJb8D4ytAnYmxJA83uwOQRSsg==}
+
   unicode-properties@1.4.1:
     resolution: {integrity: sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==}
 
@@ -3083,6 +3408,46 @@ packages:
       yaml:
         optional: true
 
+  vite@6.3.5:
+    resolution: {integrity: sha512-cZn6NDFE7wdTpINgs++ZJ4N49W2vRp8LCKrn3Ob1kYNtOo21vfDoaV5GzBfLU4MovSAB8uNRm4jgzVQZ+mBzPQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      jiti: '>=1.21.0'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
   vitefu@1.0.6:
     resolution: {integrity: sha512-+Rex1GlappUyNN6UfwbVZne/9cYC4+R2XDk9xkNXBKMw6HQagdX9PgZ8V2v1WUSK1wfBLp7qbI1+XSNIlB1xmA==}
     peerDependencies:
@@ -3223,6 +3588,21 @@ packages:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
     engines: {node: '>=0.10.0'}
 
+  workerd@1.20250604.0:
+    resolution: {integrity: sha512-sHz9R1sxPpnyq3ptrI/5I96sYTMA2+Ljm75oJDbmEcZQwNyezpu9Emerzt3kzzjCJQqtdscGOidWv4RKGZXzAA==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  wrangler@4.20.0:
+    resolution: {integrity: sha512-gxMLaSnYp3VLdGPZu4fc/9UlB7PnSVwni25v32NM9szG2yTt+gx5RunWzmoLplplIfEMkBuV3wA47vccNu7zcA==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+    peerDependencies:
+      '@cloudflare/workers-types': ^4.20250604.0
+    peerDependenciesMeta:
+      '@cloudflare/workers-types':
+        optional: true
+
   wrap-ansi@7.0.0:
     resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
     engines: {node: '>=10'}
@@ -3231,6 +3611,18 @@ packages:
     resolution: {integrity: sha512-G8ura3S+3Z2G+mkgNRq8dqaFZAuxfsxpBB8OCTGRTCtp+l/v9nbFNmCUP1BZMts3G1142MsZfn6eeUKrr4PD1Q==}
     engines: {node: '>=18'}
 
+  ws@8.18.0:
+    resolution: {integrity: sha512-8VbfWfHLbbwu3+N6OKsOMpBdT4kXPDDB9cJk2bJ6mh9ucxdlnNvH1e+roYkKmN9Nxw2yjz7VzeO9oOz2zJ04Pw==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
   xxhash-wasm@1.1.0:
     resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
 
@@ -3279,6 +3671,9 @@ packages:
     resolution: {integrity: sha512-GQHQqAopRhwU8Kt1DDM8NjibDXHC8eoh1erhGAJPEyveY9qqVeXvVikNKrDz69sHowPMorbPUrH/mx8c50eiBQ==}
     engines: {node: '>=18'}
 
+  youch@3.3.4:
+    resolution: {integrity: sha512-UeVBXie8cA35DS6+nBkls68xaBBXCye0CNznrhszZjTbRVnJKQuNsyLKBTTL4ln1o1rh2PKtv35twV7irj5SEg==}
+
   zimmerframe@1.1.2:
     resolution: {integrity: sha512-rAbqEGa8ovJy4pyBxZM70hg4pE6gDgaQ0Sl9M3enG3I0d6H4XSAM3GeNGLKnsBpuijUow064sf7ww1nutC5/3w==}
 
@@ -3293,6 +3688,9 @@ packages:
       typescript: ^4.9.4 || ^5.0.2
       zod: ^3
 
+  zod@3.22.3:
+    resolution: {integrity: sha512-EjIevzuJRiRPbVH4mGc8nApb/lVLKVpmUhAaR5R5doKGfAnGJ6Gr3CViAVjP+4FWSxCsybeWQdcgCtbX+7oZug==}
+
   zod@3.24.2:
     resolution: {integrity: sha512-lY7CDW43ECgW9u1TcT3IoXHflywfVqDYze4waEz812jR/bZ8FHDsl7pFQoSZTz5N+2NqRXs8GBwnAwo3ZNxqhQ==}
 
@@ -3317,6 +3715,30 @@ snapshots:
       - prettier
       - prettier-plugin-astro
 
+  '@astrojs/cloudflare@12.5.4(@types/node@22.15.32)(astro@5.7.14(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(rollup@4.40.1)(typescript@5.8.3)(yaml@2.7.0))(jiti@2.4.2)(lightningcss@1.29.1)(yaml@2.7.0)':
+    dependencies:
+      '@astrojs/internal-helpers': 0.6.1
+      '@astrojs/underscore-redirects': 0.6.1
+      '@cloudflare/workers-types': 4.20250612.0
+      astro: 5.7.14(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(rollup@4.40.1)(typescript@5.8.3)(yaml@2.7.0)
+      tinyglobby: 0.2.13
+      vite: 6.3.5(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(yaml@2.7.0)
+      wrangler: 4.20.0(@cloudflare/workers-types@4.20250612.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - bufferutil
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - terser
+      - tsx
+      - utf-8-validate
+      - yaml
+
   '@astrojs/compiler@2.10.3': {}
 
   '@astrojs/compiler@2.11.0': {}
@@ -3432,6 +3854,8 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@astrojs/underscore-redirects@0.6.1': {}
+
   '@astrojs/yaml2ts@0.2.2':
     dependencies:
       yaml: 2.7.0
@@ -3457,6 +3881,37 @@ snapshots:
     transitivePeerDependencies:
       - encoding
 
+  '@cloudflare/kv-asset-handler@0.4.0':
+    dependencies:
+      mime: 3.0.0
+
+  '@cloudflare/unenv-preset@2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250604.0)':
+    dependencies:
+      unenv: 2.0.0-rc.17
+    optionalDependencies:
+      workerd: 1.20250604.0
+
+  '@cloudflare/workerd-darwin-64@1.20250604.0':
+    optional: true
+
+  '@cloudflare/workerd-darwin-arm64@1.20250604.0':
+    optional: true
+
+  '@cloudflare/workerd-linux-64@1.20250604.0':
+    optional: true
+
+  '@cloudflare/workerd-linux-arm64@1.20250604.0':
+    optional: true
+
+  '@cloudflare/workerd-windows-64@1.20250604.0':
+    optional: true
+
+  '@cloudflare/workers-types@4.20250612.0': {}
+
+  '@cspotcode/source-map-support@0.8.1':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.9
+
   '@emmetio/abbreviation@2.3.3':
     dependencies:
       '@emmetio/scanner': 1.0.4
@@ -3488,78 +3943,153 @@ snapshots:
   '@esbuild/aix-ppc64@0.25.0':
     optional: true
 
+  '@esbuild/aix-ppc64@0.25.4':
+    optional: true
+
   '@esbuild/android-arm64@0.25.0':
     optional: true
 
+  '@esbuild/android-arm64@0.25.4':
+    optional: true
+
   '@esbuild/android-arm@0.25.0':
     optional: true
 
+  '@esbuild/android-arm@0.25.4':
+    optional: true
+
   '@esbuild/android-x64@0.25.0':
     optional: true
 
+  '@esbuild/android-x64@0.25.4':
+    optional: true
+
   '@esbuild/darwin-arm64@0.25.0':
     optional: true
 
+  '@esbuild/darwin-arm64@0.25.4':
+    optional: true
+
   '@esbuild/darwin-x64@0.25.0':
     optional: true
 
+  '@esbuild/darwin-x64@0.25.4':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.25.0':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.25.4':
+    optional: true
+
   '@esbuild/freebsd-x64@0.25.0':
     optional: true
 
+  '@esbuild/freebsd-x64@0.25.4':
+    optional: true
+
   '@esbuild/linux-arm64@0.25.0':
     optional: true
 
+  '@esbuild/linux-arm64@0.25.4':
+    optional: true
+
   '@esbuild/linux-arm@0.25.0':
     optional: true
 
+  '@esbuild/linux-arm@0.25.4':
+    optional: true
+
   '@esbuild/linux-ia32@0.25.0':
     optional: true
 
+  '@esbuild/linux-ia32@0.25.4':
+    optional: true
+
   '@esbuild/linux-loong64@0.25.0':
     optional: true
 
+  '@esbuild/linux-loong64@0.25.4':
+    optional: true
+
   '@esbuild/linux-mips64el@0.25.0':
     optional: true
 
+  '@esbuild/linux-mips64el@0.25.4':
+    optional: true
+
   '@esbuild/linux-ppc64@0.25.0':
     optional: true
 
+  '@esbuild/linux-ppc64@0.25.4':
+    optional: true
+
   '@esbuild/linux-riscv64@0.25.0':
     optional: true
 
+  '@esbuild/linux-riscv64@0.25.4':
+    optional: true
+
   '@esbuild/linux-s390x@0.25.0':
     optional: true
 
+  '@esbuild/linux-s390x@0.25.4':
+    optional: true
+
   '@esbuild/linux-x64@0.25.0':
     optional: true
 
+  '@esbuild/linux-x64@0.25.4':
+    optional: true
+
   '@esbuild/netbsd-arm64@0.25.0':
     optional: true
 
+  '@esbuild/netbsd-arm64@0.25.4':
+    optional: true
+
   '@esbuild/netbsd-x64@0.25.0':
     optional: true
 
+  '@esbuild/netbsd-x64@0.25.4':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.25.0':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.25.4':
+    optional: true
+
   '@esbuild/openbsd-x64@0.25.0':
     optional: true
 
+  '@esbuild/openbsd-x64@0.25.4':
+    optional: true
+
   '@esbuild/sunos-x64@0.25.0':
     optional: true
 
+  '@esbuild/sunos-x64@0.25.4':
+    optional: true
+
   '@esbuild/win32-arm64@0.25.0':
     optional: true
 
+  '@esbuild/win32-arm64@0.25.4':
+    optional: true
+
   '@esbuild/win32-ia32@0.25.0':
     optional: true
 
+  '@esbuild/win32-ia32@0.25.4':
+    optional: true
+
   '@esbuild/win32-x64@0.25.0':
     optional: true
 
+  '@esbuild/win32-x64@0.25.4':
+    optional: true
+
   '@eslint-community/eslint-utils@4.4.1(eslint@9.29.0(jiti@2.4.2))':
     dependencies:
       eslint: 9.29.0(jiti@2.4.2)
@@ -3609,6 +4139,8 @@ snapshots:
       '@eslint/core': 0.14.0
       levn: 0.4.1
 
+  '@fastify/busboy@2.1.1': {}
+
   '@floating-ui/core@1.6.9':
     dependencies:
       '@floating-ui/utils': 0.2.9
@@ -3620,6 +4152,10 @@ snapshots:
 
   '@floating-ui/utils@0.2.9': {}
 
+  '@graphql-typed-document-node/core@3.2.0(graphql@16.11.0)':
+    dependencies:
+      graphql: 16.11.0
+
   '@humanfs/core@0.19.1': {}
 
   '@humanfs/node@0.16.6':
@@ -3810,6 +4346,11 @@ snapshots:
       '@jridgewell/resolve-uri': 3.1.2
       '@jridgewell/sourcemap-codec': 1.5.0
 
+  '@jridgewell/trace-mapping@0.3.9':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.0
+
   '@melt-ui/pp@0.3.2(@melt-ui/svelte@0.86.6(svelte@5.34.3))(svelte@5.34.3)':
     dependencies:
       '@melt-ui/svelte': 0.86.6(svelte@5.34.3)
@@ -4303,6 +4844,10 @@ snapshots:
     dependencies:
       acorn: 8.15.0
 
+  acorn-walk@8.3.2: {}
+
+  acorn@8.14.0: {}
+
   acorn@8.14.1: {}
 
   acorn@8.15.0: {}
@@ -4346,6 +4891,10 @@ snapshots:
 
   array-iterate@2.0.1: {}
 
+  as-table@1.0.55:
+    dependencies:
+      printable-characters: 1.0.42
+
   astro-eslint-parser@1.2.2:
     dependencies:
       '@astrojs/compiler': 2.11.0
@@ -4488,6 +5037,8 @@ snapshots:
 
   base64-js@1.5.1: {}
 
+  blake3-wasm@2.1.5: {}
+
   blob-to-buffer@1.2.9: {}
 
   boxen@8.0.1:
@@ -4606,6 +5157,8 @@ snapshots:
 
   cookie-es@1.2.2: {}
 
+  cookie@0.7.2: {}
+
   cookie@1.0.2: {}
 
   cross-fetch@3.2.0:
@@ -4636,6 +5189,8 @@ snapshots:
 
   cssesc@3.0.0: {}
 
+  data-uri-to-buffer@2.0.2: {}
+
   debug@4.4.0:
     dependencies:
       ms: 2.1.3
@@ -4762,6 +5317,34 @@ snapshots:
       '@esbuild/win32-ia32': 0.25.0
       '@esbuild/win32-x64': 0.25.0
 
+  esbuild@0.25.4:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.4
+      '@esbuild/android-arm': 0.25.4
+      '@esbuild/android-arm64': 0.25.4
+      '@esbuild/android-x64': 0.25.4
+      '@esbuild/darwin-arm64': 0.25.4
+      '@esbuild/darwin-x64': 0.25.4
+      '@esbuild/freebsd-arm64': 0.25.4
+      '@esbuild/freebsd-x64': 0.25.4
+      '@esbuild/linux-arm': 0.25.4
+      '@esbuild/linux-arm64': 0.25.4
+      '@esbuild/linux-ia32': 0.25.4
+      '@esbuild/linux-loong64': 0.25.4
+      '@esbuild/linux-mips64el': 0.25.4
+      '@esbuild/linux-ppc64': 0.25.4
+      '@esbuild/linux-riscv64': 0.25.4
+      '@esbuild/linux-s390x': 0.25.4
+      '@esbuild/linux-x64': 0.25.4
+      '@esbuild/netbsd-arm64': 0.25.4
+      '@esbuild/netbsd-x64': 0.25.4
+      '@esbuild/openbsd-arm64': 0.25.4
+      '@esbuild/openbsd-x64': 0.25.4
+      '@esbuild/sunos-x64': 0.25.4
+      '@esbuild/win32-arm64': 0.25.4
+      '@esbuild/win32-ia32': 0.25.4
+      '@esbuild/win32-x64': 0.25.4
+
   escalade@3.2.0: {}
 
   escape-html@1.0.3: {}
@@ -4919,6 +5502,10 @@ snapshots:
 
   eventemitter3@5.0.1: {}
 
+  exit-hook@2.2.1: {}
+
+  exsolve@1.0.5: {}
+
   extend@3.0.2: {}
 
   fast-deep-equal@3.1.3: {}
@@ -5022,6 +5609,11 @@ snapshots:
       dunder-proto: 1.0.1
       es-object-atoms: 1.1.1
 
+  get-source@2.0.12:
+    dependencies:
+      data-uri-to-buffer: 2.0.2
+      source-map: 0.6.1
+
   git-format-staged@3.1.1: {}
 
   github-slugger@2.0.0: {}
@@ -5034,6 +5626,8 @@ snapshots:
     dependencies:
       is-glob: 4.0.3
 
+  glob-to-regexp@0.4.1: {}
+
   globals@14.0.0: {}
 
   globals@15.15.0: {}
@@ -5046,6 +5640,13 @@ snapshots:
 
   graphemer@1.4.0: {}
 
+  graphql-request@7.2.0(graphql@16.11.0):
+    dependencies:
+      '@graphql-typed-document-node/core': 3.2.0(graphql@16.11.0)
+      graphql: 16.11.0
+
+  graphql@16.11.0: {}
+
   h3@1.15.1:
     dependencies:
       cookie-es: 1.2.2
@@ -5055,7 +5656,7 @@ snapshots:
       iron-webcrypto: 1.2.1
       node-mock-http: 1.0.0
       radix3: 1.1.2
-      ufo: 1.5.4
+      ufo: 1.6.1
       uncrypto: 0.1.3
 
   has-flag@4.0.0: {}
@@ -5664,6 +6265,26 @@ snapshots:
     dependencies:
       mime-db: 1.54.0
 
+  mime@3.0.0: {}
+
+  miniflare@4.20250604.1:
+    dependencies:
+      '@cspotcode/source-map-support': 0.8.1
+      acorn: 8.14.0
+      acorn-walk: 8.3.2
+      exit-hook: 2.2.1
+      glob-to-regexp: 0.4.1
+      sharp: 0.33.5
+      stoppable: 1.1.0
+      undici: 5.29.0
+      workerd: 1.20250604.0
+      ws: 8.18.0
+      youch: 3.3.4
+      zod: 3.22.3
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
   minimatch@3.1.2:
     dependencies:
       brace-expansion: 1.1.11
@@ -5680,6 +6301,8 @@ snapshots:
 
   muggle-string@0.4.1: {}
 
+  mustache@4.2.0: {}
+
   nanoid@3.3.8: {}
 
   nanoid@5.0.9: {}
@@ -5719,7 +6342,7 @@ snapshots:
     dependencies:
       destr: 2.0.3
       node-fetch-native: 1.6.6
-      ufo: 1.5.4
+      ufo: 1.6.1
 
   ohash@2.0.11: {}
 
@@ -5796,6 +6419,10 @@ snapshots:
 
   path-key@3.1.1: {}
 
+  path-to-regexp@6.3.0: {}
+
+  pathe@2.0.3: {}
+
   periscopic@3.1.0:
     dependencies:
       '@types/estree': 1.0.7
@@ -5894,6 +6521,8 @@ snapshots:
 
   prettier@3.5.3: {}
 
+  printable-characters@1.0.42: {}
+
   prismjs@1.29.0: {}
 
   prompts@2.4.2:
@@ -6123,7 +6752,6 @@ snapshots:
       '@img/sharp-wasm32': 0.33.5
       '@img/sharp-win32-ia32': 0.33.5
       '@img/sharp-win32-x64': 0.33.5
-    optional: true
 
   sharp@0.34.2:
     dependencies:
@@ -6208,10 +6836,19 @@ snapshots:
 
   source-map-js@1.2.1: {}
 
+  source-map@0.6.1: {}
+
   space-separated-tokens@2.0.2: {}
 
+  stacktracey@2.1.8:
+    dependencies:
+      as-table: 1.0.55
+      get-source: 2.0.12
+
   statuses@2.0.1: {}
 
+  stoppable@1.1.0: {}
+
   string-width@4.2.3:
     dependencies:
       emoji-regex: 8.0.0
@@ -6392,12 +7029,26 @@ snapshots:
 
   ufo@1.5.4: {}
 
+  ufo@1.6.1: {}
+
   ultrahtml@1.6.0: {}
 
   uncrypto@0.1.3: {}
 
   undici-types@6.21.0: {}
 
+  undici@5.29.0:
+    dependencies:
+      '@fastify/busboy': 2.1.1
+
+  unenv@2.0.0-rc.17:
+    dependencies:
+      defu: 6.1.4
+      exsolve: 1.0.5
+      ohash: 2.0.11
+      pathe: 2.0.3
+      ufo: 1.6.1
+
   unicode-properties@1.4.1:
     dependencies:
       base64-js: 1.5.1
@@ -6505,7 +7156,22 @@ snapshots:
 
   vite@6.3.4(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(yaml@2.7.0):
     dependencies:
-      esbuild: 0.25.0
+      esbuild: 0.25.4
+      fdir: 6.4.4(picomatch@4.0.2)
+      picomatch: 4.0.2
+      postcss: 8.5.3
+      rollup: 4.40.1
+      tinyglobby: 0.2.13
+    optionalDependencies:
+      '@types/node': 22.15.32
+      fsevents: 2.3.3
+      jiti: 2.4.2
+      lightningcss: 1.29.1
+      yaml: 2.7.0
+
+  vite@6.3.5(@types/node@22.15.32)(jiti@2.4.2)(lightningcss@1.29.1)(yaml@2.7.0):
+    dependencies:
+      esbuild: 0.25.4
       fdir: 6.4.4(picomatch@4.0.2)
       picomatch: 4.0.2
       postcss: 8.5.3
@@ -6653,6 +7319,31 @@ snapshots:
 
   word-wrap@1.2.5: {}
 
+  workerd@1.20250604.0:
+    optionalDependencies:
+      '@cloudflare/workerd-darwin-64': 1.20250604.0
+      '@cloudflare/workerd-darwin-arm64': 1.20250604.0
+      '@cloudflare/workerd-linux-64': 1.20250604.0
+      '@cloudflare/workerd-linux-arm64': 1.20250604.0
+      '@cloudflare/workerd-windows-64': 1.20250604.0
+
+  wrangler@4.20.0(@cloudflare/workers-types@4.20250612.0):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.4.0
+      '@cloudflare/unenv-preset': 2.3.2(unenv@2.0.0-rc.17)(workerd@1.20250604.0)
+      blake3-wasm: 2.1.5
+      esbuild: 0.25.4
+      miniflare: 4.20250604.1
+      path-to-regexp: 6.3.0
+      unenv: 2.0.0-rc.17
+      workerd: 1.20250604.0
+    optionalDependencies:
+      '@cloudflare/workers-types': 4.20250612.0
+      fsevents: 2.3.3
+    transitivePeerDependencies:
+      - bufferutil
+      - utf-8-validate
+
   wrap-ansi@7.0.0:
     dependencies:
       ansi-styles: 4.3.0
@@ -6665,6 +7356,8 @@ snapshots:
       string-width: 7.2.0
       strip-ansi: 7.1.0
 
+  ws@8.18.0: {}
+
   xxhash-wasm@1.1.0: {}
 
   y18n@5.0.8: {}
@@ -6712,6 +7405,12 @@ snapshots:
 
   yoctocolors@2.1.1: {}
 
+  youch@3.3.4:
+    dependencies:
+      cookie: 0.7.2
+      mustache: 4.2.0
+      stacktracey: 2.1.8
+
   zimmerframe@1.1.2: {}
 
   zod-to-json-schema@3.24.5(zod@3.24.2):
@@ -6723,6 +7422,8 @@ snapshots:
       typescript: 5.8.3
       zod: 3.24.2
 
+  zod@3.22.3: {}
+
   zod@3.24.2: {}
 
   zwitch@2.0.4: {}
diff --git a/src/assets/support-us/Jonas.png b/src/assets/support-us/Jonas.png
new file mode 100644
index 00000000..4f393c5d
Binary files /dev/null and b/src/assets/support-us/Jonas.png differ
diff --git a/src/components/Calendar.svelte b/src/components/Calendar.svelte
index e103f32a..56c7f7e3 100644
--- a/src/components/Calendar.svelte
+++ b/src/components/Calendar.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
   import type { EventCalendarEntry } from '@data';
 
+  import MockTween from '@components/mockTween';
   import clsx from 'clsx';
   import { cubicOut } from 'svelte/easing';
-  import { tweened } from 'svelte/motion';
+  import { Tween } from 'svelte/motion';
   import { blur, fade } from 'svelte/transition';
 
   export let events: [EventCalendarEntry, EventCalendarEntry, EventCalendarEntry];
@@ -24,7 +25,12 @@
 
   const ANIMATION_DURATION = 300;
 
-  const location = tweened(selectedEvent, { duration: ANIMATION_DURATION, easing: cubicOut });
+  let location;
+  if (typeof requestAnimationFrame === 'undefined') {
+    location = new MockTween(selectedEvent);
+  } else {
+    location = new Tween<number>(selectedEvent, { duration: ANIMATION_DURATION, easing: cubicOut });
+  }
   $: location.set(selectedEvent);
   $: currentEvent = events[selectedEvent];
 </script>
@@ -59,7 +65,8 @@
 				-->
         <svg
           class="absolute h-5 w-5 text-white"
-          style="top: 0%; transform: translateY(calc({$location * 100}% + {$location * 0.25}rem))"
+          style="top: 0%; transform: translateY(calc({location.current * 100}% + {location.current *
+            0.25}rem))"
           fill="currentColor"
           viewBox="0 0 100 100"
           xmlns="http://www.w3.org/2000/svg"
@@ -94,7 +101,7 @@
         'bg-background absolute z-20 h-1/3 w-full lg:-ml-8 lg:w-[calc(100%+2rem)] lg:rounded-l-2xl',
         selectedEvent === 0 ? 'rounded-t-2xl' : '',
       )}
-      style="top: 0%; transform: translateY({$location * 100}%)"
+      style="top: 0%; transform: translateY({location.current * 100}%)"
     ></div>
     {#each events as event, index (event.title)}
       <li
diff --git a/src/components/events/NextEvents.astro b/src/components/events/NextEvents.astro
index ddbc2b6c..5a8a259b 100644
--- a/src/components/events/NextEvents.astro
+++ b/src/components/events/NextEvents.astro
@@ -26,4 +26,4 @@ const events = await eventData.get3CalendarEntries();
   <Image alt="" src={ProjectBackground2} />
 </div>
 
-<Calendar client:visible events={events} />
+<Calendar client:load events={events} />
diff --git a/src/components/mockTween.ts b/src/components/mockTween.ts
new file mode 100644
index 00000000..3d0b7d7d
--- /dev/null
+++ b/src/components/mockTween.ts
@@ -0,0 +1,19 @@
+export default class Tween<T> {
+  current: T;
+  target: T;
+
+  constructor(initial: T) {
+    this.current = initial;
+    this.target = initial;
+  }
+
+  set(target: T) {
+    this.current = target;
+    this.target = target;
+  }
+
+  subscribe(callback: (value: T) => void) {
+    callback(this.current);
+    callback(this.target);
+  }
+}
diff --git a/src/components/support-us/BecomeSupportingMember.astro b/src/components/support-us/BecomeSupportingMember.astro
index 55073ec2..c362a0ab 100644
--- a/src/components/support-us/BecomeSupportingMember.astro
+++ b/src/components/support-us/BecomeSupportingMember.astro
@@ -1,44 +1,33 @@
 ---
-import Background from '@assets/support-us/background-supporting-member.png';
-import Button from '@components/Button.astro';
-import { getImage } from 'astro:assets';
+import { getFoundraisingProgress } from '@data/real/fundraising';
 
-import Disclosure from './Disclosure.svelte';
+import FundraisingInfo from './FundraisingInfo.svelte';
+import FundraisingProgress from './FundraisingProgress.svelte';
+import SupportForm from './SupportForm.svelte';
 
-const backgroundImage = await getImage({ height: 1080, src: Background, width: 1920 });
+const foundraisingProgress = await getFoundraisingProgress();
 ---
 
-<section class="bg-light-green py-8 lg:py-12" data-testid="supporting-members">
+<section class="py-8 lg:py-12" data-testid="supporting-members">
   <div class="mx-auto max-w-[80rem] px-4 lg:px-20">
     <h2 class="font-serif text-2xl font-bold lg:text-4xl">Werde Fördermitglied</h2>
     <p class="mt-3 font-serif text-xl font-bold lg:mt-2 lg:text-2xl">
-      Deine Chance uns zu unterstützen und mehr über uns zu erfahren!
+      Deine Chance, junge Menschen zu unterstützen!
     </p>
-    <p class="mt-8 max-w-prose lg:mt-10 lg:text-xl">
-      Du willst junge Menschen auf ihrer Reise zur persönlichen Entwicklung und zur aktiven
-      Gestaltung unserer Gesellschaft begleiten? Erfahre hier, wie du uns unterstützen kannst!
-    </p>
-    <Button
-      class="mt-8 lg:mt-6"
-      color="dark"
-      href="https://easyverein.com/public/yv/applicationform/7237"
-      text="Werde Fördermitglied"
-    />
-    <Disclosure client:load />
-
-    <div class="mx-2 mt-2 w-full border-t border-gray-300"></div>
+    <div class="py-8">
+      <FundraisingProgress
+        client:load
+        middleProgress={965}
+        peopleCount={foundraisingProgress.count}
+        progress={foundraisingProgress.amount}
+        targetProgress={1325}
+      />
+    </div>
+    <div class="mt-10 flex items-center justify-center lg:mt-14 lg:block lg:px-16">
+      <SupportForm client:load />
+    </div>
+    <div class="mt-6 flex items-center justify-center lg:mt-8 lg:px-16 lg:text-xl">
+      <FundraisingInfo client:load />
+    </div>
   </div>
 </section>
-
-<style define:vars={{ backgroundImage: `url(${backgroundImage.src})` }}>
-  section {
-    background-image: var(--backgroundImage);
-    background-position: top center;
-  }
-
-  @media (min-width: 1024px) {
-    section {
-      background-size: cover;
-    }
-  }
-</style>
diff --git a/src/components/support-us/DonationMethods.astro b/src/components/support-us/DonationMethods.astro
index a49f69a4..c4d0d0fa 100644
--- a/src/components/support-us/DonationMethods.astro
+++ b/src/components/support-us/DonationMethods.astro
@@ -1,49 +1,31 @@
 ---
-import JakobPortrait from '@assets/team-members/jakob-portait.jpeg';
+import JonasPortrait from '@assets/support-us/Jonas.png';
 import Button from '@components/Button.astro';
-import { getDonationMethods } from '@data/real/donations';
 import { Image } from 'astro:assets';
-
-import DonationMethodList from './DonationMethodList.svelte';
-import DonationMethodTabs from './DonationMethodTabs.svelte';
-
-const possibilities = await getDonationMethods();
 ---
 
-<section class="mx-auto max-w-[80rem] py-16 lg:py-24">
-  <div class="mt-4 lg:px-20">
-    <h2 class="font-serif text-2xl font-bold">Weitere Möglichkeiten, uns zu unterstützen</h2>
-    <p class="mt-3 text-xl lg:mt-4">
-      Deine Unterstützung ist der Schlüssel, um unsere Mission voranzutreiben und jungen Menschen
-      transformative Erfahrungen zu ermöglichen. Neben finanziellen Spenden gibt es auch andere
-      wertvolle Wege, wie du uns unterstützen kannst:
-    </p>
-
-    <DonationMethodTabs client:idle possibilities={possibilities} />
-    <DonationMethodList client:idle possibilities={possibilities} />
-  </div>
-
+<section class="mx-auto max-w-[80rem] pb-16 lg:pb-24">
   <div
-    class="mt-24 gap-x-28 border-y-2 border-yellow-500 bg-yellow-900 px-4 py-10 lg:mx-20 lg:mt-36 lg:flex lg:flex-row lg:rounded-2xl lg:border-2 lg:px-24"
+    class="mt-12 gap-x-28 border-y-2 border-yellow-500 bg-yellow-900 px-4 py-10 lg:mx-20 lg:mt-16 lg:flex lg:flex-row lg:rounded-2xl lg:border-2 lg:px-24"
   >
-    <h3 class="font-serif text-2xl font-bold lg:hidden">Falls sie Fragen haben!</h3>
+    <h3 class="font-serif text-2xl font-bold lg:hidden">Falls du Fragen hast!</h3>
     <Image
-      alt="Jakob"
+      alt="Jonas"
       class="mx-auto mt-5 h-56 w-56 rounded-2xl bg-gray-300 object-cover object-center lg:mx-0 lg:mt-0"
-      src={JakobPortrait}
+      src={JonasPortrait}
     />
     <div>
       <h3 class="hidden text-center font-serif text-4xl font-bold lg:block">
-        Falls sie Fragen haben!
+        Falls du Fragen hast!
       </h3>
       <dl class="mt-8 grid grid-cols-1 lg:grid-cols-2">
         <dt class="font-bold">Ansprechpartner</dt>
-        <dd>Jakob Voigt</dd>
+        <dd>Jonas Bulik</dd>
 
         <dt class="mt-5 font-bold lg:mt-0">Email</dt>
         <dd>
-          <a class="text-gray-800 underline" href="mailto:jakob.voigt@youngvision.org"
-            >jakob.voigt@youngvision.org</a
+          <a class="text-gray-800 underline" href="mailto:jonas@youngvision.org"
+            >jonas@youngvision.org</a
           >
         </dd>
       </dl>
diff --git a/src/components/support-us/FundraisingInfo.svelte b/src/components/support-us/FundraisingInfo.svelte
new file mode 100644
index 00000000..3423d9d8
--- /dev/null
+++ b/src/components/support-us/FundraisingInfo.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  import { createCollapsible, melt } from '@melt-ui/svelte';
+  import { fade, slide } from 'svelte/transition';
+
+  const {
+    elements: { content, root, trigger },
+    states: { open },
+  } = createCollapsible();
+</script>
+
+<div use:melt={$root} data-testid="fundraising-info" class="mx-auto max-w-prose text-lg">
+  <p>
+    Du willst junge Menschen auf ihrer Reise zur persönlichen Entwicklung und zur aktiven Gestaltung
+    unserer Gesellschaft unterstützen?
+  </p>
+  {#if $open}
+    <div class="mt-2 flex flex-col gap-y-4" transition:slide use:melt={$content}>
+      <p>
+        Uns gibt es für alle jungen Menschen aus eurem Leben. Eure Kinder, Enkel und Freund:innen.
+        Viele von uns fühlen sich orientierungslos, überfordert, einsam und verlieren die Hoffnung
+        in eine lebenswerte Zukunft.
+      </p>
+      <p>
+        Mit deiner Hilfe werden wir eine halbe Stelle einrichten. Diese wird unsere Struktur
+        professionalisieren und uns ermöglichen mehr Menschen mit unserer Arbeit zu erreichen. Wir
+        werden noch diesen Herbst einen Workshop zum Thema "Purpose" organisieren, um zu
+        Orientierung in unserem Leben und in Gemeinschaft zu forschen.
+      </p>
+    </div>
+  {/if}
+
+  <button use:melt={$trigger} class="mt-8 flex w-full flex-col items-center justify-center lg:mt-6">
+    <span class="text-sm">{$open ? 'Weniger' : 'Mehr'}</span>
+    <div>
+      <svg
+        class="mt-2"
+        xmlns="http://www.w3.org/2000/svg"
+        width="13"
+        height="9"
+        viewBox="0 0 13 9"
+        fill="none"
+      >
+        {#if $open}
+          <path
+            transition:fade
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M0 6.58449L1.51667 8.12085L6.5 3.0728L11.4833 8.12085L13 6.58449L6.5 7.05719e-05L0 6.58449Z"
+            fill="#686B6F"
+          />
+        {:else}
+          <path
+            transition:fade
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M13 1.53636L11.4833 0L6.5 5.04805L1.51667 0L0 1.53636L6.5 8.12078L13 1.53636Z"
+            fill="#686B6F"
+          />
+        {/if}
+      </svg>
+    </div>
+  </button>
+</div>
diff --git a/src/components/support-us/FundraisingProgress.svelte b/src/components/support-us/FundraisingProgress.svelte
new file mode 100644
index 00000000..087e88f5
--- /dev/null
+++ b/src/components/support-us/FundraisingProgress.svelte
@@ -0,0 +1,255 @@
+<script lang="ts">
+  import MockTween from '@components/mockTween';
+  import { onMount } from 'svelte';
+  import { Tween } from 'svelte/motion';
+
+  import progressStore from './progress.store';
+
+  const { middleProgress, peopleCount: currentPeopleCount, progress, targetProgress } = $props();
+  let currentProgressTween;
+  if (typeof requestAnimationFrame === 'undefined') {
+    currentProgressTween = new MockTween(progress);
+  } else {
+    currentProgressTween = new Tween<number>(progress, { duration: 700 });
+  }
+  let peopleCount = $state(currentPeopleCount);
+  let currentProgress = $derived(Math.round(currentProgressTween.current));
+  let waveOffset = $state(0);
+
+  let finished = $derived(currentProgress >= targetProgress);
+
+  const relativeProgress = $derived.by(() => {
+    if (currentProgress <= middleProgress) {
+      // the yellow triangle ends at around a height of 72
+      return (currentProgress / middleProgress) * 72;
+    }
+
+    return 72 + ((currentProgress - middleProgress) / (targetProgress - middleProgress)) * 28;
+  });
+
+  onMount(() => {
+    if (finished) {
+      return;
+    }
+    // No animation during server rendering
+    if (typeof requestAnimationFrame === 'undefined') {
+      return;
+    }
+
+    currentProgressTween.set(progress, { duration: 0 });
+    progressStore.update((v) => ({ ...v, amount: progress, people: peopleCount }));
+    progressStore.subscribe((v) => {
+      currentProgressTween.target = v.amount;
+      peopleCount = v.people;
+    });
+
+    let animationFrame: number;
+
+    const animateWave = (timestamp: number) => {
+      // Move the wave to the right, but ensure it's always covering the full width
+      waveOffset = ((timestamp / 1000) * 10) % 39;
+      animationFrame = requestAnimationFrame(animateWave);
+    };
+
+    animationFrame = requestAnimationFrame(animateWave);
+    return () => cancelAnimationFrame(animationFrame);
+  });
+
+  const textY = $derived.by(() => {
+    const value = 100 - relativeProgress + 15;
+    return Math.min(Math.max(65, value), 93);
+  });
+</script>
+
+<div class="lg:relative lg:mx-auto lg:h-64 lg:w-3xl">
+  <div class="flex flex-col items-center justify-center lg:block">
+    <svg
+      class="size-64 drop-shadow-xl"
+      xmlns="http://www.w3.org/2000/svg"
+      version="1.1"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+      viewBox="0 0 117 100"
+    >
+      {#if !finished}
+        <defs>
+          <clipPath id="clip-top">
+            <path
+              d={`M-39,100 
+          v-${finished ? 105 : relativeProgress * 0.95 + 5} 
+          q9.75,-7 19.5,0 
+          q9.75,7 19.5,0 
+          q9.75,-7 19.5,0 
+          q9.75,7 19.5,0 
+          q9.75,-7 19.5,0 
+          q9.75,7 19.5,0 
+          q9.75,-7 19.5,0 
+          q9.75,7 19.5,0 
+          q9.75,-7 19.5,0 
+          v${relativeProgress + 5} 
+          z`}
+              transform={`translate(${waveOffset}, 0)`}
+            />
+          </clipPath>
+        </defs>
+
+        <g id="logo-greyscale">
+          <path
+            id="right"
+            style="fill:#969696;fill-opacity:1;fill-rule:nonzero;stroke:none"
+            d="M875.453 692.344s-.637-2.719-1.988-2.891c3.449 13.848-1.379 29.043-11.594 38.465 3.609-4.637 5.078-8.922.629-4.07.688-2.028-1.484-.86-4.312.656-2.922 1.48-6.75 2.957-9.04 3.082 2.227-1.223 3.957-2.602 5.411-3.934a27.283 27.283 0 0 1-6.379 2.383c-.121.055-.207.125-.328.18-3.957 1.926-8.848 3.066-13.379 3.113 2.55-.328 5-.797 3.73-.98 0 0 2.512-.481 3.52-1.496H678.648c-14.113 5.074-41.585 4.511-68.593 2.793-13.117-.973-26.332-1.95-37.66-2.793h-4.258c-12.176 0-23.617-4.082-32.977-11.032-3.074-1.687-4.281-2.519-4.492-1.922-.246.762 2.895 4.7 7.687 8.168 9.411 7.395 25.208 10.43 12.805 7.512 6.86 2.461 11.633 3.301 14.258 3.887 2.641.605 3.195 1.117 2.031 1.57-2.25.906-11.773 1.903-23.699-1.738-11.895-3.434-25.281-12.492-33.734-24.211-4.348-5.715-7.434-12.441-9.395-16.086-2.195-4.199-4.117-7.719-5.598-10.148-9.628-17.539-21.074-42.497-33.199-70.848a280175.86 280175.86 0 0 0-18.562-44.566l-21.973-54.61c.024-.055.051-.109.074-.168l13.078 32.86 151.567-358.864-294.328.235-.528-1.508c-2.429-6.969-4.89-14.016-7.339-21.035-4.903-14.035-9.821-27.977-14.719-41.032-4.899-13.058-9.774-25.238-14.598-35.757-2.41-5.258-4.808-10.106-7.187-14.438l-3.645-6.406a59.385 59.385 0 0 1-3.848-9.55c-2.718-16.138 3.957-33.044 16.493-43.317 6.234-5.203 13.992-8.786 22.046-10.133 4-.703 8.559-.738 10.254-.766l7.172-.125 57.367-.984-2.445-1.79c55.824-.284 114.539.645 172.328 1.813l21.617.446 10.762.226 5.828.168c2.43.094 4.852.274 7.254.637 19.324 2.508 36.957 12.91 48.633 27.61 2.848 3.73 5.512 7.597 7.609 11.753 1.129 2.035 2.039 4.172 2.946 6.297.949 2.215 1.328 3.394 2.019 5.137 2.473 6.433 4.93 12.82 7.36 19.148 4.914 12.653 9.734 25.074 14.449 37.211 16.765 42.324 17.676 56.824 30.094 74.098 37.078 82.539 70.957 183.863 103.605 265.824-1.602.297 1.465 12.309-5.473-2.477-15.164-42.609-38.433-89.293-43.046-89.128l6.75 15.5-7.942-14.465-3.34-4.024 87.703 215.883s1.395-.93-1.769-10.605c-.5-.914-.848-1.418-.77-.801l-2.39-7.867c-7.219-18.075-1.485-11.981 3.906.644 12.211 28.91 25.215 57.473 37.676 86.281l.234.774.57 1.101 1.704 3.985c.578 5.133 4.73 14.347 10.089 26.48-.39.16-1.218-.754.34 3.656 4.16 8.586 5.985 14.454 6.004 16.989"
+            transform="matrix(.13333 0 0 -.13333 0 99.04)"
+          ></path>
+          <path
+            id="left"
+            style="fill:#c4c4c4;fill-opacity:1;fill-rule:nonzero;stroke:none"
+            d="M415.859 586.523c-4.246 7.844-8.968 17.34-13.39 25.872l-33.473 80.339c-8.617 20.661-28.805 34.114-51.187 34.114h-.207c-1.094 1.222 8.832-.129 10.503.445-2.707 1.465-9.097 1.949-13.921 1.562l.988-.234c-4.344-.234-13.031-.605-17.731.344 1.11.629-.941 1.098 2.25 1.25l-5.98.117c-.762-.195-1.539-.398.184-.543-2.821-.484-5.641-.211-7.809.156-.148.149-1.895.082-4.426-.093l-.117.066c.09.012.074.016-.031.016v.004l-.02-.004c-.09 0-.105.007-.312-.004-3.68.726-48.809-3.309-51.489-2.051-3.191-.051-7.043-.191-6.293-.863-5.394.328 1.614 1.281-2.226 1.91-.086-.106.316-.336-.91-.313l-3.692.848c-8.375-1.039-20.656.316-29.422-1.063 2.54.727 5.438 2.004 11.079 2.661l.988-.352c.801.207 5.445.438 5.312 1.109-5.355.446-9.945.325-15.586-.336l-3.074.547c.024-.089.113-.164.09-.261-1.844.414-1.648.484-.977.746.086.047.196.101.387.152-3.359 1.961-21.043-1.246-30.832-.23-2.883-.274-.269-.332-3.859-.707-10.004.777-16.903 1.378-27.363 1.832-3.34-.844-3.602-1.184.433-2.067l-7.898.278c7.183 2.253-14.754 2.148-6.836 4.398-2.309.516-7.039.621-11.465.258-.445-.567-1.14-1.481-6.707-1.477-7.742.758-5.762.563-12.313 1.203-.695.336-.547.578-.242.801.086.067.23.16.332.238.117.071.215.145.305.219 1.113.809 2.746 1.832 4.031 1.77 3.652-.075 7.3-.153 10.945-.227-11.668 1.098-23.867 2.168-36.168 3.004l-9.234.582c-1.64.074-2.852.199-4.844.223-2.398-.071-4.804-.02-7.215-.496-9.695-1.352-18.843-6.403-25.285-13.547C4.688 721.594.742 712.371.098 703.016c-.301-4.668.09-9.348 1.3-13.688.465-2.219 1.407-4.215 2.184-6.254.785-1.836 1.293-2.652 1.957-4.008C10.574 669.277 15.9 660.43 21.527 653c-3.086-5.531 12.204-48.238 13.688-48.621A869.542 869.542 0 0 0 48.3 578.887c26.98-54.731 50.863-116.438 75.41-180.352l65.637-165.547 4.043-8.277c1.687-3.402 3.609-6.637 5.765-9.637a71.94 71.94 0 0 1 14.953-15.5c11.172-8.558 27.317-18.121 37.301-14.48-4.398 1.422-5.297 1.808-15.019 6.054 3.972-1.644 8.121-2.886 12.359-3.757 2.98.015 6.945.027 11.191.277 3.618.297 7.641.508 11.692.68 8.101.343 14.805-1.895 20.047-1.457L434.441 545.52c-9.304 19.839-9.222 16.07-18.582 41.003"
+            transform="matrix(.13333 0 0 -.13333 0 99.04)"
+          ></path>
+          <path
+            id="triangle"
+            style="fill:#dcdcdc;fill-opacity:1;fill-rule:nonzero;stroke:none"
+            d="M434.441 545.516 291.68 186.891l294.328-.235Z"
+            transform="matrix(.13333 0 0 -.13333 0 99.04)"
+          ></path>
+        </g>
+      {/if}
+      <g id="logo" clip-path="url(#clip-top)">
+        <path
+          id="pink-right"
+          style="fill:#eb4b92;fill-opacity:1;fill-rule:nonzero;stroke:none"
+          d="M875.453 692.344s-.637-2.719-1.988-2.891c3.449 13.848-1.379 29.043-11.594 38.465 3.609-4.637 5.078-8.922.629-4.07.688-2.028-1.484-.86-4.312.656-2.922 1.48-6.75 2.957-9.04 3.082 2.227-1.223 3.957-2.602 5.411-3.934a27.283 27.283 0 0 1-6.379 2.383c-.121.055-.207.125-.328.18-3.957 1.926-8.848 3.066-13.379 3.113 2.55-.328 5-.797 3.73-.98 0 0 2.512-.481 3.52-1.496H678.648c-14.113 5.074-41.585 4.511-68.593 2.793-13.117-.973-26.332-1.95-37.66-2.793h-4.258c-12.176 0-23.617-4.082-32.977-11.032-3.074-1.687-4.281-2.519-4.492-1.922-.246.762 2.895 4.7 7.687 8.168 9.411 7.395 25.208 10.43 12.805 7.512 6.86 2.461 11.633 3.301 14.258 3.887 2.641.605 3.195 1.117 2.031 1.57-2.25.906-11.773 1.903-23.699-1.738-11.895-3.434-25.281-12.492-33.734-24.211-4.348-5.715-7.434-12.441-9.395-16.086-2.195-4.199-4.117-7.719-5.598-10.148-9.628-17.539-21.074-42.497-33.199-70.848a280175.86 280175.86 0 0 0-18.562-44.566l-21.973-54.61c.024-.055.051-.109.074-.168l13.078 32.86 151.567-358.864-294.328.235-.528-1.508c-2.429-6.969-4.89-14.016-7.339-21.035-4.903-14.035-9.821-27.977-14.719-41.032-4.899-13.058-9.774-25.238-14.598-35.757-2.41-5.258-4.808-10.106-7.187-14.438l-3.645-6.406a59.385 59.385 0 0 1-3.848-9.55c-2.718-16.138 3.957-33.044 16.493-43.317 6.234-5.203 13.992-8.786 22.046-10.133 4-.703 8.559-.738 10.254-.766l7.172-.125 57.367-.984-2.445-1.79c55.824-.284 114.539.645 172.328 1.813l21.617.446 10.762.226 5.828.168c2.43.094 4.852.274 7.254.637 19.324 2.508 36.957 12.91 48.633 27.61 2.848 3.73 5.512 7.597 7.609 11.753 1.129 2.035 2.039 4.172 2.946 6.297.949 2.215 1.328 3.394 2.019 5.137 2.473 6.433 4.93 12.82 7.36 19.148 4.914 12.653 9.734 25.074 14.449 37.211 16.765 42.324 17.676 56.824 30.094 74.098 37.078 82.539 70.957 183.863 103.605 265.824-1.602.297 1.465 12.309-5.473-2.477-15.164-42.609-38.433-89.293-43.046-89.128l6.75 15.5-7.942-14.465-3.34-4.024 87.703 215.883s1.395-.93-1.769-10.605c-.5-.914-.848-1.418-.77-.801l-2.39-7.867c-7.219-18.075-1.485-11.981 3.906.644 12.211 28.91 25.215 57.473 37.676 86.281l.234.774.57 1.101 1.704 3.985c.578 5.133 4.73 14.347 10.089 26.48-.39.16-1.218-.754.34 3.656 4.16 8.586 5.985 14.454 6.004 16.989"
+          transform="matrix(.13333 0 0 -.13333 0 99.04)"
+        ></path>
+        <path
+          id="green-left"
+          style="fill:#b7d29b;fill-opacity:1;fill-rule:nonzero;stroke:none"
+          d="M415.859 586.523c-4.246 7.844-8.968 17.34-13.39 25.872l-33.473 80.339c-8.617 20.661-28.805 34.114-51.187 34.114h-.207c-1.094 1.222 8.832-.129 10.503.445-2.707 1.465-9.097 1.949-13.921 1.562l.988-.234c-4.344-.234-13.031-.605-17.731.344 1.11.629-.941 1.098 2.25 1.25l-5.98.117c-.762-.195-1.539-.398.184-.543-2.821-.484-5.641-.211-7.809.156-.148.149-1.895.082-4.426-.093l-.117.066c.09.012.074.016-.031.016v.004l-.02-.004c-.09 0-.105.007-.312-.004-3.68.726-48.809-3.309-51.489-2.051-3.191-.051-7.043-.191-6.293-.863-5.394.328 1.614 1.281-2.226 1.91-.086-.106.316-.336-.91-.313l-3.692.848c-8.375-1.039-20.656.316-29.422-1.063 2.54.727 5.438 2.004 11.079 2.661l.988-.352c.801.207 5.445.438 5.312 1.109-5.355.446-9.945.325-15.586-.336l-3.074.547c.024-.089.113-.164.09-.261-1.844.414-1.648.484-.977.746.086.047.196.101.387.152-3.359 1.961-21.043-1.246-30.832-.23-2.883-.274-.269-.332-3.859-.707-10.004.777-16.903 1.378-27.363 1.832-3.34-.844-3.602-1.184.433-2.067l-7.898.278c7.183 2.253-14.754 2.148-6.836 4.398-2.309.516-7.039.621-11.465.258-.445-.567-1.14-1.481-6.707-1.477-7.742.758-5.762.563-12.313 1.203-.695.336-.547.578-.242.801.086.067.23.16.332.238.117.071.215.145.305.219 1.113.809 2.746 1.832 4.031 1.77 3.652-.075 7.3-.153 10.945-.227-11.668 1.098-23.867 2.168-36.168 3.004l-9.234.582c-1.64.074-2.852.199-4.844.223-2.398-.071-4.804-.02-7.215-.496-9.695-1.352-18.843-6.403-25.285-13.547C4.688 721.594.742 712.371.098 703.016c-.301-4.668.09-9.348 1.3-13.688.465-2.219 1.407-4.215 2.184-6.254.785-1.836 1.293-2.652 1.957-4.008C10.574 669.277 15.9 660.43 21.527 653c-3.086-5.531 12.204-48.238 13.688-48.621A869.542 869.542 0 0 0 48.3 578.887c26.98-54.731 50.863-116.438 75.41-180.352l65.637-165.547 4.043-8.277c1.687-3.402 3.609-6.637 5.765-9.637a71.94 71.94 0 0 1 14.953-15.5c11.172-8.558 27.317-18.121 37.301-14.48-4.398 1.422-5.297 1.808-15.019 6.054 3.972-1.644 8.121-2.886 12.359-3.757 2.98.015 6.945.027 11.191.277 3.618.297 7.641.508 11.692.68 8.101.343 14.805-1.895 20.047-1.457L434.441 545.52c-9.304 19.839-9.222 16.07-18.582 41.003"
+          transform="matrix(.13333 0 0 -.13333 0 99.04)"
+        ></path>
+        <path
+          id="yellow-triangle"
+          style="fill:#e8ee3c;fill-opacity:1;fill-rule:nonzero;stroke:none"
+          d="M434.441 545.516 291.68 186.891l294.328-.235Z"
+          transform="matrix(.13333 0 0 -.13333 0 99.04)"
+        ></path>
+      </g>
+      {#if currentProgress <= middleProgress}
+        <!-- dashed line for middle progress -->
+        <line
+          x1="9"
+          y1="27"
+          x2="109"
+          y2="27"
+          stroke="oklch(27.9% 0.041 260.031)"
+          stroke-dasharray="2 2"
+          stroke-width="1"
+          class="lg:hidden"
+        />
+        <text
+          class="lg:hidden"
+          font-weight="bold"
+          x="85"
+          y="25"
+          font-size="9"
+          text-anchor="middle"
+          fill="oklch(27.9% 0.041 260.031)">{middleProgress}€</text
+        >
+      {/if}
+      <text
+        font-weight="bold"
+        x="59"
+        y={textY}
+        font-size="9"
+        text-anchor="middle"
+        fill="oklch(12.9% 0.042 264.695)">{currentProgress}€</text
+      >
+    </svg>
+    <div class="text-center text-xl lg:flex lg:w-64 lg:items-center lg:justify-center">
+      <div>
+        <p>
+          pro Monat <br />
+        </p>
+        <p class="text-lg">
+          Dank <span class="font-bold">{peopleCount}</span> Menschen
+        </p>
+      </div>
+    </div>
+  </div>
+  <div class="hidden lg:block">
+    <!-- Dashed line for middle progress -->
+    <div
+      class={[
+        'rounded-l-full lg:absolute lg:top-[77px] lg:left-[128px] lg:h-0.5 lg:w-[108px] lg:border-dashed',
+        currentProgress >= middleProgress ? 'lg:bg-light-green' : 'lg:bg-gray-300',
+      ]}
+    ></div>
+    <div
+      class={[
+        'rounded-r-full lg:absolute lg:top-[77px] lg:left-[236px] lg:h-0.5 lg:w-[196px] lg:border-dashed',
+        currentProgress >= middleProgress ? 'lg:bg-dark-green' : 'lg:bg-gray-500',
+      ]}
+    ></div>
+
+    <!-- Dashed line for target progress -->
+    <div
+      class={[
+        'rounded lg:absolute lg:top-[22px] lg:right-[76px] lg:left-[248px] lg:h-0.5 lg:border-dashed',
+        currentProgress >= targetProgress ? 'lg:bg-dark-green' : 'lg:bg-gray-700',
+      ]}
+    ></div>
+  </div>
+  <h2 class="mt-6 text-center font-serif text-2xl font-bold lg:hidden">Ziele</h2>
+  <div
+    class={[
+      'mx-auto mt-2 flex gap-y-4 md:flex-row lg:mt-0 lg:block lg:gap-y-8',
+      currentProgress >= middleProgress ? 'flex-col-reverse' : 'flex-col', // Show next unfulfilled target first
+    ]}
+  >
+    <div
+      class={[
+        currentProgress >= middleProgress && 'text-dark-green',
+        'lg:absolute lg:top-[88px] lg:right-1/3 lg:w-48',
+      ]}
+    >
+      <h3 class="flex items-center justify-center gap-2 lg:justify-start">
+        <span class="font-bold">{middleProgress}€</span> <span class="font-light">/ Monat</span>
+        {#if currentProgress >= middleProgress}
+          <svg
+            class="size-[1lh]"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 64 64"
+            enable-background="new 0 0 64 64"
+            ><path
+              d="M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z"
+              fill="currentColor"
+            />
+          </svg>
+        {/if}
+      </h3>
+      <p class="mt-0 lg:mt-2">Rebecca kann ihren Job aufhören um ihre Zeit YV zu widmen.</p>
+    </div>
+    <div
+      class={[
+        currentProgress >= targetProgress && 'text-dark-green',
+        'lg:absolute lg:top-1/8 lg:right-0 lg:w-48',
+      ]}
+    >
+      <h3 class="flex items-center justify-center gap-2 lg:justify-start">
+        <span class="font-bold">{targetProgress}€</span> <span class="font-light">/ Monat</span>
+        {#if currentProgress >= targetProgress}
+          <svg
+            class="size-[1lh]"
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 0 64 64"
+            enable-background="new 0 0 64 64"
+            ><path
+              d="M32,2C15.431,2,2,15.432,2,32c0,16.568,13.432,30,30,30c16.568,0,30-13.432,30-30C62,15.432,48.568,2,32,2z M25.025,50  l-0.02-0.02L24.988,50L11,35.6l7.029-7.164l6.977,7.184l21-21.619L53,21.199L25.025,50z"
+              fill="currentColor"
+            />
+          </svg>
+        {/if}
+      </h3>
+      <p class="mt-0 max-w-prose lg:mt-2">Hiermit muss Rebecca keinen Minijob nebenbei machen.</p>
+    </div>
+  </div>
+</div>
diff --git a/src/components/support-us/Hero.astro b/src/components/support-us/Hero.astro
index 760e25fd..69d22124 100644
--- a/src/components/support-us/Hero.astro
+++ b/src/components/support-us/Hero.astro
@@ -5,11 +5,20 @@ import { getImage } from 'astro:assets';
 const SupportUsHeroBackgroundUrl = await getImage({ src: SupportUsHeroBackground });
 ---
 
-<section class="h-[34rem] w-full bg-cover bg-center pt-10 lg:pt-16">
-  <h1 class="text-center font-serif text-3xl font-bold text-white lg:text-5xl">Unterstütze Uns</h1>
+<section
+  class="flex h-[10rem] w-full items-center justify-center bg-cover bg-center pt-10 lg:block lg:h-[34rem] lg:pt-16"
+>
+  <h1 class="text-center font-serif text-4xl font-extrabold text-white lg:text-6xl">
+    Unterstütze Uns
+  </h1>
 </section>
 
 <style define:vars={{ backgroundImage: `url(${SupportUsHeroBackgroundUrl.src})` }}>
+  h1 {
+    -webkit-text-stroke: 2px black;
+    paint-order: stroke fill;
+  }
+
   section {
     background-image: var(--backgroundImage);
   }
diff --git a/src/components/support-us/LoadingDots.svelte b/src/components/support-us/LoadingDots.svelte
new file mode 100644
index 00000000..f4470b9e
--- /dev/null
+++ b/src/components/support-us/LoadingDots.svelte
@@ -0,0 +1,32 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+  ><style>
+    .spinner_qM83 {
+      animation: spinner_8HQG 1.05s infinite;
+    }
+    .spinner_oXPr {
+      animation-delay: 0.1s;
+    }
+    .spinner_ZTLf {
+      animation-delay: 0.2s;
+    }
+    @keyframes spinner_8HQG {
+      0%,
+      57.14% {
+        animation-timing-function: cubic-bezier(0.33, 0.66, 0.66, 1);
+        transform: translate(0);
+      }
+      28.57% {
+        animation-timing-function: cubic-bezier(0.33, 0, 0.66, 0.33);
+        transform: translateY(-6px);
+      }
+      100% {
+        transform: translate(0);
+      }
+    }
+  </style><circle class="spinner_qM83" cx="4" cy="12" r="3" /><circle
+    class="spinner_qM83 spinner_oXPr"
+    cx="12"
+    cy="12"
+    r="3"
+  /><circle class="spinner_qM83 spinner_ZTLf" cx="20" cy="12" r="3" /></svg
+>
diff --git a/src/components/support-us/Spinner.svelte b/src/components/support-us/Spinner.svelte
new file mode 100644
index 00000000..708f9c75
--- /dev/null
+++ b/src/components/support-us/Spinner.svelte
@@ -0,0 +1,16 @@
+<svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+  ><style>
+    .spinner_P7sC {
+      transform-origin: center;
+      animation: spinner_svv2 0.75s infinite linear;
+    }
+    @keyframes spinner_svv2 {
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+  </style><path
+    d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"
+    class="spinner_P7sC"
+  /></svg
+>
diff --git a/src/components/support-us/SupportForm.svelte b/src/components/support-us/SupportForm.svelte
new file mode 100644
index 00000000..97742e49
--- /dev/null
+++ b/src/components/support-us/SupportForm.svelte
@@ -0,0 +1,516 @@
+<script lang="ts">
+  import Circle from '@assets/icons/Circle.svelte';
+  import { slide } from 'svelte/transition';
+
+  import LoadingDots from './LoadingDots.svelte';
+  import progressStore from './progress.store';
+  import Spinner from './Spinner.svelte';
+
+  const contributionOptions = [{ value: 10 }, { value: 35 }, { value: 75 }];
+
+  let showForm = $state(false);
+  let customContribution = $state<boolean>(false);
+  let customContributionValue = $state<null | number>(null);
+
+  const language = navigator?.language?.split('-')[0] ?? 'de';
+
+  const languageFormatter = new Intl.DisplayNames(language, { type: 'language' });
+
+  let formData = $state({
+    agreement: false,
+    bic: '',
+    city: '',
+    contribution: 35,
+    country: '',
+    email: '',
+    firstName: '',
+    iban: '',
+    lastName: '',
+    nameMention: false,
+    postalCode: '',
+    preferredLanguage: language === 'de' ? 'GERMAN' : 'ENGLISH',
+    streetAddress: '',
+  });
+
+  let submitting = $state(false);
+  let loading = $state(false);
+  let submitResult = $state<'error' | 'success' | null>(null);
+  let delayed = $state(false);
+  let timeout = $state(false);
+
+  async function handleSubmit(event: Event) {
+    if (submitting) return;
+    submitting = true;
+    loading = true;
+    delayed = false;
+    timeout = false;
+    submitResult = null;
+    event.preventDefault();
+    const formDataSnapshot = $state.snapshot(formData);
+    const data = new URLSearchParams();
+    for (const [key, value] of Object.entries(formDataSnapshot)) {
+      data.append(key, String(value));
+    }
+
+    // Log the form data for now
+    console.log('Form submitted:', data, 'built from', formDataSnapshot);
+    setTimeout(() => {
+      if (loading) {
+        delayed = true;
+      }
+    }, 500);
+    setTimeout(() => {
+      if (loading) {
+        timeout = true;
+      }
+    }, 2000);
+
+    try {
+      const response = await fetch('/api/support-us', {
+        body: data.toString(),
+        headers: {
+          'Content-Type': 'application/x-www-form-urlencoded',
+        },
+        method: 'POST',
+      });
+      if (response.ok) {
+        submitResult = 'success';
+      } else {
+        submitResult = 'error';
+      }
+    } catch (error) {
+      console.error('Error submitting form:', error);
+      submitResult = 'error';
+    }
+    loading = false;
+    delayed = false;
+    timeout = false;
+    submitting = false;
+    if (submitResult === 'success') {
+      document.querySelector('#logo')?.scrollIntoView({ behavior: 'smooth', block: 'center' });
+      showForm = false;
+      setTimeout(() => {
+        progressStore.update((v) => ({
+          ...v,
+          amount: v.amount + formData.contribution,
+          people: v.people + 1,
+        }));
+      }, 1000);
+    }
+  }
+</script>
+
+{#if !showForm}
+  <div class="mx-auto flex items-center justify-center">
+    {#if submitResult == 'success'}
+      <p class="text-green-200">Vielen Dank für deine Spende ❤️</p>
+    {:else}
+      <button
+        type="button"
+        onclick={() => (showForm = true)}
+        class="inline-flex items-center gap-x-4 bg-green-50 p-4 px-8 font-bold text-white"
+      >
+        <Circle />
+        Fördermitglied werden
+      </button>
+    {/if}
+  </div>
+{:else}
+  <div transition:slide={{ duration: 500 }} class="mx-auto max-w-3xl pb-4">
+    <form onsubmit={handleSubmit} method="POST" class="space-y-8" action="/api/support-us">
+      <div class="space-y-12">
+        <div class="border-b border-gray-900/10 pb-12">
+          <h2 class="text-base/7 font-semibold text-gray-900">Persönliche Informationen</h2>
+
+          <div class="mt-10 grid grid-cols-1 gap-x-6 gap-y-8 sm:grid-cols-6">
+            <div class="sm:col-span-3">
+              <label class="block text-sm/6 font-medium text-gray-900" for="first-name"
+                >Vorname</label
+              >
+              <div class="mt-2">
+                <input
+                  autocomplete="given-name"
+                  class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                  id="first-name"
+                  name="firstName"
+                  type="text"
+                  bind:value={formData.firstName}
+                  required
+                />
+              </div>
+            </div>
+
+            <div class="sm:col-span-3">
+              <label class="block text-sm/6 font-medium text-gray-900" for="last-name"
+                >Nachname</label
+              >
+              <div class="mt-2">
+                <input
+                  autocomplete="family-name"
+                  class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                  id="last-name"
+                  name="lastName"
+                  type="text"
+                  bind:value={formData.lastName}
+                  required
+                />
+              </div>
+            </div>
+
+            <div class="sm:col-span-6">
+              <label class="block text-sm/6 font-medium text-gray-900" for="email">
+                E-Mail-Adresse
+              </label>
+              <div class="mt-2">
+                <input
+                  autocomplete="email"
+                  class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                  id="email"
+                  name="email"
+                  type="email"
+                  bind:value={formData.email}
+                  required
+                />
+              </div>
+            </div>
+
+            <fieldset class="sm:col-span-6">
+              <legend class="block text-sm/6 font-medium text-gray-900">Bevorzugte Sprache</legend>
+              <p class="mt-1 text-sm/6 text-gray-600">
+                Diese Sprache wird für alle Kommunikation verwendet.<br />This language will be used
+                for all communication.
+              </p>
+              <div
+                class="mt-6 flex flex-col space-y-6 lg:flex-row lg:items-center lg:space-y-0 lg:space-x-6"
+              >
+                <div class="flex items-center gap-x-3">
+                  <input
+                    id="push-everything"
+                    name="preferredLanguage"
+                    type="radio"
+                    checked
+                    class="checked:border-dark-green checked:bg-dark-green focus-visible:outline-dark-green relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"
+                    bind:group={formData.preferredLanguage}
+                    value="GERMAN"
+                  />
+                  <label for="push-everything" class="block text-sm/6 font-medium text-gray-900"
+                    >{languageFormatter.of('de')}</label
+                  >
+                </div>
+                <div class="flex items-center gap-x-3">
+                  <input
+                    id="push-email"
+                    name="preferredLanguage"
+                    type="radio"
+                    class="checked:border-dark-green checked:bg-dark-green focus-visible:outline-dark-green relative size-4 appearance-none rounded-full border border-gray-300 bg-white before:absolute before:inset-1 before:rounded-full before:bg-white not-checked:before:hidden focus-visible:outline-2 focus-visible:outline-offset-2 disabled:border-gray-300 disabled:bg-gray-100 disabled:before:bg-gray-400 forced-colors:appearance-auto forced-colors:before:hidden"
+                    bind:group={formData.preferredLanguage}
+                    value="ENGLISH"
+                  />
+                  <label for="push-email" class="block text-sm/6 font-medium text-gray-900"
+                    >{languageFormatter.of('en')}</label
+                  >
+                </div>
+              </div>
+              {#if formData.preferredLanguage !== 'GERMAN'}
+                <p class="mt-2 text-sm/6 text-gray-600">
+                  Sorry for not offering our website in english yet. We are working on it!
+                </p>
+              {/if}
+            </fieldset>
+
+            <!-- Address Group -->
+            <div class="col-span-full space-y-4">
+              <h3 class="text-sm font-semibold text-gray-900">Adresse</h3>
+              <div class="grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-6">
+                <div class="col-span-full">
+                  <label class="block text-sm/6 font-medium text-gray-900" for="street-address">
+                    Straße + Hausnummer
+                  </label>
+                  <div class="mt-1">
+                    <input
+                      autocomplete="street-address"
+                      class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                      id="street-address"
+                      name="streetAddress"
+                      type="text"
+                      bind:value={formData.streetAddress}
+                    />
+                  </div>
+                </div>
+
+                <div class="sm:col-span-2">
+                  <label class="block text-sm/6 font-medium text-gray-900" for="postal-code">
+                    PLZ
+                  </label>
+                  <div class="mt-1">
+                    <input
+                      autocomplete="postal-code"
+                      class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                      id="postal-code"
+                      name="postalCode"
+                      type="text"
+                      bind:value={formData.postalCode}
+                    />
+                  </div>
+                </div>
+                <div class="sm:col-span-2">
+                  <label class="block text-sm/6 font-medium text-gray-900" for="city">
+                    Stadt
+                  </label>
+                  <div class="mt-1">
+                    <input
+                      autocomplete="address-level2"
+                      class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                      id="city"
+                      name="city"
+                      type="text"
+                      bind:value={formData.city}
+                    />
+                  </div>
+                </div>
+
+                <div class="sm:col-span-2">
+                  <label class="block text-sm/6 font-medium text-gray-900" for="country">
+                    Land
+                  </label>
+                  <div class="mt-1">
+                    <input
+                      autocomplete="country-name"
+                      class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                      id="country"
+                      name="country"
+                      type="text"
+                      bind:value={formData.country}
+                    />
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="border-b border-gray-900/10 pb-12">
+          <h2 class="text-base/7 font-semibold text-gray-900">Förderbeitrag und Bankdaten</h2>
+          <p class="mt-1 text-sm/6 text-gray-600">
+            Bitte gib deine Bankdaten für die Einzugsermächtigung an.
+          </p>
+
+          <div class="mt-6 grid grid-cols-1 gap-x-6 gap-y-4 sm:grid-cols-6">
+            <div class="sm:col-span-6">
+              <label class="mb-3 block text-sm/6 font-medium text-gray-900" for="contribution">
+                Monatlicher Förderbeitrag
+              </label>
+              <div class="mb-3 grid grid-cols-2 gap-3 sm:grid-cols-4">
+                {#each contributionOptions as option (option.value)}
+                  <button
+                    type="button"
+                    class={[
+                      'focus:ring-dark-green rounded-md border px-4 py-2.5 transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none',
+                      !customContribution && formData.contribution === option.value
+                        ? 'border-dark-green bg-dark-green text-white'
+                        : 'border-gray-300 bg-white text-gray-700',
+                    ]}
+                    onclick={() => {
+                      customContribution = false;
+                      formData.contribution = option.value;
+                    }}
+                  >
+                    {option.value}€
+                  </button>
+                {/each}
+                <div class="relative rounded-md shadow-sm">
+                  <input
+                    type="number"
+                    id="customContribution"
+                    name="customContribution"
+                    oninput={(e) => {
+                      const newCustomContribution = Number((e.target as HTMLInputElement).value);
+                      if (!(newCustomContribution >= 0)) {
+                        customContribution = false;
+                        customContributionValue = null;
+                      } else {
+                        customContribution = true;
+                        customContributionValue = newCustomContribution;
+                      }
+                      formData.contribution = newCustomContribution;
+                    }}
+                    onfocus={() => {
+                      customContribution = true;
+                    }}
+                    onblur={() => {
+                      if (customContributionValue == null || customContributionValue <= 0) {
+                        customContribution = false;
+                        customContributionValue = null;
+                      } else if (
+                        contributionOptions.some(
+                          (option) => option.value === customContributionValue,
+                        )
+                      ) {
+                        customContribution = false;
+                        formData.contribution = customContributionValue;
+                        customContributionValue = null;
+                      }
+                    }}
+                    min="1"
+                    class={[
+                      'focus:ring-dark-green block h-full w-full rounded-md border px-4 py-2.5 text-center transition-colors focus:ring-2 focus:ring-offset-2 focus:outline-none',
+                      customContribution
+                        ? 'border-dark-green bg-dark-green text-white'
+                        : 'border-gray-300 bg-white text-gray-700',
+                    ]}
+                    value={customContributionValue}
+                    placeholder="Anderer Betrag"
+                  />
+                </div>
+                <input
+                  class="hidden"
+                  id="contribution"
+                  name="contribution"
+                  required
+                  value={customContribution ?? formData.contribution}
+                />
+              </div>
+            </div>
+
+            <div class="sm:col-span-3">
+              <label class="block text-sm/6 font-medium text-gray-900" for="iban"> IBAN </label>
+              <div class="mt-2">
+                <input
+                  class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                  id="iban"
+                  name="iban"
+                  placeholder="DE00 0000 0000 0000 0000 00"
+                  required
+                  type="text"
+                  bind:value={formData.iban}
+                />
+              </div>
+            </div>
+
+            <div class="sm:col-span-3">
+              <label class="block text-sm/6 font-medium text-gray-900" for="bic"> BIC </label>
+              <div class="mt-2">
+                <input
+                  class="focus:outline-dark-green block w-full rounded-md bg-white px-3 py-1.5 text-base text-gray-900 outline-1 -outline-offset-1 outline-gray-300 placeholder:text-gray-400 focus:outline-2 focus:-outline-offset-2 sm:text-sm/6"
+                  id="bic"
+                  name="bic"
+                  placeholder="MARKDEF1100"
+                  type="text"
+                  bind:value={formData.bic}
+                />
+                <p class="text-sm/6 text-gray-600 italic">
+                  (Nur bei ausländischen Konten notwendig)
+                </p>
+              </div>
+            </div>
+          </div>
+
+          <div class="mt-6">
+            <h3 class="text-sm/6 font-semibold text-gray-900">SEPA Lastschriftmandat</h3>
+            <p class="mt-1 max-w-prose text-sm/6 text-gray-600">
+              Ich ermächtige den Verein YoungVision e.V. wiederkehrend Zahlungen von meinem Konto
+              mittels Lastschrift einzuziehen. Zugleich weise ich mein Kredit­institut an, die von
+              der YoungVision e.V. auf mein Konto gezogenen Lastschriften einzulösen.
+            </p>
+            <p class="mt-2 text-sm/6 text-gray-600">
+              Gläubiger Identifikationsnummer: <span class="font-semibold">DE05ZZZ00001731620</span>
+              <br />
+              Mandatsreferenz: <span class="italic">wird separat mitgeteilt</span>
+            </p>
+          </div>
+        </div>
+
+        <div class="mt-10 space-y-6">
+          <div class="flex gap-3">
+            <input
+              type="checkbox"
+              id="name-mention"
+              name="nameMention"
+              class="text-dark-green focus:ring-dark-green h-4 w-4 rounded border-gray-300"
+              bind:checked={formData.nameMention}
+            />
+            <div class="text-sm/6">
+              <label class="font-medium text-gray-900" for="name-mention">
+                Namentliche Nennung (optional)
+              </label>
+              <p class="max-w-prose text-gray-500">
+                Auf unserer <a
+                  class="text-dark-green underline"
+                  href="https://www.youngvision.org/"
+                  rel="noopener noreferrer"
+                  target="_blank">Vereinswebsite</a
+                >
+                würden wir uns gerne bei dir bedanken. <br />
+                Ich bin damit einverstanden, dass ich namentlich genannt werden.
+              </p>
+            </div>
+          </div>
+
+          <div class="flex gap-3">
+            <input
+              type="checkbox"
+              id="agreement"
+              name="agreement"
+              required
+              class="text-dark-green focus:ring-dark-green h-4 w-4 rounded border-gray-300"
+              bind:checked={formData.agreement}
+            />
+            <div class="text-sm/6">
+              <label class="font-medium text-gray-900" for="agreement">
+                Einverständniserklärung<span class="text-red-600">*</span>
+              </label>
+              <div>
+                <p class="max-w-prose text-gray-500">
+                  Ich bin damit einverstanden, dass meine Daten von der Organisation "YoungVision
+                  e.V." zum Zweck der Vertragserfüllung im Rahmen der Mitgliedschaft hinterlegt,
+                  verarbeitet und genutzt werden.
+                </p>
+                <p class="mt-2 max-w-prose text-gray-500">
+                  Ich bin darauf hingewiesen worden, dass die im Rahmen der vorstehend genannten
+                  Zwecke erhobenen personenbezogenen Daten unter Beachtung der
+                  EU-Datenschutzgrundverordnung erhoben, verarbeitet, genutzt und übermittelt
+                  werden. Ich wurde über meine Rechte als Betroffener unterrichtet.
+                </p>
+                <p class="mt-2 max-w-prose text-gray-500">
+                  Die Einverständniserklärung erfolgt auf freiwilliger Basis. Ich wurde darüber
+                  aufgeklärt, dass ich die Einverständniserklärung jederzeit durch schriftliche
+                  Mitteilung für die Zukunft widerrufen kann.
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {#if submitResult == 'error'}
+        <div class="flex max-w-xl flex-col items-center space-y-4 p-4">
+          <p class=" text-red-600">
+            Das hat nicht geklappt 😟
+            <br />
+            Bitte versuche es noch einmal oder schreibe uns an
+            <a class="text-blue-500 underline" href="mailto:kontakt@youngvision.org"
+              >kontakt@youngvision.org</a
+            >
+          </p>
+        </div>
+      {/if}
+      <div class="mt-6 flex justify-end">
+        <button
+          class="bg-dark-green flex w-[160px] items-center justify-center rounded-md px-8 py-4 font-bold text-white shadow-sm hover:bg-green-200 focus:ring-2 focus:ring-green-200 focus:ring-offset-2 focus:outline-none disabled:cursor-not-allowed disabled:opacity-50"
+          type="submit"
+          disabled={loading}
+        >
+          {#if timeout}
+            <LoadingDots />
+          {:else if delayed}
+            <Spinner />
+          {:else if submitResult == 'error'}
+            Nochmal
+          {:else}
+            Abschicken
+          {/if}
+        </button>
+      </div>
+    </form>
+  </div>
+{/if}
diff --git a/src/components/support-us/progress.store.ts b/src/components/support-us/progress.store.ts
new file mode 100644
index 00000000..4703aebc
--- /dev/null
+++ b/src/components/support-us/progress.store.ts
@@ -0,0 +1,10 @@
+import { writable } from 'svelte/store';
+
+const currentProgress = writable<{
+  amount: number;
+  people: number;
+}>({
+  amount: 0,
+  people: 0,
+});
+export default currentProgress;
diff --git a/src/data/real/donations.ts b/src/data/real/donations.ts
index 80593d14..2aecdaf1 100644
--- a/src/data/real/donations.ts
+++ b/src/data/real/donations.ts
@@ -44,7 +44,7 @@ export async function getDonationMethods() {
       icon: await optimizeImage(HeadLightbulb),
       image: await optimizeImage(ExpertiseImage),
       text: 'Du hast Lust YoungVision mit deiner Expertise voranzubringen?',
-      title: 'Expertise Spenden',
+      title: 'Expertise teilen',
     },
     {
       description: 'Du möchtest uns mit einer Sachspende unterszützen?',
diff --git a/src/data/real/fundraising.ts b/src/data/real/fundraising.ts
new file mode 100644
index 00000000..fe9a255b
--- /dev/null
+++ b/src/data/real/fundraising.ts
@@ -0,0 +1,37 @@
+import { gql, GraphQLClient } from 'graphql-request';
+
+export interface FoundraisingProgress {
+  amount: number;
+  count: number;
+}
+
+interface ResponseData {
+  fordermitgliedschaften: {
+    sumMonatlicherForderbeitragAmountMicros: number;
+    totalCount: number;
+  };
+}
+
+export async function getFoundraisingProgress(): Promise<FoundraisingProgress> {
+  const graphQLClient = new GraphQLClient(import.meta.env.TWENTY_GRAPHQL_URL, {
+    headers: {
+      Authorization: 'Bearer ' + import.meta.env.TWENTY_AUTH,
+      'Content-Type': 'application/json',
+    },
+  });
+  //TODO: also count foredermigliedschften that end in the futer
+  const query = gql`
+    {
+      fordermitgliedschaften(filter: { austrittdatum: { is: NULL } }) {
+        totalCount
+        sumMonatlicherForderbeitragAmountMicros
+      }
+    }
+  `;
+  const data = await graphQLClient.request<ResponseData>(query);
+  console.log(data);
+  return {
+    amount: data.fordermitgliedschaften.sumMonatlicherForderbeitragAmountMicros / 1000000,
+    count: data.fordermitgliedschaften.totalCount,
+  };
+}
diff --git a/src/pages/api/support-us.ts b/src/pages/api/support-us.ts
new file mode 100644
index 00000000..21ca69e1
--- /dev/null
+++ b/src/pages/api/support-us.ts
@@ -0,0 +1,160 @@
+export const prerender = false;
+import type { APIRoute } from 'astro';
+
+import { gql, GraphQLClient } from 'graphql-request';
+
+const config = {
+  SLACK_TOKEN: import.meta.env.SLACK_TOKEN,
+  TWENTY_AUTH: import.meta.env.TWENTY_AUTH,
+  TWENTY_GRAPHQL_URL: import.meta.env.TWENTY_GRAPHQL_URL,
+};
+const missingConfig = Object.entries(config).filter(([_, v]) => !v);
+if (missingConfig.length > 0) {
+  console.error(
+    'Missing environment variables:',
+    missingConfig.map(([k, _]) => k),
+  );
+  throw new Error('Missing configuration');
+}
+
+export const POST: APIRoute = async ({ request }) => {
+  const requiredFields = [
+    'agreement',
+    'firstName',
+    'lastName',
+    'email',
+    'streetAddress',
+    'city',
+    'postalCode',
+    'country',
+    'iban',
+    'contribution',
+    'nameMention',
+    'preferredLanguage',
+  ];
+
+  console.log('Config:', config);
+
+  const graphQLClient = new GraphQLClient(config.TWENTY_GRAPHQL_URL, {
+    headers: {
+      Authorization: `Bearer ${config.TWENTY_AUTH}`,
+      'Content-Type': 'application/json',
+    },
+  });
+  try {
+    console.log(request.body);
+    const data = await request.formData();
+    console.log('Data: ', data);
+
+    // send form data to slack
+    const dataObj = Object.fromEntries(data.entries());
+    const payload = {
+      channel: 'C091N6B162E',
+      text: JSON.stringify(dataObj, null, 2),
+    };
+    const slackApiResponse = await fetch('https://slack.com/api/chat.postMessage', {
+      body: JSON.stringify(payload),
+      headers: {
+        Authorization: `Bearer ${config.SLACK_TOKEN}`,
+        'Content-Type': 'application/json; charset=utf-8',
+      },
+      method: 'POST',
+    });
+
+    console.log('SlackApiResponse: ', await slackApiResponse.json());
+
+    // Check if any required fields are missing
+    const missingFields = requiredFields.filter((field) => data.get(field) === null);
+    console.log('Missing fields:', missingFields);
+    if (missingFields.length > 0) {
+      return new Response(
+        JSON.stringify({
+          fields: missingFields,
+          message: 'Missing required field(s)',
+        }),
+        {
+          headers: {
+            'Content-Type': 'application/json',
+          },
+          status: 400,
+        },
+      );
+    }
+
+    const bic = data.get('bic');
+    const personData = {
+      adresse: {
+        addressCity: data.get('city'),
+        addressCountry: data.get('country'),
+        addressPostcode: data.get('postalCode'),
+        addressStreet1: data.get('streetAddress'),
+      },
+      consentNameMention: data.get('nameMention') === 'true',
+      emails: { primaryEmail: data.get('email') },
+      name: { firstName: data.get('firstName'), lastName: data.get('lastName') },
+      preferredLanguage: data.get('preferredLanguage'),
+    };
+    console.log('Person data:', personData);
+
+    const fordermitgliedschaftData = {
+      fullName: { firstName: data.get('firstName'), lastName: data.get('lastName') },
+      iban: data.get('iban'),
+      monatlicherForderbeitrag: {
+        amountMicros: Number(data.get('contribution') ?? 0) * 1000000,
+        currencyCode: 'EUR',
+      },
+      ...(bic ? { bic } : {}),
+      beitrittsdatum: new Date().toJSON(),
+    };
+    console.log('Fördermitgliedschaft data:', fordermitgliedschaftData);
+
+    // With the replace method the the quotes from the property keys (from JSON) are removed, because graphql requires them unquoted
+    const mutation = gql`
+      mutation SupportFromMutation(
+        $personData: PersonCreateInput
+        $fordermitgliedschaftData: FordermitgliedschaftCreateInput
+      ) {
+        createPerson(data: $personData) {
+          id
+          createdAt
+        }
+        createFordermitgliedschaft(data: $fordermitgliedschaftData) {
+          id
+          createdAt
+        }
+      }
+    `;
+    console.log(mutation);
+    const variables = {
+      fordermitgliedschaftData,
+      personData,
+    };
+    //TODO: link the Fordermitgliedschaft with the person
+    interface ResponseData {
+      createPerson: {
+        createdAt: string;
+        id: string;
+      };
+    }
+    const response = await graphQLClient.request<ResponseData>(mutation, variables);
+    console.log(response);
+  } catch (error) {
+    console.error(error);
+    if (error instanceof Error) {
+      console.error(error.message);
+    }
+    return new Response(
+      JSON.stringify({
+        message: 'error',
+      }),
+      { status: 500 },
+    );
+  }
+  console.log('Success!');
+  return new Response(
+    JSON.stringify({
+      message: 'Success!',
+    }),
+    { status: 200 },
+  );
+};
diff --git a/src/pages/support-us.astro b/src/pages/support-us.astro
index 8c3c4032..ee65bc47 100644
--- a/src/pages/support-us.astro
+++ b/src/pages/support-us.astro
@@ -3,6 +3,9 @@ import BecomeSupportingMember from '@components/support-us/BecomeSupportingMembe
 import DonationMethods from '@components/support-us/DonationMethods.astro';
 import Hero from '@components/support-us/Hero.astro';
 import Layout from '@layouts/Layout.astro';
+export const prerender = false;
+
+Astro.response.headers.set('Cache-Control', 'public, max-age=1800');
 ---
 
 <Layout title="Unterstütze uns">
diff --git a/src/styles/global.css b/src/styles/global.css
index 1f07d3f9..14a517fc 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -9,7 +9,6 @@
     'Segoe UI Symbol', 'Noto Color Emoji';
   --font-serif: source-serif-pro, ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;
 
-  --color-*: initial;
   --color-black: #000;
   --color-white: #fff;