From 1c39366bbd7b6c4b6c07e675d6b8146f6f4ae8a2 Mon Sep 17 00:00:00 2001
From: Wituareard <87208350+Wituareard@users.noreply.github.com>
Date: Thu, 11 Jun 2026 19:42:46 +0200
Subject: [PATCH 1/2] Load Motion lazily #897

---
 src/lib/components/PressLogos.svelte | 46 +++++++++++++++-------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/lib/components/PressLogos.svelte b/src/lib/components/PressLogos.svelte
index c5697bcaa..f790a044c 100644
--- a/src/lib/components/PressLogos.svelte
+++ b/src/lib/components/PressLogos.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Image from '$lib/components/Image.svelte'
 	import LinkWithoutIcon from '$lib/components/LinkWithoutIcon.svelte'
-	import { motion } from 'motion-sv'
+	import { LazyMotion, motion, domAnimation } from 'motion-sv'
 
 	const publications = [
 		{
@@ -59,30 +59,32 @@
 <div class="press-section">
 	<div class="container">
 		<h2 class="section-title">Media Coverage</h2>
-		<motion.div
-			class="logos-row"
-			variants={containerVariants}
-			initial="hidden"
-			whileInView="visible"
-			inViewOptions={{ once: true }}
-		>
-			{#each publications as pub}
+		<LazyMotion features={domAnimation}>
+			<motion.div
+				class="logos-row"
+				variants={containerVariants}
+				initial="hidden"
+				whileInView="visible"
+				inViewOptions={{ once: true }}
+			>
+				{#each publications as pub}
+					<motion.div variants={itemVariants}>
+						<LinkWithoutIcon href={pub.url} target="_blank" class="pub-link">
+							<Image
+								src={pub.src}
+								alt={pub.name}
+								title={pub.name}
+								class="logo-img logo-{pub.name.toLowerCase().replace(' ', '-')}"
+							/>
+						</LinkWithoutIcon>
+					</motion.div>
+				{/each}
+
 				<motion.div variants={itemVariants}>
-					<LinkWithoutIcon href={pub.url} target="_blank" class="pub-link">
-						<Image
-							src={pub.src}
-							alt={pub.name}
-							title={pub.name}
-							class="logo-img logo-{pub.name.toLowerCase().replace(' ', '-')}"
-						/>
-					</LinkWithoutIcon>
+					<LinkWithoutIcon href="/press" class="see-all">See all coverage →</LinkWithoutIcon>
 				</motion.div>
-			{/each}
-
-			<motion.div variants={itemVariants}>
-				<LinkWithoutIcon href="/press" class="see-all">See all coverage →</LinkWithoutIcon>
 			</motion.div>
-		</motion.div>
+		</LazyMotion>
 	</div>
 </div>
 

From 60558c5a5cebf93484720d82613f782dc38f5a27 Mon Sep 17 00:00:00 2001
From: Wituareard <87208350+Wituareard@users.noreply.github.com>
Date: Thu, 11 Jun 2026 19:48:54 +0200
Subject: [PATCH 2/2] Fix lazy loading

---
 src/lib/components/PressLogos.svelte | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/PressLogos.svelte b/src/lib/components/PressLogos.svelte
index f790a044c..456d338b2 100644
--- a/src/lib/components/PressLogos.svelte
+++ b/src/lib/components/PressLogos.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import Image from '$lib/components/Image.svelte'
 	import LinkWithoutIcon from '$lib/components/LinkWithoutIcon.svelte'
-	import { LazyMotion, motion, domAnimation } from 'motion-sv'
+	import { domAnimation, LazyMotion, m } from 'motion-sv'
 
 	const publications = [
 		{
@@ -60,7 +60,7 @@
 	<div class="container">
 		<h2 class="section-title">Media Coverage</h2>
 		<LazyMotion features={domAnimation}>
-			<motion.div
+			<m.div
 				class="logos-row"
 				variants={containerVariants}
 				initial="hidden"
@@ -68,7 +68,7 @@
 				inViewOptions={{ once: true }}
 			>
 				{#each publications as pub}
-					<motion.div variants={itemVariants}>
+					<m.div variants={itemVariants}>
 						<LinkWithoutIcon href={pub.url} target="_blank" class="pub-link">
 							<Image
 								src={pub.src}
@@ -77,13 +77,13 @@
 								class="logo-img logo-{pub.name.toLowerCase().replace(' ', '-')}"
 							/>
 						</LinkWithoutIcon>
-					</motion.div>
+					</m.div>
 				{/each}
 
-				<motion.div variants={itemVariants}>
+				<m.div variants={itemVariants}>
 					<LinkWithoutIcon href="/press" class="see-all">See all coverage →</LinkWithoutIcon>
-				</motion.div>
-			</motion.div>
+				</m.div>
+			</m.div>
 		</LazyMotion>
 	</div>
 </div>