add basic content

src/pages/index.astro

@@ -1,7 +1,54 @@
 ---
-import Layout from '../layouts/Layout.astro';
+import Layout from "../layouts/Layout.astro"
 ---
 
 <Layout>
-	Hi!
+  <div class="hero bg-base-200 min-h-screen">
+    <div class="hero-content text-center">
+      <div class="max-w-md">
+        <h1 class="text-7xl font-bold">
+          DIDAYS 2026
+        </h1>
+        <p class="py-6">
+          02.-04.10.2026<br>
+          <a class="link" href="https://www.kulturpalast-harburg.com">Kultur Palast Harburg</a><br>
+          Eintritt frei<br>
+          veranstaltet vom <a class="link" href="https://hamburg.ccc.de">
+          CCCHH
+        </a> & <a class="link" href="https://www.wauland.de">
+          WHS
+        </a>
+        </p>
+        <div class="aura aura-rainbow">
+          <a href="/didays2026.ics" class="btn btn-lg" target="_blank">Save the Date</a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <div class="container p-8 my-40 max-w-xl mx-auto">
+    <p>
+      Der CCC Hansestadt Hamburg e.V. veranstaltet vom 2. bis 4. Oktober zusammen mit Hamburger Stadtteilinitiativen,
+      Maker- und Hackerspaces und weiteren zivilgesellschaftlichen Organisationen aus der Region die ersten Digital
+      Independance Days in Hamburg. Euch erwartet ein Programm rund um digitale Unabhängigkeit: Messenger,
+      Office-Programm, oder die eigene Cloud.
+    </p>
+  </div>
+  <footer class="bg-base-300 pb-20">
+    <div class="container p-8 mx-auto max-w-4xl grid grid-cols-1 md:grid-cols-3 items-center gap-12">
+      <div class="flex flex-col items-center">
+        <a class="link" href="https://hamburg.ccc.de/imprint/">Kontakt & Impressum</a>
+        <a class="link" href="https://hamburg.ccc.de/privacy-notice/">Datenschutzerklärung</a>
+      </div>
+      <div class="flex flex-col items-center">
+        <a href="https://hamburg.ccc.de">
+          <img alt="Logo des Chaos Computer Club Hamburg e.V." src="/ccchh.svg" class="max-w-40"/>
+        </a>
+      </div>
+      <div class="flex flex-col items-center">
+        <a href="https://www.wauland.de">
+          <img alt="Logo der Wau-Holland-Stiftung" src="/wauland.svg" class="max-w-40"/>
+        </a>
+      </div>
+    </div>
+  </footer>
 </Layout>