diff --git a/client/public/logo.png b/client/public/logo.png
new file mode 100644
index 0000000..d051678
Binary files /dev/null and b/client/public/logo.png differ
diff --git a/client/src/app/page.tsx b/client/src/app/page.tsx
index bb8d28b..d461624 100644
--- a/client/src/app/page.tsx
+++ b/client/src/app/page.tsx
@@ -10,47 +10,15 @@ import { motion } from "framer-motion";
 
 const Home: React.FC = () => {
     useEffect(() => {
-        const canvas = document.createElement('canvas');
-        const ctx = canvas.getContext('2d');
-
-        if (!ctx) {
-            console.error('2D context not supported or canvas initialization failed.');
-            return;
-        }
-
-        canvas.width = 200;
-        canvas.height = 20;
-        ctx.font = '12px Arial';
-
-        const text = "Data Science Community Recruitments";
-        let textX = canvas.width;
-
-        const animate = () => {
-            ctx.clearRect(0, 0, canvas.width, canvas.height);
-            ctx.fillStyle = 'white';
-            ctx.fillText(text, textX, 15);
-
-            textX--;
-            if (textX < -ctx.measureText(text).width) {
-                textX = canvas.width;
-            }
-
-            const link = document.querySelector("link[rel*='icon']") as HTMLLinkElement | null;
-            if (link) {
-                link.href = canvas.toDataURL();
-            }
-
-            requestAnimationFrame(animate);
-        };
-
-        animate();
+        const link = document.querySelector("link[rel*='icon']") as HTMLLinkElement || document.createElement('link');
+        link.rel = 'icon';
+        link.href = '/logo.png'; 
+        document.head.appendChild(link);
     }, []);
 
     return (
         <div className="min-h-screen bg-gradient-to-b from-[#1E0D2D] to-[#0D0513] text-white font-sans">
-            <title>
-                Data Science Community Recruitments
-            </title>
+            <title>Data Science Community Recruitments</title>
             <Header />
             <main className="container mx-auto px-4 py-8 flex flex-col">
                 <motion.h1
@@ -64,6 +32,7 @@ const Home: React.FC = () => {
                     }}
                     className="text-3xl sm:text-5xl lg:text-6xl font-bold mb-8 text-center"
                 >
+                    Data Science Community Recruitments
                 </motion.h1>
                 <section id="home" className="flex-grow">
                     <Introduction />
@@ -71,14 +40,14 @@ const Home: React.FC = () => {
                 <History />
                 <section id="domain">
                     <div className="mt-36">
-                        <Domain/>
+                        <Domain />
                     </div>
                 </section>
-                <Hero/>
+                <Hero />
             </main>
-            <Footer/>
+            <Footer />
         </div>
     );
 };
 
-export default Home;
\ No newline at end of file
+export default Home;