How Can I Create a Dynamic “SEO” URL with vanilla JS

I hope you could help me.
I want to change the page (“home” to “about us”) with animation. But not reload the content.
I just want an animation in the “hero banner”, but at the same time change the url (example.com to example.com/aboutUs) and obviosly change the content.

And if I will search “aboutUs Company (example)” on google, shows “about us” content with the content about “about us” in the hero without pass for “the home animation”.

Example

For Example: https://www.prevint.pt/en/seek-help/death-threats

So… I Just want to create this “dynamic route” without loading. And create an animation With Vanilla Js.
(All of things thinking in SEO)

Thank you!!!

For the main reason is SEO and this gives me a lot of problems.