diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 078d41f..e38be35 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -1,6 +1,7 @@
 import { useEffect, useState } from "react";
 import "./Header.css";
 import { NavLink, useLocation } from "react-router-dom";
+import ImgHeader from "../../marielWebPage/img/mariuHeader.png";
 
 function Header() {
   const [menu, setMenu] = useState(true);
@@ -28,11 +29,7 @@ function Header() {
   return (
     <div className="header">
       <NavLink to="/marielWebPage">
-        <img
-          className="imgHeader"
-          src="../../marielWebPage/img/mariuHeader.png"
-          alt="Forn Mariu"
-        />
+        <img className="imgHeader" src={ImgHeader} alt="Forn Mariu" />
       </NavLink>
       {menu ? (
         <label
diff --git a/src/components/WhatsappButton.jsx b/src/components/WhatsappButton.jsx
index f8a2932..89c86a1 100644
--- a/src/components/WhatsappButton.jsx
+++ b/src/components/WhatsappButton.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-
+import Whatsapp from "../../marielWebPage/img/whatsapp.png";
 const WhatsappButton = ({ phoneNumber, message }) => {
   const handleClick = () => {
     const whatsappLink = `https://wa.me/${phoneNumber}?text=${encodeURIComponent(
@@ -11,11 +11,7 @@ const WhatsappButton = ({ phoneNumber, message }) => {
   return (
     <button className="btn" onClick={handleClick}>
       {" "}
-      <img
-        className="whatsapp"
-        src="../../marielWebPage/img/whatsapp.png"
-        alt="whatsapp"
-      />
+      <img className="whatsapp" src={Whatsapp} alt="whatsapp" />
     </button>
   );
 };