Bayda77/digital-resume-FE
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

restored the typing text on the home page

Browse Source
This commit is contained in:
Bayda77
2026-01-07 16:25:30 -06:00
parent 4fea41af28
commit ba87c60360
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/pages/Home.tsx
View File

@@ -1,4 +1,5 @@
import { motion } from "framer-motion"; 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! 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> </motion.div>
<div className="hero-content"> <div className="hero-content">
<motion.h1 <div className="hero-name">
className="hero-name" <TypingText
initial={{ opacity: 0, y: 20 }} text="Sasha Bayda"
animate={{ opacity: 1, y: 0 }} msPerChar={120}
transition={{ duration: 0.8, delay: 0.3, ease: "easeOut" }} delayMs={100}
> textAlign="center"
Sasha Bayda />
</motion.h1> </div>
<motion.p <motion.p
className="hero-bio" className="hero-bio"
initial={{ opacity: 0 }} initial={{ opacity: 0 }}
animate={{ opacity: 1 }} animate={{ opacity: 1 }}
transition={{ duration: 1, delay: 0.6 }} transition={{ duration: 1, delay: 2.0 }}
> >
{welcomeText} {welcomeText}
</motion.p> </motion.p>
@@ -60,7 +61,7 @@ export default function Home() {
animate={{ opacity: 1, y: 0 }} animate={{ opacity: 1, y: 0 }}
transition={{ transition={{
duration: 0.5, duration: 0.5,
delay: 1.0 + (index * 0.1), delay: 2.5 + (index * 0.1),
ease: "easeOut" ease: "easeOut"
}} }}
> >