From aa4ae71b99d3f94c714b5a4b6b46dfab62ab7bcc Mon Sep 17 00:00:00 2001
From: Gwendal Beaumont <gwendal.beaumont@imt-atlantique.fr>
Date: Wed, 1 Apr 2026 22:47:46 +0200
Subject: [PATCH] feat(i18n): translation strings in HeroSection

---
 src/lib/components/HeroSection.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/HeroSection.svelte b/src/lib/components/HeroSection.svelte
index 8d47402ba..7dc0a8e84 100644
--- a/src/lib/components/HeroSection.svelte
+++ b/src/lib/components/HeroSection.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { Play, Ellipsis } from 'lucide-svelte';
+  import { t } from 'svelte-i18n';
 
   interface Props {
     artwork: string;
@@ -29,11 +30,11 @@
         onmouseleave={() => (playBtnHovered = false)}
       >
         <Play size={16} fill="white" color="white" />
-        <span>Play</span>
+        <span>{ $t('actions.play') }</span>
       </button>
       <button class="more-btn">
         <Ellipsis size={16} color="white" />
-        <span>More</span>
+        <span>{ $t('actions.more') }</span>
       </button>
     </div>
   </div>