feat: Add hero typing animation

[EnzoVieira]

No description provided.

[joaodiaslobo]

The text isn't sizing correctly and I think the animation is a bit slow. Maybe the typing mistake should only happen when writing "SAY". 🤔
Other than that awesome work! 💪

[tiago-bacelar]

Really cool! Though I think it would look even better with a terminal-like cursor instead of the default one.
Also, I noticed the animation plays every time the mobile navbar opens.

[EnzoVieira]

Really cool! Though I think it would look even better with a terminal-like cursor instead of the default one. Also, I noticed the animation plays every time the mobile navbar opens.

Done ✅

But, the animation will run always when the parent component rerenders. Since the navbar is a parent component and it rerenders when click to open the menu, all it's child components will rerender, as the animation. I tried to save locally if the animation already ran but this causes another issue:
1. If the animation does not already ran: run it ✅
2. If the animation do already ran: the animation will not run again, so the text will no be shawn ❌

So I could not fix this issue 😢. I don't think this will cause big UX/UI problems, this issue only appears if the user clicks to open menu multiple times, so we could keep it and try to refactor the Navbar in another PR.

[tiago-bacelar]

Seems good.
I do think the animation is a bit slow, though. I noticed you put it faster in your previous commit and then slowed it back down. Although it's cool on a first viewing, I feel like it could get boring on repeated viewings at the current speed. (We could always save on local cache whether the user already saw it multiple times :)

[EnzoVieira]

Seems good. I do think the animation is a bit slow, though. I noticed you put it faster in your previous commit and then slowed it back down. Although it's cool on a first viewing, I feel like it could get boring on repeated viewings at the current speed. (We could always save on local cache whether the user already saw it multiple times :)

sorry 😅, it was my mistake change the animation duration again when I were debuggin yesterday. But I changed it back again!

[MarioRodrigues10]

I'm using firefox and these animation looks kinda fast, so could you slow it a little bit more?

[tiago-bacelar]

I'm on firefox too, I think the speed is fine. Maybe it could be slightly tweaked, but slowing it too much would make it boring and, honestly, I don't think it would be noticeably better.

[github-actions]

This pull request is being automatically deployed to Netlify.

✅ Preview: https://deploy-preview-559--seium.netlify.app/

Outdated

[MarioRodrigues10]

Awesome job 🤩

[netlify]

✅ Deploy Preview for seium-stg ready!

Name	Link
🔨 Latest commit	a8e22b0
🔍 Latest deploy log	https://app.netlify.com/sites/seium-stg/deploys/654c25ec26dd50000822f808
😎 Deploy Preview	https://deploy-preview-559--seium-stg.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.