diff --git a/src/components/comparisonCards.js b/src/components/comparisonCards.js
index 0b880ff..941fdfc 100644
--- a/src/components/comparisonCards.js
+++ b/src/components/comparisonCards.js
@@ -71,7 +71,7 @@ const ComparisonCards = () => {
               </span>
               {dropdown.flockiq === index && (
                 <div className="feature-dropdown">
-                  <img
+                  <Image
                     src={feature.img} // Correct path to image
                     alt={feature.title}
                     className="feature-img"
@@ -100,7 +100,7 @@ const ComparisonCards = () => {
               </span>
               {dropdown.googleForms === index && (
                 <div className="feature-dropdown">
-                  <img
+                  <Image
                     src={feature.img} // Correct path to image
                     alt={feature.title}
                     className="feature-img"
diff --git a/src/components/header.js b/src/components/header.js
index fdb5772..07fdcbc 100644
--- a/src/components/header.js
+++ b/src/components/header.js
@@ -24,7 +24,7 @@ export default function Header() {
   return (
     <nav className="sticky top-0 bg-black border-b border-gray-700 py-4 z-50">
       <div className="container mx-auto flex justify-between items-center px-4">
-        <a href="/" className="flex items-center gap-2 text-white no-underline">
+        <Link href="/" className="flex items-center gap-2 text-white no-underline">
           <div className="bg-white text-black w-8 h-8 flex items-center justify-center rounded-lg font-bold">
             FQ
           </div>
@@ -35,7 +35,7 @@ export default function Header() {
           >
             FlockIQ
           </span>
-        </a>
+        </Link>
         <div className="flex gap-4 items-center">
   <a href="#features" className="text-gray-400 hover:text-white transition">
     Features