diff --git a/frontend/app/components/Contact.tsx b/frontend/app/components/Contact.tsx
index 5356921..0542115 100644
--- a/frontend/app/components/Contact.tsx
+++ b/frontend/app/components/Contact.tsx
@@ -66,7 +66,7 @@ export default function ContactComponent() {
         {data?.email ? (
           <ContactForm />
         ) : (
-          <p className="u-muted">Une erreur est survenue. Vous pouvez tout de même me contacter directement par email : <a href="mailto:violet.anthony90@gmail.com">Me joindre par email</a></p>
+          <p className="u-muted"></p>
         )}
       </div>
     </div>
diff --git a/frontend/app/components/Services.tsx b/frontend/app/components/Services.tsx
index 49b98b6..e95a4e3 100644
--- a/frontend/app/components/Services.tsx
+++ b/frontend/app/components/Services.tsx
@@ -1,3 +1,5 @@
+import Image from "next/image";
+
 async function GetServices() {
     const res = await fetch(`${process.env.BACKEND_URL}/services`, {
         cache: process.env.CACHE
@@ -19,7 +21,15 @@ export default async function Services() {
                 <ul className="grid-3">
                     {services.map((service: any) => (
                         <li key={service.id} className="service-card card feature">
-                            <span className="feature__icon" aria-hidden="true"></span>
+                            <div className="feature__icon" aria-hidden="true">
+                                <Image
+                                    src={service.img}
+                                    alt={service.name}
+                                    fill
+                                    sizes="40px"
+                                    style={{ objectFit: "cover" }}
+                                />
+                            </div>
                             <div>
                                 <h3 className="feature__title">{service.name}</h3>
                                 {"description" in service && service.description ? (
diff --git a/frontend/app/css/components.css b/frontend/app/css/components.css
index 2d95028..163d09c 100644
--- a/frontend/app/css/components.css
+++ b/frontend/app/css/components.css
@@ -84,6 +84,8 @@
   background: var(--color-accent-600);
   border: 1px solid var(--color-accent-100, #ffe4d6);
   box-shadow: inset 0 0 0 2px rgba(255, 107, 53, 0.08);
+  position: relative;
+  overflow: hidden;
 }
 
 .feature__title {
@@ -144,6 +146,8 @@
   background: var(--color-accent-50, #fff4ec);
   border: 1px solid var(--color-accent-100, #ffe4d6);
   box-shadow: inset 0 0 0 2px rgba(255, 107, 53, 0.08);
+  position: relative;
+  overflow: hidden;
 }
 
 .feature__title {
diff --git a/frontend/app/favicon.ico b/frontend/app/favicon.ico
index 718d6fe..74b3fc5 100644
Binary files a/frontend/app/favicon.ico and b/frontend/app/favicon.ico differ
diff --git a/frontend/next.config.ts b/frontend/next.config.ts
index e9ffa30..3a80850 100644
--- a/frontend/next.config.ts
+++ b/frontend/next.config.ts
@@ -2,6 +2,9 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+    images: {
+        domains: ['photos.toine-server.eu'],
+    },
 };
 
 export default nextConfig;
diff --git a/frontend/public/images/consultance.webp b/frontend/public/images/consultance.webp
new file mode 100644
index 0000000..0aa6530
Binary files /dev/null and b/frontend/public/images/consultance.webp differ
diff --git a/frontend/public/images/unity.png b/frontend/public/images/unity.png
new file mode 100644
index 0000000..8dc67cc
Binary files /dev/null and b/frontend/public/images/unity.png differ