Hello everybody!
I am new to doing frond-end stuff and working with next.js.
Right now I want to do this intro animation for the website and I cant seem to figure it out.

I want the logo to appear big on the screen initially, centered,
Rest of the site blurred,
Motto appears under logo
Logo transitions smoothly to normal size
rest of site unblurred
Logo gets to the correct position on the page.

If anyone would be so kind as to help me a bit with this I would truly appreciate it!