diff --git a/frontend/src/components/HeroText.tsx b/frontend/src/components/HeroText.tsx
index a1841216..116fc900 100644
--- a/frontend/src/components/HeroText.tsx
+++ b/frontend/src/components/HeroText.tsx
@@ -5,7 +5,7 @@ import { TypewriterEffectSmooth } from "./ui/TypeWriter";
 export function TypewriterEffectSmoothDemo() {
   const words = [
     {
-      text: "Welcome",
+      text: "👋Welcome",
       className:"md:text-5xl text-3xl text-white"
     },
     {
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
index da6ffcbb..9f03516f 100644
--- a/frontend/src/pages/Home.tsx
+++ b/frontend/src/pages/Home.tsx
@@ -4,6 +4,7 @@ import bgHero from "../assets/bgHero.png";
 import '../styles/hero.css'
 import About from "./About";
 import HomePagePost from "./HomePagePosts";
+import { TypewriterEffectSmoothDemo } from "../components/HeroText";
 
 function Home() {
   return (
@@ -11,7 +12,9 @@ function Home() {
       <div className="w-full bg-[#000435] py-16 px-4" style={{ backgroundImage: `url(${bgHero})`, backgroundSize: 'cover', backgroundPosition: 'center' }}>
       <div className="max-w-[1240px] mx-auto grid md:grid-cols-2">
         <div className="flex flex-col justify-center">
-        <h1 className="text-6xl font-extrabold leading-tight pb-3">👋 Welcome to <span className="bg-gradient-to-r from-blue-600 via-blue-500 to-white inline-block text-transparent bg-clip-text">Style Share !</span></h1>
+        <h1> 
+        <TypewriterEffectSmoothDemo/>
+        </h1>
           <h1 className='md:text-3xl sm:text-3xl font-medium py-2'>A simple web-based platform where users can easily</h1>
           <p className="text-lg text-gray-300 font-semibold" >
           <span> ✅ Contribute</span><br/>