Adjusted some effects

Author: haseenafridi10

components/buttons/Sponsor.tsx

@@ -2,7 +2,7 @@
 function Sponsor() {
   return (
     <a
-      className='inline-block transition-transform duration-200 hover:scale-105 hover:drop-shadow-lg'
+      className=' inline-block transition-all duration-300 ease-in-out hover:scale-[1.03] hover:-translate-y-1 hover:shadow-[0_10px_20px_rgba(0,0,0,0.1)]'
       target='_blank'
       rel='noopener noreferrer'
       href='https://github.com/sponsors/nikohoffren?o=esc'

components/layout/Footer.tsx

@@ -8,6 +8,7 @@ import Sponsor from '../buttons/Sponsor'
 
 const Footer = () => {
   const [starCount, setStarCount] = useState<number | null>(null)
+  const hoverEffect = 'hover:text-blue-600';
 
   useEffect(() => {
     fetch('https://api.github.com/repos/fork-commit-merge/fork-commit-merge')
@@ -47,7 +48,7 @@ const Footer = () => {
                 href='https://github.com/fork-commit-merge/fork-commit-merge'
                 target='_blank'
                 rel='noopener noreferrer'
-                className='text-gray-400 hover:text-modern-purple'
+                className='text-gray-400 hover:text-black'
                 aria-label='GitHub'
               >
                 <svg
@@ -75,7 +76,7 @@ const Footer = () => {
                   href='https://nextjs.org/'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Next.js
                 </a>
@@ -85,7 +86,7 @@ const Footer = () => {
                   href='https://vercel.com/'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Vercel
                 </a>
@@ -95,7 +96,7 @@ const Footer = () => {
                   href='https://github.com/fork-commit-merge/fork-commit-merge'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='group flex items-center text-sm text-gray-600 hover:text-modern-purple'
+                  className='group flex items-center text-sm text-gray-600 hover:text-blue-500'
                 >
                   <span>GitHub Stars</span>
                   {starCount !== null ? (
@@ -116,7 +117,7 @@ const Footer = () => {
               <li>
                 <Link
                   href='/legal/privacy-policy'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Privacy Policy
                 </Link>
@@ -126,7 +127,7 @@ const Footer = () => {
                   href='https://github.com/nikohoffren'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Contact
                 </Link>
@@ -136,7 +137,7 @@ const Footer = () => {
                   href='https://github.com/fork-commit-merge/fork-commit-merge/blob/main/CODE_OF_CONDUCT.md'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Code of Conduct
                 </Link>
@@ -150,15 +151,15 @@ const Footer = () => {
               <li>
                 <Link
                   href='/help/faq'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   FAQ
                 </Link>
               </li>
               <li>
                 <Link
                   href='/resources/resources'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   Resources
                 </Link>
@@ -168,7 +169,7 @@ const Footer = () => {
                   href='https://opensource.org/'
                   target='_blank'
                   rel='noopener noreferrer'
-                  className='text-sm text-gray-600 hover:text-modern-purple'
+                  className='text-sm text-gray-600 hover:text-blue-500'
                 >
                   opensource.org
                 </Link>
@@ -185,7 +186,7 @@ const Footer = () => {
                 href='https://nikohoffren.com/'
                 target='_blank'
                 rel='noopener noreferrer'
-                className='hover:text-modern-purple'
+                className='hover:text-gray-700'
               >
                 Niko Hoffrén
               </Link>{' '}
@@ -194,7 +195,7 @@ const Footer = () => {
                 href='https://github.com/fork-commit-merge/fork-commit-merge#list-of-contributors'
                 target='_blank'
                 rel='noopener noreferrer'
-                className='hover:text-modern-purple'
+                className='hover:text-gray-700'
               >
                 GitHub community
               </Link>

components/layout/Header.tsx

@@ -118,7 +118,7 @@ const Header = () => {
   }
 
   return (
-    <nav className='border-b border-gray-200 bg-gray-50 shadow-md dark:border-gray-700'>
+    <nav className='border-b border-gray-200 bg-gray-100  shadow-md dark:border-gray-900'>
       <div className='modern-container'>
         <div className='flex h-16 items-center justify-between'>
           <div className='flex items-center space-x-8'>