Update copy and icons

apps/web/pages/signup.tsx

@@ -1,5 +1,5 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import { CalendarHeart, Clock, Hexagon, Info, ShieldCheckIcon, StarIcon } from "lucide-react";
+import { CalendarHeart, Info, Link2, ShieldCheckIcon, StarIcon, Users } from "lucide-react";
 import type { GetServerSidePropsContext } from "next";
 import { signIn } from "next-auth/react";
 import Link from "next/link";
@@ -47,17 +47,23 @@ const FEATURES = [
   {
     title: "connect_all_calendars",
     description: "connect_all_calendars_description",
+    i18nOptions: {
+      appName: APP_NAME,
+    },
     icon: CalendarHeart,
   },
   {
-    title: "workflow_automation",
-    description: "workflow_automation_description",
-    icon: Hexagon,
+    title: "set_availability",
+    description: "set_availbility_description",
+    icon: Users,
   },
   {
-    title: "scheduling_for_your_team",
-    description: "scheduling_for_your_team_description",
-    icon: Clock,
+    title: "share_a_link_or_embed",
+    description: "share_a_link_or_embed_description",
+    icon: Link2,
+    i18nOptions: {
+      appName: APP_NAME,
+    },
   },
 ];
 
@@ -390,7 +396,14 @@ export default function Signup({ prepopulateFormValues, token, orgSlug }: Signup
                     <span className="text-sm font-medium">{t(feature.title)}</span>
                   </div>
                   <div className="text-subtle text-sm">
-                    <p>{t(feature.description)}</p>
+                    <p>
+                      {t(
+                        feature.description,
+                        feature.i18nOptions && {
+                          ...feature.i18nOptions,
+                        }
+                      )}
+                    </p>
                   </div>
                 </div>
               </>

apps/web/public/static/locales/en/common.json

@@ -268,6 +268,9 @@
   "nearly_there_instructions": "Last thing, a brief description about you and a photo really helps you get bookings and let people know who they’re booking with.",
   "set_availability_instructions": "Define ranges of time when you are available on a recurring basis. You can create more of these later and assign them to different calendars.",
   "set_availability": "Set your availability",
+  "set_availbility_description":"Set schedules for the times you want to be booked.",
+  "share_a_link_or_embed":"Share a link or embed",
+  "share_a_link_or_embed_description":"Share your {{appName}} link or embed on your site.",
   "availability_settings": "Availability Settings",
   "continue_without_calendar": "Continue without calendar",
   "connect_your_calendar": "Connect your calendar",
@@ -2059,7 +2062,7 @@
   "include_calendar_event": "Include calendar event",
   "recently_added":"Recently added",
   "connect_all_calendars":"Connect all your calendars",
-  "connect_all_calendars_description":"Connect all your calendars so you never get double booked",  
+  "connect_all_calendars_description":"{{appName}} reads availability from all your existing calendars.",  
   "workflow_automation":"Workflow automation",
   "workflow_automation_description":"Personalise your scheduling experience with workflows",
   "scheduling_for_your_team":"Workflow automation",