Update homepage UI

[OceanOak]

This PR implements the design from #354

Before:

After:

[mohanadft]

@OceanOak I think you haven't done the bottom one? Paul mentioned we should do this:

I mean the bullet points for example.

[OceanOak]

Fixed

(I implemented the second design but kept the bullets from the first since they looked better with the T4P colours, now it matches the second design exactly)

[mohanadft]

This is my view, I would really like not to see "T4P supports 60+ projects, including:" section, so it might be good to give the hero section a full height viewport - length of navbar and make the content in the middle of the screen.

calc(100vh - 80px)

[OceanOak]

laptop-screen

wide-screen

[mohanadft]

I don't like what last commit added. let's revert to this commit and we are ready to go: 11fd927

[mohanadft]

Thanks @OceanOak