Huddle landing page using (Vue js - responsive with flexbox)

it was a difficult challenge because I don't know much about Vue js, I learned a lot but I had some doubts that I hope to clarify solving new challenges, I had problems with changing the color to the svg (huddle) of the footer, I solved it by passing it as a component and sending a prop with the color (although it could be solved by modifying the color directly inside the svg of that component I wanted to solve it with a prop to practice that part), I had problem with importing the fonts so I had to do it in each style of each component (I understand that this is not a good solution so I hope to find an optimal way) the last problem was the deployment in github pages because you have to make some additional configurations that I still do not understand very well.

any advice is welcome and thank you very much in advance.