Merge branch 'svelte-henri' into svelte

src/layout/Navbar.svelte

@@ -11,7 +11,6 @@
   // Icon imports (Lucide)
   import Coffee from "lucide-svelte/icons/coffee";
   import Presentation from "lucide-svelte/icons/presentation";
-  import Swords from "lucide-svelte/icons/swords";
   import Lectern from "lucide-svelte/icons/lectern";
   import Bot from "lucide-svelte/icons/bot";
   import HandHeart from "lucide-svelte/icons/hand-heart";

src/routes/Striim.svelte

@@ -0,0 +1,32 @@
+<script>
+  import { Section, Grid } from "$components";
+
+  let sectionElement;
+  let imagesLoaded = 0;
+  const totalImages = 3;
+  
+  function handleImageLoad() {
+    imagesLoaded++;
+    if (imagesLoaded === totalImages && sectionElement) {
+        sectionElement.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+  }
+</script>
+
+<div bind:this={sectionElement}>
+<Section>
+  <Grid min="400px">
+    <a href="https://master.lapikud.ee/stream/1/stream">
+      <img src="https://master.lapikud.ee/stream/1/substream" alt="video0" style="width:100%;" on:load={handleImageLoad}/>
+    </a>
+
+    <a href="https://master.lapikud.ee/stream/2/stream">
+      <img src="https://master.lapikud.ee/stream/2/substream" alt="video1" style="width:100%;" on:load={handleImageLoad}/>
+    </a>
+
+    <a href="https://master.lapikud.ee/stream/3/stream">
+      <img src="https://master.lapikud.ee/stream/3/substream" alt="video2" style="width:100%;" on:load={handleImageLoad}/>
+    </a>
+    </Grid>
+</Section>
+</div>

src/routes/index.js

@@ -9,6 +9,7 @@ import OurWork from './OurWork.svelte'
 import AboutUs from './AboutUs.svelte'
 import Contact from './Contact.svelte'
 import Managment from './Managment.svelte'
+import Striim from './Striim.svelte'
 
 // Route mapping for language switching
 export const routeMap = {
@@ -77,4 +78,5 @@ export const routes = {
   '/contact': Contact,
   '/juhatus': Managment,
   '/management': Managment,
+  '/striim': Striim,
 }