Major UI/UX changes fixed on landing page

[netlify[bot]]

✔️ Deploy Preview for laughing-williams-80f81d ready!

🔨 Explore the source changes: 6e7e90b9c6fa852fad32361460c4d8dbb8660df3

🔍 Inspect the deploy log: https://app.netlify.com/sites/laughing-williams-80f81d/deploys/60f86e77e55e12202de40807

😎 Browse the preview: https://deploy-preview-6--laughing-williams-80f81d.netlify.app

[bamboochow]

Clients on Home page should have correct capitalization for company names

Right now the clients names are all in lower case

The correct names of each clients are: K+ Electronic Arts CrowdEmotion Hubii DHS Arabia Ir.deto

CrowdEmotion has incorrect copy, also missing some copy from other clients
Refer to this issue for correct Copy and company names: https://github.com/pcl-labs/vodworks-storyblok/issues/20

Background Cutoff and remove squiggles from Career Page

There is a weird cutoff for the background gradients between the section, seems like the background isn't extending to both sections. Also, the squiggle graphics in the background are not removed

This is what it should look like, with the background gradients extending seamlessly between the two sections, remove squiggle background

Weird Alignment for Join Our Team section Career Page

This is what this section currently looks like:

For wider screens, Image should remain the same ratio and stay inside the box

So, for wider screens I'd expect it to look more like this:

[giteshk11]

@bamboochow we dont have logos for missing clients

[bamboochow]

Homepage Header

Currently the homepage header looks like this on mobile: https://i.gyazo.com/47ea2f651f97379aeadd424b1af3dd71.gif

The button is cut off on the background of the next section, the header image disappears and the text alignnment overflows

Homepage header on mobile should look like this:

Homepage Client section Spacing [not urgent]

Some of the paragraph spacing is really weird and inconsistent, it's ok to let the text extend to halfway of the card if it will make it fit better, but this one is the worst one (if you have other more urgent tasks, we can deal with this one later)

Animation delay [not urgent]

https://i.gyazo.com/940498b5b4e89341f84652964443dbaa.gif

There is a delay between the animation of the top section and the bottom logo carousel. the highlighted logos should change together at the top and bottom, and the client described in the top section should always be the center of the bottom logos.

Mobile Homepage Client spacing

Mobile homepage client section currently looks like this

This is what we want the responsive mobile version to look like

Still has harsh background disconnects in areas where they should connect (homepage)

Some of the background still has really harsh disconnects to different sections, should be consistent

Weird Button in Mobile

this button is doing weird things in mobile it should be 1 button

Footer alignment & Mobile Linking

Move the social section to the left a little, it's not evenly distributed in 3 columns. Also, career page is not linked in responsive footer.