feat(homepage): use new background (#1073)

* feat(homepage): use new background

* feat(homepage): update font color

* feat(homepage): add gradient to button

Author: johanbook

services/homepage/public/locales/en/translation.json

@@ -2,7 +2,7 @@
   "landingpage": {
     "hero": {
       "signup": "Signup",
-      "text": "Meet people"
+      "text": "Connect with family and friends"
     }
   },
   "nav": {

services/homepage/src/assets/images/background.png

@@ -34,14 +34,19 @@ export function LandingPageComponent(): React.ReactElement {
       />
 
       <Box>
-        <Typography color="primary" gutterBottom variant="h3">
+        <Typography color="white" gutterBottom sx={{ mb: 3 }} variant="h3">
           {t("landingpage.hero.text")}
         </Typography>
 
         <Center>
           <Button
             component="a"
             href={CONFIG.URLS.SIGNUP_UP}
+            size="large"
+            sx={({ palette }) => ({
+              backgroundImage: `linear-gradient(to left, ${palette.primary.light}, ${palette.secondary.main})`,
+              fontWeight: 600,
+            })}
             variant="contained"
           >
             {t("landingpage.hero.signup")}