Marketing website improvements (#485)

.github/workflows/alpha.yml

@@ -2,7 +2,7 @@ name: 'Alpha Build'
 
 on:
   push:
-    branches: [v5000/multi-pages]
+    branches: [v5000/iconsxx]
 
 jobs:
   frontend:

.github/workflows/marketing.yml

@@ -2,7 +2,7 @@ name: 'Marketing Build'
 
 on:
   push:
-    branches: [v5000/multi-page]
+    branches: [v5000/icons]
 
 jobs:
   marketing:

frontend/index.html

@@ -12,8 +12,7 @@
   <meta name="HandheldFriendly" content="true">
   <meta name="description" content="Free Real-time Agile Retrospective Board for engineering teams" />
   <meta http-equiv="cleartype" content="on">
-  <meta name="theme-color" content="#d1c4e9">
-
+
   <meta property="og:site_name" content="Retrospected" />
   <meta property="og:site" content="https://www.retrospected.com" />
   <meta property="og:title" content="Retrospected.com" />
@@ -30,25 +29,13 @@
       DEFAULT_LANGUAGE: 'NO_DEFAULT_LANGUAGE',
       MARKETING_ROOT: 'NO_MARKETING_ROOT',
     };
-  </script>
-
-
-  <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
-  <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
-  <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
-  <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
-  <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
-  <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
-  <link rel="manifest" href="/manifest.json">
-  <meta name="msapplication-TileColor" content="#5842DE">
-  <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+  </script>    
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+  <link rel="manifest" href="/site.webmanifest" />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
+  <meta name="msapplication-TileColor" content="#ffc40d" />
 
   <meta name="theme-color" content="#ffffff">
   <meta name="version" content="<%= APP_VERSION  %>" />

frontend/public/browserconfig.xml

@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/ms-icon-70x70.png"/>
-      <square144x144logo src="/ms-icon-144*144.png"/>
-      <square150x150logo src="/ms-icon-150x150.png"/>
-      <square310x310logo src="/ms-icon-310x310.png"/>
-      <TileColor>#5842DE</TileColor>
-    </tile>
-  </msapplication>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffc40d</TileColor>
+        </tile>
+    </msapplication>
 </browserconfig>

frontend/public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: * 
+Allow: / 

frontend/public/site.webmanifest

@@ -1,19 +1,19 @@
 {
-  "name": "Retrospected",
-  "short_name": "Retrospected",
-  "icons": [
-    {
-      "src": "/android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png"
-    },
-    {
-      "src": "/android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png"
-    }
-  ],
-  "theme_color": "#5842DE",
-  "background_color": "#ffffff",
-  "display": "standalone"
-}
+    "name": "Retrospected",
+    "short_name": "Retrospected",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

frontend/src/views/Demo.tsx

@@ -34,7 +34,7 @@ export default function Demo() {
   }, [language.locale, setUser, changeLanguage]);
   return (
     <Container>
-      <h1>Hand tight...</h1>
+      <h1>Preparing demo...</h1>
     </Container>
   );
 }

marketing/package.json

@@ -9,6 +9,10 @@
     "lint": "next lint"
   },
   "dependencies": {
+    "@fortawesome/fontawesome-svg-core": "^6.3.0",
+    "@fortawesome/free-regular-svg-icons": "^6.3.0",
+    "@fortawesome/free-solid-svg-icons": "^6.3.0",
+    "@fortawesome/react-fontawesome": "^0.2.0",
     "@next/font": "13.1.6",
     "@styled-system/theme-get": "^5.1.2",
     "@types/node": "18.13.0",
@@ -40,6 +44,7 @@
     "react-dom": "18.2.0",
     "react-i18next": "^12.1.5",
     "react-icons-kit": "^2.0.0",
+    "react-markdown": "^8.0.5",
     "react-parallax": "^3.5.1",
     "react-reveal": "^1.2.2",
     "react-scroll-motion": "^0.3.2",

marketing/public/browserconfig.xml

@@ -1,12 +1,9 @@
 <?xml version="1.0" encoding="utf-8"?>
 <browserconfig>
-  <msapplication>
-    <tile>
-      <square70x70logo src="/ms-icon-70x70.png"/>
-      <square144x144logo src="/ms-icon-144*144.png"/>
-      <square150x150logo src="/ms-icon-150x150.png"/>
-      <square310x310logo src="/ms-icon-310x310.png"/>
-      <TileColor>#5842DE</TileColor>
-    </tile>
-  </msapplication>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffc40d</TileColor>
+        </tile>
+    </msapplication>
 </browserconfig>

marketing/public/locales/de/common.json

@@ -4,10 +4,11 @@
 		"description": "Kostenloses Echtzeit-Agile Retrospektive Board für Ingenieurteams"
 	},
 	"Banner": {
-		"heading": "Echtzeit-Retrospektiven. Recht. In Sekunden.",
-		"text": "Weil Post-it-Notizen nicht geschnitten werden.",
+		"heading": "Du wirst **nie vergessen** deinen ersten **Retro**.",
+		"text": "Real-time, collaborative retrospectives done right. In seconds.",
 		"tagline": "*Keine Kreditkarte erforderlich",
-		"subscribeToday": "Kostenlos testen"
+		"subscribeToday": "Kostenlos testen",
+		"demo": "1-Klick-Demo"
 	},
 	"Nav": {
 		"home": "Zuhause",
@@ -188,6 +189,7 @@
 		"hint": "Das wird dein Leben ändern!"
 	},
 	"Footer": {
+		"legal": "Rechtliche Daten",
 		"copyright": "Copyright © 2023 - Retrospected Ltd. Alle Rechte vorbehalten.",
 		"about": "Wir erstellen Software mit Love, aus London, Großbritannien"
 	},

