Subscribe for updates section (#1070)

### Changelog
* added a section with links to our socials and a newsletter signup
* regarding spam protection: starts returning 429 after 5
requests from the same IP, so I guess there's nothing else on our side
needed
* made footer smaller and removed the social media icons from it as
they're in the section above
--------

Co-authored-by: Niko <[email protected]>
Co-authored-by: Nikoś <[email protected]>
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Co-authored-by: Ege Akman <[email protected]>

Author: 4 people

public/icons/bluesky.svg

@@ -0,0 +1,102 @@
+---
+const socialLinks = [
+  { href: "https://linkedin.com/company/europython/", icon: "linkedin" },
+  { href: "https://instagram.com/europython/", icon: "instagram" },
+  { href: "https://youtube.com/channel/UC98CzaYuFNAA_gOINFB0e4Q", icon: "youtube" },
+  { href: "https://fosstodon.org/@europython", icon: "mastodon" },
+  { href: "https://bsky.app/profile/europython.eu", icon: "bluesky" },
+  { href: "https://x.com/europython", icon: "x" },
+];
+---
+
+<div class="full-bleed w-full bg-[#d4d5e5] flex flex-col items-center justify-center py-08 px-4 text-center">
+<div class="w-full bg-[#d4d5e5] flex flex-col items-center justify-center py-20 px-4 text-center relative z-10">
+  <h1 class="text-4xl md:text-6xl font-bold mb-10 leading-tight text-[#17223A]">
+    Follow us<br />for updates
+  </h1>
+
+  <div class="flex justify-center flex-wrap gap-6 mb-8">
+    {socialLinks.map(({ href, icon }) => (
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        class="w-16 h-16 flex items-center justify-center border-2 border-yellow-400 rounded-full hover:scale-110 transition-transform"
+      >
+        <img src={`/icons/${icon}.svg`} alt={icon} class="w-6 h-6" />
+      </a>
+    ))}
+  </div>
+
+  <p class="text-[#151f38] mb-8 text-sm md:text-base">
+    Subscribe to our conference newsletter and get<br />
+    the latest updates and special deals
+  </p>
+
+  <form
+    id="subscribeForm"
+    class="flex flex-col sm:flex-row justify-center items-center gap-4"
+  >
+    <input
+      id="emailInput"
+      type="email"
+      name="email"
+      placeholder="Your email"
+      required
+      class="px-4 py-3 rounded-[10px] bg-white text-black text-base font-medium w-72 text-center"
+    />
+    <button
+      type="submit"
+      class="font-bold text-lg px-4 py-4 bg-button rounded-[10px] inline-block leading-4 hover:bg-button-hover not-prose outline-solid outline bg-transparent text-xl text-secondary outline-secondary text-black"
+    >
+      Subscribe
+    </button>
+  </form>
+
+  <p
+    id="subscribeMessage"
+    class="hidden mt-4 text-green-600 text-lg font-medium transition-opacity duration-500 opacity-0"
+  >
+    Please check your email to confirm. 📬
+  </p>
+</div>
+</div>
+
+<script>
+  const form = document.getElementById("subscribeForm");
+  const message = document.getElementById("subscribeMessage");
+
+  form?.addEventListener("submit", handleSubscribe);
+
+  async function handleSubscribe(event: SubmitEvent) {
+    event.preventDefault();
+
+    const input = document.getElementById("emailInput");
+    if (!(input instanceof HTMLInputElement)) return;
+
+    const email = input.value.trim();
+    if (!email) return;
+
+    try {
+      const result = await fetch("https://blog.europython.eu/members/api/send-magic-link/", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ email, emailType: "subscribe" })
+      });
+
+      const r = await result.text();
+      if (r === "Created.") {
+        input.value = "";
+
+        message?.classList.remove("hidden");
+        setTimeout(() => message?.classList.add("opacity-100"), 50);
+
+        setTimeout(() => {
+          message?.classList.remove("opacity-100");
+          setTimeout(() => message?.classList.add("hidden"), 500);
+        }, 5000);
+      }
+    } catch {
+    }
+  }
+</script>

public/icons/instagram.svg

@@ -1,22 +1,29 @@
 ---
-import Hero from "../components/hero2/hero.astro";
-import Layout from "../layouts/HomePageLayout.astro";
-import Sponsors from "../components/sponsors/sponsors.astro";
-import KeynotersComponent from "../components/keynoters/keynoters.astro";
+import { getCollection } from "astro:content";
+
+import Layout from "@layouts/HomePageLayout.astro";
+import Hero from "@components/hero2/hero.astro";
+import Keynoters from "@components/keynoters/keynoters.astro";
 import Updates from "@sections/updates.astro";
 import Prague from "@sections/prague.astro";
+import Sponsors from "@components/sponsors/sponsors.astro";
+import Subscribe from "@sections/subscribe.astro";
+
+let deadlines = await getCollection("deadlines");
+deadlines = deadlines
+  .sort((a, b) => a.slug.localeCompare(b.slug))
+  .reverse()
+  .slice(0, 3);
 ---
 
 <Layout
   title="EuroPython 2025 | July 14th-20th 2025 | Prague, Czech Republic & Remote"
   description="EuroPython is the largest Python conference in Europe. We are looking forward to seeing you in Prague, Czech Republic & Remote from July 14th-20th 2025."
 >
   <Hero />
-
   <Updates />
-
-  <KeynotersComponent />
+  <Keynoters />
   <Prague />
-
   <Sponsors />
+  <Subscribe />
 </Layout>