From 313bc236bdbe3b5c19cf62aee83933a5ee8340b3 Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Fri, 8 Mar 2024 21:03:07 +0200
Subject: [PATCH 1/7] Fix the footer to the bottom of the page

---
 components/Footer/Footer.tsx | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 57e7684e..a65ccb15 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -42,25 +42,24 @@ const FooterLink = ({ href, text }: FooterLinkProps) => (
     <p className="p-2 text-lg text-center md:text-right">{text}</p>
   </Link>
 );
-
 const Footer: React.FC = () => {
   return (
-    <footer className="z-10 sticky bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full h-96 md:h-40 border-blue-600 bg-lightBg dark:bg-darkAccBg text-darkText dark:text-lightText">
-      <div className="grid w-full grid-cols-2 2xl:w-2/3 md:px-16 lg:px-24 ">
+    <footer className="z-10 bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full border-blue-600 bg-lightBg dark:bg-darkAccBg text-darkText dark:text-lightText">
+      <div className="grid w-full grid-cols-1 md:grid-cols-2 2xl:w-2/3 md:px-2 lg:px-4 md:gap-4 lg:gap-6">
         {links.map((link, index) => (
           <FooterLink key={index} href={link.href} text={link.text} />
         ))}
       </div>
-      <div className="flex flex-col items-center w-full h-auto md:px-24 md:items-end ">
-        <div className="flex flex-col justify-around h-full ">
-          <div className="flex justify-center gap-4 lg:gap-6 ">
+      <div className="flex flex-col items-center w-full h-auto md:px-2 md:items-end md:gap-4 lg:gap-6">
+        <div className="flex flex-col justify-around h-full">
+          <div className="flex justify-center gap-2 md:gap-4 lg:gap-6">
             <GithubIconLink repoUrl="https://github.com/Maakaf/maakaf-website" />
             <FacebookIconLink />
             <LinkedinIconLink />
             <TwitterIconLink />
           </div>
 
-          <div className="flex justify-center w-full gap-10 text-center lg:gap-16 ">
+          <div className="flex justify-center w-full gap-2 text-center md:gap-4 lg:gap-6">
             <Link className="text-sm" href="#">
               תנאי שימוש
             </Link>

From e913cf9dcbc09dc972e42f2c920c21aba8b073bf Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 14:24:44 +0200
Subject: [PATCH 2/7] Change footer colors on white mode

---
 components/Footer/FacebookIconLink.tsx | 2 +-
 components/Footer/Footer.tsx           | 6 +++---
 components/Footer/GithubIconLink.tsx   | 2 +-
 components/Footer/LinkedinIconLink.tsx | 6 +++---
 components/Footer/TwitterIconLink.tsx  | 4 ++--
 5 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/components/Footer/FacebookIconLink.tsx b/components/Footer/FacebookIconLink.tsx
index 8e784127..5bcbc215 100644
--- a/components/Footer/FacebookIconLink.tsx
+++ b/components/Footer/FacebookIconLink.tsx
@@ -16,7 +16,7 @@ const FacebookIconLink = () => (
         <path
           id="Vector"
           d="M33.6667 13H29.6667C27.8986 13 26.2029 13.7024 24.9526 14.9526C23.7024 16.2029 23 17.8986 23 19.6667V23.6667H19V29H23V39.6667H28.3333V29H32.3333L33.6667 23.6667H28.3333V19.6667C28.3333 19.313 28.4738 18.9739 28.7239 18.7239C28.9739 18.4738 29.313 18.3333 29.6667 18.3333H33.6667V13Z"
-          stroke="#94A3B7"
+          stroke="#020616"
           strokeWidth="2"
           strokeLinecap="round"
           strokeLinejoin="round"
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index a65ccb15..943eb31a 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -44,7 +44,7 @@ const FooterLink = ({ href, text }: FooterLinkProps) => (
 );
 const Footer: React.FC = () => {
   return (
-    <footer className="z-10 bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full border-blue-600 bg-lightBg dark:bg-darkAccBg text-darkText dark:text-lightText">
+    <footer className="z-10 bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full border-blue-600 bg-blue-100 dark:bg-darkAccBg text-darkText dark:text-lightText">
       <div className="grid w-full grid-cols-1 md:grid-cols-2 2xl:w-2/3 md:px-2 lg:px-4 md:gap-4 lg:gap-6">
         {links.map((link, index) => (
           <FooterLink key={index} href={link.href} text={link.text} />
@@ -60,10 +60,10 @@ const Footer: React.FC = () => {
           </div>
 
           <div className="flex justify-center w-full gap-2 text-center md:gap-4 lg:gap-6">
-            <Link className="text-sm" href="#">
+            <Link className="text-sm font-normal" href="#">
               תנאי שימוש
             </Link>
-            <Link className="text-sm" href="#">
+            <Link className="text-sm font-normal" href="#">
               הגדרות פרטיות
             </Link>
           </div>
diff --git a/components/Footer/GithubIconLink.tsx b/components/Footer/GithubIconLink.tsx
index 385fecc6..c5b55869 100644
--- a/components/Footer/GithubIconLink.tsx
+++ b/components/Footer/GithubIconLink.tsx
@@ -21,7 +21,7 @@ const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => (
             <g id="GitHub-Icon">
                 <path
                     d="M26,2C14.9543,2,6,10.9543,6,22C6,31.3894,11.7984,39.1736,20.3333,41.8C21.3333,41.9333,21.6667,41.4667,21.6667,41.0667C21.6667,40.8,21.6667,39.6,21.6667,38.0667C14.5333,39.4667,13.4667,36.1333,13.4667,36.1333C12.6,34.0667,11.4,33.6667,11.4,33.6667C10,32.8667,11.8667,32.8667,11.8667,32.8667C13.6667,32.9333,14.6667,34.6,14.6667,34.6C16.4,37.8,19.4667,37.0667,20.6667,36.6C20.8667,35.6,21.3333,34.8667,21.8,34.4667C16.3333,33.8,11.4667,31.3333,11.4667,22.8667C11.4667,20.6667,12.1333,19,13.3333,17.6667C13.1333,17.0667,12.5333,14.6,13.8667,11.4667C13.8667,11.4667,15.4667,11,21.6667,14.8667C23.6667,14.2667,25.8667,14,28,14C30.1333,14,32.3333,14.2667,34.3333,14.8667C40.5333,11,42.1333,11.4667,42.1333,11.4667C43.4667,14.6,42.8667,17.0667,42.6667,17.6667C43.8667,19,44.5333,20.6667,44.5333,22.8667C44.5333,31.3333,39.6667,33.8,34.2,34.4667C34.8,34.9333,35.3333,35.8,35.3333,37.0667C35.3333,39.1333,35.3333,41,35.3333,41.0667C35.3333,41.4667,35.6667,41.9333,36.6667,41.8C45.2016,39.1736,51,31.3894,51,22C51,10.9543,42.0457,2,31,2H26Z"
-                    stroke="#94A3B7"
+                    stroke="#020616"
                     strokeWidth="2"
                     strokeLinecap="round"
                     strokeLinejoin="round"
diff --git a/components/Footer/LinkedinIconLink.tsx b/components/Footer/LinkedinIconLink.tsx
index 8b01a84d..8bc44e20 100644
--- a/components/Footer/LinkedinIconLink.tsx
+++ b/components/Footer/LinkedinIconLink.tsx
@@ -19,7 +19,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector"
               d="M31.6666 21C33.7884 21 35.8232 21.8429 37.3235 23.3431C38.8238 24.8434 39.6666 26.8783 39.6666 29V38.3333H34.3333V29C34.3333 28.2928 34.0523 27.6145 33.5522 27.1144C33.0521 26.6143 32.3739 26.3333 31.6666 26.3333C30.9594 26.3333 30.2811 26.6143 29.781 27.1144C29.2809 27.6145 29 28.2928 29 29V38.3333H23.6666V29C23.6666 26.8783 24.5095 24.8434 26.0098 23.3431C27.5101 21.8429 29.5449 21 31.6666 21Z"
-              stroke="#94A3B7"
+          stroke="#020616"
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -27,7 +27,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_2"
               d="M18.3333 22.3333H13V38.3333H18.3333V22.3333Z"
-              stroke="#94A3B7"
+          stroke="#020616"
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -35,7 +35,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_3"
               d="M15.6667 18.3333C17.1394 18.3333 18.3333 17.1394 18.3333 15.6667C18.3333 14.1939 17.1394 13 15.6667 13C14.1939 13 13 14.1939 13 15.6667C13 17.1394 14.1939 18.3333 15.6667 18.3333Z"
-              stroke="#94A3B7"
+          stroke="#020616"
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
diff --git a/components/Footer/TwitterIconLink.tsx b/components/Footer/TwitterIconLink.tsx
index 0d400165..f057299a 100644
--- a/components/Footer/TwitterIconLink.tsx
+++ b/components/Footer/TwitterIconLink.tsx
@@ -8,7 +8,7 @@ const TwitterIconLink = () => {
       aria-label="תבקרו אותנו בטוויטר"
     >
       <svg
-        width="52"
+        width="52"  
         height="52"
         viewBox="0 0 52 52"
         xmlns="http://www.w3.org/2000/svg"
@@ -18,7 +18,7 @@ const TwitterIconLink = () => {
           <path
             id="Vector"
             d="M40.3333 17.0134C39.0565 17.914 37.6428 18.6029 36.1467 19.0534C35.3437 18.1301 34.2764 17.4757 33.0894 17.1786C31.9023 16.8816 30.6527 16.9563 29.5094 17.3927C28.3662 17.829 27.3846 18.6059 26.6973 19.6184C26.01 20.6308 25.6503 21.8299 25.6667 23.0534V24.3867C23.3235 24.4475 21.0017 23.9278 18.908 22.874C16.8143 21.8202 15.0138 20.2649 13.6667 18.3467C13.6667 18.3467 8.33333 30.3467 20.3333 35.6801C17.5874 37.544 14.3162 38.4786 11 38.3467C23 45.0134 37.6667 38.3467 37.6667 23.0134C37.6654 22.642 37.6297 22.2715 37.56 21.9067C38.9208 20.5647 39.8811 18.8704 40.3333 17.0134Z"
-            stroke="#94A3B7"
+            stroke="#020616"
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"

From c30ece8bcf1896d0af032cb52da9c9478a745520 Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 14:53:46 +0200
Subject: [PATCH 3/7] CHange color in facebook link on dark mode

---
 components/Footer/FacebookIconLink.tsx | 58 +++++++++++++++-----------
 components/Footer/Footer.tsx           |  2 +-
 2 files changed, 34 insertions(+), 26 deletions(-)

diff --git a/components/Footer/FacebookIconLink.tsx b/components/Footer/FacebookIconLink.tsx
index 5bcbc215..788ba73c 100644
--- a/components/Footer/FacebookIconLink.tsx
+++ b/components/Footer/FacebookIconLink.tsx
@@ -1,29 +1,37 @@
+"use client" 
 import React from 'react';
-const FacebookIconLink = () => (
-  <a
-    href="https://www.facebook.com/"
-    target="_blank"
-    aria-label="תבקרו אותנו בפייסבוק"
-  >
-    <svg
-      width="52"
-      height="52"
-      viewBox="0 0 52 52"
-      xmlns="http://www.w3.org/2000/svg"
-      className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700"
+import { useTheme } from 'next-themes';
+
+const FacebookIconLink = () => {
+  const { theme } = useTheme();
+  const strokeColor = theme === 'dark' ? '#dddfe7' : '#020616';
+
+  return (
+    <a
+      href="https://www.facebook.com/"
+      target="_blank"
+      aria-label="Visit us on Facebook"
     >
-      <g id="Facebook-Icon">
-        <path
-          id="Vector"
-          d="M33.6667 13H29.6667C27.8986 13 26.2029 13.7024 24.9526 14.9526C23.7024 16.2029 23 17.8986 23 19.6667V23.6667H19V29H23V39.6667H28.3333V29H32.3333L33.6667 23.6667H28.3333V19.6667C28.3333 19.313 28.4738 18.9739 28.7239 18.7239C28.9739 18.4738 29.313 18.3333 29.6667 18.3333H33.6667V13Z"
-          stroke="#020616"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-        />
-      </g>
-    </svg>
-  </a>
-);
+      <svg
+        width="52"
+        height="52"
+        viewBox="0 0 52 52"
+        xmlns="http://www.w3.org/2000/svg"
+        className={`text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 `}
+      >
+        <g id="Facebook-Icon">
+          <path
+            id="Vector"
+            d="M33.6667 13H29.6667C27.8986 13 26.2029 13.7024 24.9526 14.9526C23.7024 16.2029 23 17.8986 23 19.6667V23.6667H19V29H23V39.6667H28.3333V29H32.3333L33.6667 23.6667H28.3333V19.6667C28.3333 19.313 28.4738 18.9739 28.7239 18.7239C28.9739 18.4738 29.313 18.3333 29.6667 18.3333H33.6667V13Z"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+            stroke={strokeColor} 
+          />
+        </g>
+      </svg>
+    </a>
+  );
+};
 
 export default FacebookIconLink;
diff --git a/components/Footer/Footer.tsx b/components/Footer/Footer.tsx
index 943eb31a..22791be7 100644
--- a/components/Footer/Footer.tsx
+++ b/components/Footer/Footer.tsx
@@ -44,7 +44,7 @@ const FooterLink = ({ href, text }: FooterLinkProps) => (
 );
 const Footer: React.FC = () => {
   return (
-    <footer className="z-10 bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full border-blue-600 bg-blue-100 dark:bg-darkAccBg text-darkText dark:text-lightText">
+    <footer className="z-10 bottom-0 grid py-6 font-inter md:grid-cols-2 border-t-[1px] w-full border-blue-600 bg-blue-100 dark:bg-darkAccBg text-darkTex dark:text-lightText">
       <div className="grid w-full grid-cols-1 md:grid-cols-2 2xl:w-2/3 md:px-2 lg:px-4 md:gap-4 lg:gap-6">
         {links.map((link, index) => (
           <FooterLink key={index} href={link.href} text={link.text} />

From 8cad4236a260f24655487591eabd7b596a856e7a Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 15:06:57 +0200
Subject: [PATCH 4/7] Change the color on all icons

---
 components/Footer/FacebookIconLink.tsx |  6 +++---
 components/Footer/GithubIconLink.tsx   | 18 +++++++++++++-----
 components/Footer/LinkedinIconLink.tsx | 11 ++++++++---
 components/Footer/TwitterIconLink.tsx  |  7 ++++++-
 components/Footer/useStrokeColor.ts    |  7 +++++++
 5 files changed, 37 insertions(+), 12 deletions(-)
 create mode 100644 components/Footer/useStrokeColor.ts

diff --git a/components/Footer/FacebookIconLink.tsx b/components/Footer/FacebookIconLink.tsx
index 788ba73c..ab6f077b 100644
--- a/components/Footer/FacebookIconLink.tsx
+++ b/components/Footer/FacebookIconLink.tsx
@@ -1,10 +1,10 @@
 "use client" 
+
 import React from 'react';
-import { useTheme } from 'next-themes';
+import { useStrokeColor } from './useStrokeColor'
 
 const FacebookIconLink = () => {
-  const { theme } = useTheme();
-  const strokeColor = theme === 'dark' ? '#dddfe7' : '#020616';
+  const strokeColor = useStrokeColor();
 
   return (
     <a
diff --git a/components/Footer/GithubIconLink.tsx b/components/Footer/GithubIconLink.tsx
index c5b55869..2e645ed1 100644
--- a/components/Footer/GithubIconLink.tsx
+++ b/components/Footer/GithubIconLink.tsx
@@ -1,27 +1,34 @@
+"use client" 
+
 import React from 'react';
+import { useStrokeColor } from './useStrokeColor'
+
 
 interface GithubIconLinkProps {
     repoUrl: string;
 }
 
-const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => (
-    <a
+const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => {
+  const strokeColor = useStrokeColor();
+    return (
+        
+        <a
         href={repoUrl}
         target="_blank"
         rel="noopener noreferrer"
         aria-label="תבקרו אותנו בגיטהאב"
-    >
+        >
         <svg
             width="40"
             height="40"
             viewBox="0 0 52 52"
             xmlns="http://www.w3.org/2000/svg"
             className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 transform translate-y-3"
-        >
+            >
             <g id="GitHub-Icon">
                 <path
                     d="M26,2C14.9543,2,6,10.9543,6,22C6,31.3894,11.7984,39.1736,20.3333,41.8C21.3333,41.9333,21.6667,41.4667,21.6667,41.0667C21.6667,40.8,21.6667,39.6,21.6667,38.0667C14.5333,39.4667,13.4667,36.1333,13.4667,36.1333C12.6,34.0667,11.4,33.6667,11.4,33.6667C10,32.8667,11.8667,32.8667,11.8667,32.8667C13.6667,32.9333,14.6667,34.6,14.6667,34.6C16.4,37.8,19.4667,37.0667,20.6667,36.6C20.8667,35.6,21.3333,34.8667,21.8,34.4667C16.3333,33.8,11.4667,31.3333,11.4667,22.8667C11.4667,20.6667,12.1333,19,13.3333,17.6667C13.1333,17.0667,12.5333,14.6,13.8667,11.4667C13.8667,11.4667,15.4667,11,21.6667,14.8667C23.6667,14.2667,25.8667,14,28,14C30.1333,14,32.3333,14.2667,34.3333,14.8667C40.5333,11,42.1333,11.4667,42.1333,11.4667C43.4667,14.6,42.8667,17.0667,42.6667,17.6667C43.8667,19,44.5333,20.6667,44.5333,22.8667C44.5333,31.3333,39.6667,33.8,34.2,34.4667C34.8,34.9333,35.3333,35.8,35.3333,37.0667C35.3333,39.1333,35.3333,41,35.3333,41.0667C35.3333,41.4667,35.6667,41.9333,36.6667,41.8C45.2016,39.1736,51,31.3894,51,22C51,10.9543,42.0457,2,31,2H26Z"
-                    stroke="#020616"
+                    stroke={strokeColor}
                     strokeWidth="2"
                     strokeLinecap="round"
                     strokeLinejoin="round"
@@ -30,5 +37,6 @@ const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => (
         </svg>
     </a>
 );
+}
 
 export default GithubIconLink;
\ No newline at end of file
diff --git a/components/Footer/LinkedinIconLink.tsx b/components/Footer/LinkedinIconLink.tsx
index 8bc44e20..fb9e3165 100644
--- a/components/Footer/LinkedinIconLink.tsx
+++ b/components/Footer/LinkedinIconLink.tsx
@@ -1,6 +1,11 @@
+"use client" 
+
 import React from 'react';
+import { useStrokeColor } from './useStrokeColor'
 
 const LinkedinIconLink = () => {
+  const strokeColor = useStrokeColor();
+
   return (
     <a
       href="https://www.linkedin.com/"
@@ -19,7 +24,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector"
               d="M31.6666 21C33.7884 21 35.8232 21.8429 37.3235 23.3431C38.8238 24.8434 39.6666 26.8783 39.6666 29V38.3333H34.3333V29C34.3333 28.2928 34.0523 27.6145 33.5522 27.1144C33.0521 26.6143 32.3739 26.3333 31.6666 26.3333C30.9594 26.3333 30.2811 26.6143 29.781 27.1144C29.2809 27.6145 29 28.2928 29 29V38.3333H23.6666V29C23.6666 26.8783 24.5095 24.8434 26.0098 23.3431C27.5101 21.8429 29.5449 21 31.6666 21Z"
-          stroke="#020616"
+              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -27,7 +32,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_2"
               d="M18.3333 22.3333H13V38.3333H18.3333V22.3333Z"
-          stroke="#020616"
+              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -35,7 +40,7 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_3"
               d="M15.6667 18.3333C17.1394 18.3333 18.3333 17.1394 18.3333 15.6667C18.3333 14.1939 17.1394 13 15.6667 13C14.1939 13 13 14.1939 13 15.6667C13 17.1394 14.1939 18.3333 15.6667 18.3333Z"
-          stroke="#020616"
+              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
diff --git a/components/Footer/TwitterIconLink.tsx b/components/Footer/TwitterIconLink.tsx
index f057299a..bf6fa418 100644
--- a/components/Footer/TwitterIconLink.tsx
+++ b/components/Footer/TwitterIconLink.tsx
@@ -1,6 +1,11 @@
+"use client" 
+
 import React from 'react';
+import { useStrokeColor } from './useStrokeColor'
 
 const TwitterIconLink = () => {
+  const strokeColor = useStrokeColor();
+
   return (
     <a
       href="https://twitter.com/"
@@ -18,7 +23,7 @@ const TwitterIconLink = () => {
           <path
             id="Vector"
             d="M40.3333 17.0134C39.0565 17.914 37.6428 18.6029 36.1467 19.0534C35.3437 18.1301 34.2764 17.4757 33.0894 17.1786C31.9023 16.8816 30.6527 16.9563 29.5094 17.3927C28.3662 17.829 27.3846 18.6059 26.6973 19.6184C26.01 20.6308 25.6503 21.8299 25.6667 23.0534V24.3867C23.3235 24.4475 21.0017 23.9278 18.908 22.874C16.8143 21.8202 15.0138 20.2649 13.6667 18.3467C13.6667 18.3467 8.33333 30.3467 20.3333 35.6801C17.5874 37.544 14.3162 38.4786 11 38.3467C23 45.0134 37.6667 38.3467 37.6667 23.0134C37.6654 22.642 37.6297 22.2715 37.56 21.9067C38.9208 20.5647 39.8811 18.8704 40.3333 17.0134Z"
-            stroke="#020616"
+            stroke={strokeColor}
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
diff --git a/components/Footer/useStrokeColor.ts b/components/Footer/useStrokeColor.ts
new file mode 100644
index 00000000..3c57dd89
--- /dev/null
+++ b/components/Footer/useStrokeColor.ts
@@ -0,0 +1,7 @@
+import { useTheme } from 'next-themes';
+
+export const useStrokeColor = () => {
+  const { theme } = useTheme();
+  const strokeColor = theme === 'dark' ? '#dddfe7' : '#020616';
+  return strokeColor;
+};
\ No newline at end of file

From 6e5f4e204fcf4a9355e17e19d9eb019bbff10995 Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 15:09:25 +0200
Subject: [PATCH 5/7] Change linked in url

---
 components/Footer/LinkedinIconLink.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/LinkedinIconLink.tsx b/components/Footer/LinkedinIconLink.tsx
index fb9e3165..ed28d2b3 100644
--- a/components/Footer/LinkedinIconLink.tsx
+++ b/components/Footer/LinkedinIconLink.tsx
@@ -8,7 +8,7 @@ const LinkedinIconLink = () => {
 
   return (
     <a
-      href="https://www.linkedin.com/"
+      href="https://www.linkedin.com/company/maakaf/"
       target="_blank"
       aria-label="תבקרו אותנו בלינקדאין"
     >

From 05bc3df41bc35c955d158664b87004f04d66a0f0 Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 15:14:26 +0200
Subject: [PATCH 6/7] Revert text change

---
 components/Footer/FacebookIconLink.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Footer/FacebookIconLink.tsx b/components/Footer/FacebookIconLink.tsx
index ab6f077b..ed6759ce 100644
--- a/components/Footer/FacebookIconLink.tsx
+++ b/components/Footer/FacebookIconLink.tsx
@@ -10,7 +10,7 @@ const FacebookIconLink = () => {
     <a
       href="https://www.facebook.com/"
       target="_blank"
-      aria-label="Visit us on Facebook"
+      aria-label="תבקרו אותנו בפייסבוק"
     >
       <svg
         width="52"

From f7a3411fb8d5a929a637dc3b365e5bd4ce75d904 Mon Sep 17 00:00:00 2001
From: Tamir <1tamir198@gmail.com>
Date: Sat, 9 Mar 2024 23:14:45 +0200
Subject: [PATCH 7/7] Apply stroke based on dark theme instead of hookl

---
 components/Footer/FacebookIconLink.tsx | 8 +-------
 components/Footer/GithubIconLink.tsx   | 9 +--------
 components/Footer/LinkedinIconLink.tsx | 9 +--------
 components/Footer/TwitterIconLink.tsx  | 7 +------
 components/Footer/useStrokeColor.ts    | 7 -------
 5 files changed, 4 insertions(+), 36 deletions(-)
 delete mode 100644 components/Footer/useStrokeColor.ts

diff --git a/components/Footer/FacebookIconLink.tsx b/components/Footer/FacebookIconLink.tsx
index ed6759ce..ed63f276 100644
--- a/components/Footer/FacebookIconLink.tsx
+++ b/components/Footer/FacebookIconLink.tsx
@@ -1,11 +1,6 @@
-"use client" 
-
 import React from 'react';
-import { useStrokeColor } from './useStrokeColor'
 
 const FacebookIconLink = () => {
-  const strokeColor = useStrokeColor();
-
   return (
     <a
       href="https://www.facebook.com/"
@@ -17,7 +12,7 @@ const FacebookIconLink = () => {
         height="52"
         viewBox="0 0 52 52"
         xmlns="http://www.w3.org/2000/svg"
-        className={`text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 `}
+        className={`text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 stroke-[#020616] dark:stroke-[#dddfe7]`}
       >
         <g id="Facebook-Icon">
           <path
@@ -26,7 +21,6 @@ const FacebookIconLink = () => {
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
-            stroke={strokeColor} 
           />
         </g>
       </svg>
diff --git a/components/Footer/GithubIconLink.tsx b/components/Footer/GithubIconLink.tsx
index 2e645ed1..95bc1f82 100644
--- a/components/Footer/GithubIconLink.tsx
+++ b/components/Footer/GithubIconLink.tsx
@@ -1,15 +1,9 @@
-"use client" 
-
 import React from 'react';
-import { useStrokeColor } from './useStrokeColor'
-
-
 interface GithubIconLinkProps {
     repoUrl: string;
 }
 
 const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => {
-  const strokeColor = useStrokeColor();
     return (
         
         <a
@@ -23,12 +17,11 @@ const GithubIconLink: React.FC<GithubIconLinkProps> = ({ repoUrl }) => {
             height="40"
             viewBox="0 0 52 52"
             xmlns="http://www.w3.org/2000/svg"
-            className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 transform translate-y-3"
+            className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-700 transform translate-y-3 stroke-[#020616] dark:stroke-[#dddfe7]"
             >
             <g id="GitHub-Icon">
                 <path
                     d="M26,2C14.9543,2,6,10.9543,6,22C6,31.3894,11.7984,39.1736,20.3333,41.8C21.3333,41.9333,21.6667,41.4667,21.6667,41.0667C21.6667,40.8,21.6667,39.6,21.6667,38.0667C14.5333,39.4667,13.4667,36.1333,13.4667,36.1333C12.6,34.0667,11.4,33.6667,11.4,33.6667C10,32.8667,11.8667,32.8667,11.8667,32.8667C13.6667,32.9333,14.6667,34.6,14.6667,34.6C16.4,37.8,19.4667,37.0667,20.6667,36.6C20.8667,35.6,21.3333,34.8667,21.8,34.4667C16.3333,33.8,11.4667,31.3333,11.4667,22.8667C11.4667,20.6667,12.1333,19,13.3333,17.6667C13.1333,17.0667,12.5333,14.6,13.8667,11.4667C13.8667,11.4667,15.4667,11,21.6667,14.8667C23.6667,14.2667,25.8667,14,28,14C30.1333,14,32.3333,14.2667,34.3333,14.8667C40.5333,11,42.1333,11.4667,42.1333,11.4667C43.4667,14.6,42.8667,17.0667,42.6667,17.6667C43.8667,19,44.5333,20.6667,44.5333,22.8667C44.5333,31.3333,39.6667,33.8,34.2,34.4667C34.8,34.9333,35.3333,35.8,35.3333,37.0667C35.3333,39.1333,35.3333,41,35.3333,41.0667C35.3333,41.4667,35.6667,41.9333,36.6667,41.8C45.2016,39.1736,51,31.3894,51,22C51,10.9543,42.0457,2,31,2H26Z"
-                    stroke={strokeColor}
                     strokeWidth="2"
                     strokeLinecap="round"
                     strokeLinejoin="round"
diff --git a/components/Footer/LinkedinIconLink.tsx b/components/Footer/LinkedinIconLink.tsx
index ed28d2b3..e6718240 100644
--- a/components/Footer/LinkedinIconLink.tsx
+++ b/components/Footer/LinkedinIconLink.tsx
@@ -1,10 +1,6 @@
-"use client" 
-
 import React from 'react';
-import { useStrokeColor } from './useStrokeColor'
 
 const LinkedinIconLink = () => {
-  const strokeColor = useStrokeColor();
 
   return (
     <a
@@ -13,7 +9,7 @@ const LinkedinIconLink = () => {
       aria-label="תבקרו אותנו בלינקדאין"
     >
       <svg
-        className="text-transparent transition fill-current hover:text-blue-600"
+        className="text-transparent transition fill-current hover:text-blue-600 stroke-[#020616] dark:stroke-[#dddfe7]"
         width="52"
         height="52"
         viewBox="0 0 52 52"
@@ -24,7 +20,6 @@ const LinkedinIconLink = () => {
             <path
               id="Vector"
               d="M31.6666 21C33.7884 21 35.8232 21.8429 37.3235 23.3431C38.8238 24.8434 39.6666 26.8783 39.6666 29V38.3333H34.3333V29C34.3333 28.2928 34.0523 27.6145 33.5522 27.1144C33.0521 26.6143 32.3739 26.3333 31.6666 26.3333C30.9594 26.3333 30.2811 26.6143 29.781 27.1144C29.2809 27.6145 29 28.2928 29 29V38.3333H23.6666V29C23.6666 26.8783 24.5095 24.8434 26.0098 23.3431C27.5101 21.8429 29.5449 21 31.6666 21Z"
-              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -32,7 +27,6 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_2"
               d="M18.3333 22.3333H13V38.3333H18.3333V22.3333Z"
-              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
@@ -40,7 +34,6 @@ const LinkedinIconLink = () => {
             <path
               id="Vector_3"
               d="M15.6667 18.3333C17.1394 18.3333 18.3333 17.1394 18.3333 15.6667C18.3333 14.1939 17.1394 13 15.6667 13C14.1939 13 13 14.1939 13 15.6667C13 17.1394 14.1939 18.3333 15.6667 18.3333Z"
-              stroke={strokeColor}
               strokeWidth="2"
               strokeLinecap="round"
               strokeLinejoin="round"
diff --git a/components/Footer/TwitterIconLink.tsx b/components/Footer/TwitterIconLink.tsx
index bf6fa418..e4356221 100644
--- a/components/Footer/TwitterIconLink.tsx
+++ b/components/Footer/TwitterIconLink.tsx
@@ -1,10 +1,6 @@
-"use client" 
-
 import React from 'react';
-import { useStrokeColor } from './useStrokeColor'
 
 const TwitterIconLink = () => {
-  const strokeColor = useStrokeColor();
 
   return (
     <a
@@ -17,13 +13,12 @@ const TwitterIconLink = () => {
         height="52"
         viewBox="0 0 52 52"
         xmlns="http://www.w3.org/2000/svg"
-        className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-400"
+        className="text-transparent transition duration-300 cursor-pointer fill-current hover:text-blue-400 stroke-[#020616] dark:stroke-[#dddfe7]"
       >
         <g id="Twitter">
           <path
             id="Vector"
             d="M40.3333 17.0134C39.0565 17.914 37.6428 18.6029 36.1467 19.0534C35.3437 18.1301 34.2764 17.4757 33.0894 17.1786C31.9023 16.8816 30.6527 16.9563 29.5094 17.3927C28.3662 17.829 27.3846 18.6059 26.6973 19.6184C26.01 20.6308 25.6503 21.8299 25.6667 23.0534V24.3867C23.3235 24.4475 21.0017 23.9278 18.908 22.874C16.8143 21.8202 15.0138 20.2649 13.6667 18.3467C13.6667 18.3467 8.33333 30.3467 20.3333 35.6801C17.5874 37.544 14.3162 38.4786 11 38.3467C23 45.0134 37.6667 38.3467 37.6667 23.0134C37.6654 22.642 37.6297 22.2715 37.56 21.9067C38.9208 20.5647 39.8811 18.8704 40.3333 17.0134Z"
-            stroke={strokeColor}
             strokeWidth="2"
             strokeLinecap="round"
             strokeLinejoin="round"
diff --git a/components/Footer/useStrokeColor.ts b/components/Footer/useStrokeColor.ts
deleted file mode 100644
index 3c57dd89..00000000
--- a/components/Footer/useStrokeColor.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import { useTheme } from 'next-themes';
-
-export const useStrokeColor = () => {
-  const { theme } = useTheme();
-  const strokeColor = theme === 'dark' ? '#dddfe7' : '#020616';
-  return strokeColor;
-};
\ No newline at end of file