Merge branch 'ep2025' into ep2025-search

Author: nikoshell

public/icons/bluesky.svg

@@ -15,6 +15,7 @@ import Button from "@ui/Button.astro";
   </div>
 
   <div class="modal__overlay"></div>
+
   <SearchComponent
     id="search"
     className="pagefind-ui"
@@ -150,7 +151,7 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 </script>
 
-<style>
+<style is:global>
   .search-wrapper div{
     max-width: calc(48rem + 8vw);
   }

public/icons/instagram.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/linkedin.svg

@@ -1,10 +1,19 @@
 ---
-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
@@ -13,11 +22,9 @@ import Prague from "@sections/prague.astro";
 >
 
   <Hero />
-
   <Updates />
-
-  <KeynotersComponent />
+  <Keynoters />
   <Prague />
-
   <Sponsors />
+  <Subscribe />
 </Layout>