diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index f9a11f0..f0a207f 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -1,4 +1,5 @@
 import { motion } from "framer-motion";
+import TypingText from "../components/animatedTyping";
 
 const welcomeText = `Hello! My name is Sasha Bayda and welcome to my digital resume site!
 
@@ -32,20 +33,20 @@ export default function Home() {
                 </motion.div>
 
                 <div className="hero-content">
-                    <motion.h1
-                        className="hero-name"
-                        initial={{ opacity: 0, y: 20 }}
-                        animate={{ opacity: 1, y: 0 }}
-                        transition={{ duration: 0.8, delay: 0.3, ease: "easeOut" }}
-                    >
-                        Sasha Bayda
-                    </motion.h1>
+                    <div className="hero-name">
+                        <TypingText
+                            text="Sasha Bayda"
+                            msPerChar={120}
+                            delayMs={100}
+                            textAlign="center"
+                        />
+                    </div>
 
                     <motion.p
                         className="hero-bio"
                         initial={{ opacity: 0 }}
                         animate={{ opacity: 1 }}
-                        transition={{ duration: 1, delay: 0.6 }}
+                        transition={{ duration: 1, delay: 2.0 }}
                     >
                         {welcomeText}
                     </motion.p>
@@ -60,7 +61,7 @@ export default function Home() {
                                 animate={{ opacity: 1, y: 0 }}
                                 transition={{
                                     duration: 0.5,
-                                    delay: 1.0 + (index * 0.1),
+                                    delay: 2.5 + (index * 0.1),
                                     ease: "easeOut"
                                 }}
                             >