diff --git a/frontend/src/components/HomeComponents/Footer/Footer.tsx b/frontend/src/components/HomeComponents/Footer/Footer.tsx
index 4c136e9e..57885deb 100644
--- a/frontend/src/components/HomeComponents/Footer/Footer.tsx
+++ b/frontend/src/components/HomeComponents/Footer/Footer.tsx
@@ -2,6 +2,7 @@ import { HighlightLink } from '@/components/ui/link-highlight';
 import logo from '../../../assets/logo.png';
 import logoLight from '../../../assets/logo_light.png';
 import { url } from '@/components/utils/URLs';
+import { handleLogoClick } from '@/components/utils/utils';
 
 export const Footer = () => {
   return (
@@ -12,7 +13,8 @@ export const Footer = () => {
         <div className="col-span-full xl:col-span-2">
           <a
             rel="noreferrer noopener"
-            href="/"
+            href="#"
+            onClick={handleLogoClick}
             className="ml-2 font-bold text-xl flex items-center dark:hidden"
           >
             <img
@@ -23,7 +25,8 @@ export const Footer = () => {
           </a>
           <a
             rel="noreferrer noopener"
-            href="/"
+            href="#"
+            onClick={handleLogoClick}
             className="ml-2 font-bold text-xl hidden dark:flex items-center"
           >
             <img
diff --git a/frontend/src/components/HomeComponents/Footer/__tests__/Footer.test.tsx b/frontend/src/components/HomeComponents/Footer/__tests__/Footer.test.tsx
index d4c454fa..3a023d25 100644
--- a/frontend/src/components/HomeComponents/Footer/__tests__/Footer.test.tsx
+++ b/frontend/src/components/HomeComponents/Footer/__tests__/Footer.test.tsx
@@ -1,6 +1,7 @@
-import { render, screen } from '@testing-library/react';
+import { render, screen, fireEvent } from '@testing-library/react';
 import '@testing-library/jest-dom';
 import { Footer } from '../Footer';
+import * as utils from '@/components/utils/utils';
 
 jest.mock('../../../../assets/logo.png', () => 'logo-path');
 jest.mock('../../../../assets/logo_light.png', () => 'logo-light-path');
@@ -29,3 +30,21 @@ describe('Footer component using Snapshot', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 });
+
+describe('Footer logo click handler', () => {
+  test('should call handleLogoClick when logo link is clicked', () => {
+    const handleLogoClickSpy = jest.spyOn(utils, 'handleLogoClick');
+    render(<Footer />);
+
+    const logoLinks = screen.getAllByRole('link');
+    const logoLink = logoLinks.find(
+      (link) => link.getAttribute('href') === '#'
+    );
+
+    expect(logoLink).toBeDefined();
+    fireEvent.click(logoLink!);
+    expect(handleLogoClickSpy).toHaveBeenCalledTimes(1);
+
+    handleLogoClickSpy.mockRestore();
+  });
+});
diff --git a/frontend/src/components/HomeComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap b/frontend/src/components/HomeComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap
index 486d842d..3905dec3 100644
--- a/frontend/src/components/HomeComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap
+++ b/frontend/src/components/HomeComponents/Footer/__tests__/__snapshots__/Footer.test.tsx.snap
@@ -16,7 +16,7 @@ exports[`Footer component using Snapshot renders correctly 1`] = `
       >
         <a
           class="ml-2 font-bold text-xl flex items-center dark:hidden"
-          href="/"
+          href="#"
           rel="noreferrer noopener"
         >
           <img
@@ -27,7 +27,7 @@ exports[`Footer component using Snapshot renders correctly 1`] = `
         </a>
         <a
           class="ml-2 font-bold text-xl hidden dark:flex items-center"
-          href="/"
+          href="#"
           rel="noreferrer noopener"
         >
           <img
diff --git a/frontend/src/components/HomeComponents/Navbar/Navbar.tsx b/frontend/src/components/HomeComponents/Navbar/Navbar.tsx
index 8c3d91ef..faee175b 100644
--- a/frontend/src/components/HomeComponents/Navbar/Navbar.tsx
+++ b/frontend/src/components/HomeComponents/Navbar/Navbar.tsx
@@ -9,6 +9,7 @@ import logoLight from '../../../assets/logo_light.png';
 import { NavbarMobile } from './NavbarMobile';
 import { NavbarDesktop } from './NavbarDesktop';
 import { Props } from './navbar-utils';
+import { handleLogoClick } from '@/components/utils/utils';
 
 export const Navbar = (
   props: Props & {
@@ -25,7 +26,8 @@ export const Navbar = (
           <NavigationMenuItem className="font-bold flex">
             <a
               rel="noreferrer noopener"
-              href="/"
+              href="#"
+              onClick={handleLogoClick}
               className="ml-2 font-bold text-xl flex items-center dark:hidden"
             >
               <img
@@ -36,7 +38,8 @@ export const Navbar = (
             </a>
             <a
               rel="noreferrer noopener"
-              href="/"
+              href="#"
+              onClick={handleLogoClick}
               className="ml-2 font-bold text-xl hidden dark:flex items-center"
             >
               <img
diff --git a/frontend/src/components/HomeComponents/Navbar/__tests__/Navbar.test.tsx b/frontend/src/components/HomeComponents/Navbar/__tests__/Navbar.test.tsx
index 726f6bab..ff0644af 100644
--- a/frontend/src/components/HomeComponents/Navbar/__tests__/Navbar.test.tsx
+++ b/frontend/src/components/HomeComponents/Navbar/__tests__/Navbar.test.tsx
@@ -1,6 +1,7 @@
-import { render, screen } from '@testing-library/react';
+import { render, screen, fireEvent } from '@testing-library/react';
 import { Navbar } from '../Navbar';
 import { Props } from '../navbar-utils';
+import * as utils from '@/components/utils/utils';
 
 // Mocking the NavbarMobile and NavbarDesktop components
 jest.mock('../NavbarMobile', () => ({
@@ -65,3 +66,21 @@ describe('Navbar component using snapshot', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 });
+
+describe('Navbar logo click handler', () => {
+  test('should call handleLogoClick when logo link is clicked', () => {
+    const handleLogoClickSpy = jest.spyOn(utils, 'handleLogoClick');
+    render(<Navbar {...props} />);
+
+    const logoLinks = screen.getAllByRole('link');
+    const logoLink = logoLinks.find(
+      (link) => link.getAttribute('href') === '#'
+    );
+
+    expect(logoLink).toBeDefined();
+    fireEvent.click(logoLink!);
+    expect(handleLogoClickSpy).toHaveBeenCalledTimes(1);
+
+    handleLogoClickSpy.mockRestore();
+  });
+});
diff --git a/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap b/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap
index 8f6900e4..dfcdccf9 100644
--- a/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap
+++ b/frontend/src/components/HomeComponents/Navbar/__tests__/__snapshots__/Navbar.test.tsx.snap
@@ -24,7 +24,7 @@ exports[`Navbar component using snapshot renders correctly 1`] = `
           >
             <a
               class="ml-2 font-bold text-xl flex items-center dark:hidden"
-              href="/"
+              href="#"
               rel="noreferrer noopener"
             >
               <img
@@ -35,7 +35,7 @@ exports[`Navbar component using snapshot renders correctly 1`] = `
             </a>
             <a
               class="ml-2 font-bold text-xl hidden dark:flex items-center"
-              href="/"
+              href="#"
               rel="noreferrer noopener"
             >
               <img
diff --git a/frontend/src/components/utils/__tests__/utils.test.ts b/frontend/src/components/utils/__tests__/utils.test.ts
new file mode 100644
index 00000000..dc9efe06
--- /dev/null
+++ b/frontend/src/components/utils/__tests__/utils.test.ts
@@ -0,0 +1,48 @@
+import { MouseEvent } from 'react';
+import { handleLogoClick } from '../utils';
+
+describe('handleLogoClick', () => {
+  let mockEvent: Partial<MouseEvent<HTMLAnchorElement>>;
+  let reloadMock: jest.Mock;
+
+  beforeEach(() => {
+    mockEvent = {
+      preventDefault: jest.fn(),
+    };
+
+    // Mock reload using Object.defineProperty
+    reloadMock = jest.fn();
+    Object.defineProperty(window, 'location', {
+      value: { reload: reloadMock },
+      writable: true,
+    });
+  });
+
+  it('should call preventDefault on the event', () => {
+    handleLogoClick(mockEvent as MouseEvent<HTMLAnchorElement>);
+
+    expect(mockEvent.preventDefault).toHaveBeenCalledTimes(1);
+  });
+
+  it('should reload the page', () => {
+    handleLogoClick(mockEvent as MouseEvent<HTMLAnchorElement>);
+
+    expect(reloadMock).toHaveBeenCalledTimes(1);
+  });
+
+  it('should call preventDefault before reloading', () => {
+    const callOrder: string[] = [];
+
+    mockEvent.preventDefault = jest.fn(() => {
+      callOrder.push('preventDefault');
+    });
+
+    reloadMock.mockImplementation(() => {
+      callOrder.push('reload');
+    });
+
+    handleLogoClick(mockEvent as MouseEvent<HTMLAnchorElement>);
+
+    expect(callOrder).toEqual(['preventDefault', 'reload']);
+  });
+});
diff --git a/frontend/src/components/utils/utils.ts b/frontend/src/components/utils/utils.ts
index a47bd6cb..612db1e3 100644
--- a/frontend/src/components/utils/utils.ts
+++ b/frontend/src/components/utils/utils.ts
@@ -1,4 +1,5 @@
 import { type ClassValue, clsx } from 'clsx';
+import type { MouseEvent } from 'react';
 import { twMerge } from 'tailwind-merge';
 
 export function cn(...inputs: ClassValue[]) {
@@ -19,3 +20,8 @@ export function debounce<T extends (...args: any[]) => void>(
 export const getStartOfDay = (date: Date) => {
   return new Date(date.getFullYear(), date.getMonth(), date.getDate());
 };
+
+export const handleLogoClick = (e: MouseEvent<HTMLAnchorElement>) => {
+  e.preventDefault();
+  window.location.reload();
+};