marketing/public/locales/en/common.json

@@ -4,10 +4,11 @@
 		"description": "Free Real-time Agile Retrospective Board for engineering teams"
 	},
 	"Banner": {
-		"heading": "Real-time Retrospectives. Done right. In seconds.",
-		"text": "Because Post-It notes aren't going to cut it.",
+		"heading": "You will **never forget** your first **retro**.",
+		"text": "Bring **continuous improvements** to your team with a **modern** and **easy to use** retrospective tool.",
 		"tagline": "*No Credit card required",
-		"subscribeToday": "Try it for free"
+		"subscribeToday": "Try it for free",
+		"demo": "1-Click Demo"
 	},
 	"Nav": {
 		"home": "Home",
@@ -20,24 +21,24 @@
 		"login": "Login"
 	},
 	"Clients": {
-		"main": "Join the hundreds of companies using our product"
+		"main": "Join the hundreds of companies using Retrospected"
 	},
 	"HowItWorks": {
-		"heading": "We are different because...",
+		"heading": "Our users love...",
 		"1": {
-			"title": "We are fast",
-			"text": "You can start your retro in one click."
+			"title": "Our fast and easy-to-use interface",
+			"text": "Start a retrospective in one click."
 		},
 		"2": {
-			"title": "We are multilingual",
+			"title": "Our multilingual support",
 			"text": "Our app is available in 15 languages!"
 		},
 		"3": {
-			"title": "We are customisable",
+			"title": "Our customisation options",
 			"text": "You can customise the app to your needs. Columns, votes, emojis, you name it."
 		},
 		"4": {
-			"title": "We can be self-hosted",
+			"title": "Our self-hosting capability",
 			"text": "If you want complete control of your data, you can self-host Retrospected."	
 		}
 	},
@@ -60,7 +61,7 @@
 		}
 	},
 	"Pricing": {
-		"heading": "Explore our exciting pricing",
+		"heading": "Our Pricing",
 		"weAccept": "We also accept Euros and British Pounds",
 		"monthly": "Monthly",
 		"yearly": "Yearly",

marketing/public/locales/fr/common.json

@@ -4,10 +4,11 @@
 		"description": "Retrospectives gratuites et temps-réel pour équipes agiles"
 	},
 	"Banner": {
-		"heading": "Des retrospectives fun & efficaces, des équipes performantes & motivées !",
-		"text": "Donnez une platforme moderne et simple à vos équipes, pour soutenir leur collaboration et leur amélioration continue",
+		"heading": "Vous n'**oublierez jamais** votre première **rétro**.",
+		"text": "Soutenez la **collaboration** et l'**amélioration continue** de vos équipes avec une plateforme **moderne** et **intuitive**.",
 		"tagline": "*Aucune carte bancaire demandée",
-		"subscribeToday": "Essayez gratuitement"
+		"subscribeToday": "Essayez gratuitement",
+		"demo": "Démo en 1 clic"
 	},
 	"Nav": {
 		"home": "Accueil",
@@ -84,7 +85,7 @@
 		"pro": {
 			"title": "Pro",
 			"price": "11.9",
-			"plus": "Basique, plus:",
+			"plus": "Plan Basique, plus:",
 			"features": [
 				"Posts illimités",
 				"Chiffrement des données",
@@ -95,16 +96,16 @@
 		"unlimited": {
 			"title": "Illimité",
 			"price": "49.95",
-			"plus": "Tout de Pro, plus :",
+			"plus": "Plan Pro, plus :",
 			"features": [
 				"Comptes Pro illimités",
 				"Tous les utilisateurs de votre domaine sont automatiquement Pro"
 			]
 		},
 		"hosted": {
-			"title": "Auto-hébergement",
+			"title": "Hébergé",
 			"price": 599,
-			"plus": "Tout de Illimité, plus :",
+			"plus": "Plan Illimité, plus :",
 			"features": [
 				"Outil de gestion des utilisateurs",
 				"Tous les utilisateurs sont des utilisateurs Pro",
@@ -188,6 +189,7 @@
 		"hint": "Cela va changer votre vie !"
 	},
 	"Footer": {
+		"legal": "Mentions légales",
 		"copyright": "Copyright © 2023 - Retrospected Ltd. Tout droits réservés.",
 		"about": "Nos logiciels sont développés avec amour par Retrospected Ltd à Londres"
 	},

marketing/public/locales/nl/common.json

@@ -4,10 +4,11 @@
 		"description": "Gratis Real-time Agile Retrospective Board voor technische teams"
 	},
 	"Banner": {
-		"heading": "Real-time Retrospectieven. Gereed. In seconden.",
-		"text": "Omdat de aantekeningen na het bericht niet zullen knippen.",
+		"heading": "Je zal je eerste **retro** nooit vergeten**.",
+		"text": "Real-time, collaborative retrospectives done right. In seconds.",
 		"tagline": "*Geen creditcard nodig",
-		"subscribeToday": "Probeer het gratis"
+		"subscribeToday": "Probeer het gratis",
+		"demo": "1-Click Demo"
 	},
 	"Nav": {
 		"home": "Startpagina",
@@ -188,6 +189,7 @@
 		"hint": "Dit zal je leven veranderen!"
 	},
 	"Footer": {
+		"legal": "Juridische voorwerpen",
 		"copyright": "Copyright © 2023 - Retrospected Ltd. Alle rechten voorbehouden.",
 		"about": "We maken software met Liefe, uit Londen, VK"
 	},