diff --git a/apps/web/src/routes/__auth.login.lazy.tsx b/apps/web/src/routes/__auth.login.lazy.tsx
index a7e8fdd..c4c361e 100644
--- a/apps/web/src/routes/__auth.login.lazy.tsx
+++ b/apps/web/src/routes/__auth.login.lazy.tsx
@@ -4,6 +4,7 @@ import { useTranslation } from '@dropit/i18n';
 import { LoginForm } from '@/shared/components/auth/login-form';
 import { useEffect } from 'react';
 import { BicepsFlexed } from 'lucide-react';
+import loginImage from '@/assets/images/hero-pages/login.svg';
 
 export const Route = createLazyFileRoute('/__auth/login')({
   component: Login,
@@ -52,7 +53,7 @@ function Login() {
         {/* Image à gauche */}
         <div className="hidden lg:flex items-center justify-center py-12">
           <img
-            src="/src/assets/images/hero-pages/login.svg"
+            src={loginImage}
             alt="Login illustration"
             className="w-full h-full max-h-[800px] object-contain"
           />
diff --git a/apps/web/src/routes/__auth.signup.lazy.tsx b/apps/web/src/routes/__auth.signup.lazy.tsx
index e305d2f..53bb813 100644
--- a/apps/web/src/routes/__auth.signup.lazy.tsx
+++ b/apps/web/src/routes/__auth.signup.lazy.tsx
@@ -4,6 +4,7 @@ import { SignupForm } from '@/shared/components/auth/signup-form';
 import { authClient } from '../lib/auth-client';
 import { useEffect } from 'react';
 import { BicepsFlexed } from 'lucide-react';
+import loginImage from '@/assets/images/hero-pages/login.svg';
 
 export const Route = createLazyFileRoute('/__auth/signup')({
   component: Signup,
@@ -51,7 +52,7 @@ function Signup() {
         {/* Image à gauche */}
         <div className="hidden lg:flex items-center justify-center py-12">
           <img
-            src="/src/assets/images/hero-pages/login.svg"
+            src={loginImage}
             alt="Signup illustration"
             className="w-full h-full max-h-[800px] object-contain"
           />
diff --git a/apps/web/src/routes/onboarding.tsx b/apps/web/src/routes/onboarding.tsx
index 5c630c4..58586d9 100644
--- a/apps/web/src/routes/onboarding.tsx
+++ b/apps/web/src/routes/onboarding.tsx
@@ -10,6 +10,7 @@ import {
   UserCheck
 } from 'lucide-react';
 import { cn } from '@/lib/utils';
+import onboardingImage from '@/assets/images/hero-pages/199306.svg';
 
 export const Route = createFileRoute('/onboarding')({
   beforeLoad: async () => {
@@ -40,7 +41,7 @@ function OnboardingChoice() {
         <div className="text-center mb-12">
           <div className="mx-auto mb-6 w-32 h-32 flex items-center justify-center">
             <img
-              src="/src/assets/images/hero-pages/199306.svg"
+              src={onboardingImage}
               alt=""
               className="w-full h-full object-contain"
             />
diff --git a/apps/web/src/shared/components/ui/hero-card.tsx b/apps/web/src/shared/components/ui/hero-card.tsx
index dc7e9c1..d2c998a 100644
--- a/apps/web/src/shared/components/ui/hero-card.tsx
+++ b/apps/web/src/shared/components/ui/hero-card.tsx
@@ -1,31 +1,35 @@
 import { cn } from '@/lib/utils'
 import { Dumbbell, Library, Zap, Users, Play, type LucideIcon } from 'lucide-react'
 import { Button } from './button'
+import workoutImage from '@/assets/images/hero-pages/199309.svg'
+import complexImage from '@/assets/images/hero-pages/199307.svg'
+import exerciseImage from '@/assets/images/hero-pages/199308.svg'
+import athleteImage from '@/assets/images/hero-pages/199306.svg'
 
 const variantConfig = {
   workout: {
     icon: Dumbbell,
     iconColor: 'text-gray-700',
     gradientClass: 'bg-gradient-to-br from-blue-50 to-indigo-50',
-    image: '/src/assets/images/hero-pages/199309.svg',
+    image: workoutImage,
   },
   complex: {
     icon: Zap,
     iconColor: 'text-gray-700',
     gradientClass: 'bg-gradient-to-br from-purple-50 to-pink-50',
-    image: '/src/assets/images/hero-pages/199307.svg',
+    image: complexImage,
   },
   exercise: {
     icon: Library,
     iconColor: 'text-gray-700',
     gradientClass: 'bg-gradient-to-br from-teal-50 to-cyan-50',
-    image: '/src/assets/images/hero-pages/199308.svg',
+    image: exerciseImage,
   },
   athlete: {
     icon: Users,
     iconColor: 'text-gray-700',
     gradientClass: 'bg-gradient-to-br from-green-50 to-emerald-50',
-    image: '/src/assets/images/hero-pages/199306.svg',
+    image: athleteImage,
   },
 }