Improve RoboShield Hero & Footer

[kilemensi]

Description

Hero

• Move to rows of title instead of a single row since the red text doesn't align well with call to action button
• User theme defined colours wherever possible
• Improve component spacing
• Fix mobile issues

Footer

• Looks a bit "empty". Include Newsletter subscription and Stay in touch for the time being until we figure out what else needs to be added
• Improve component spacing and alignment (including spellchecking)
• Fix mobile issues

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)

Screenshots

Desktop

Mobile

Checklist:

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the documentation