add changes based on code review

Author: m0nggh

package-lock.json

@@ -42,7 +42,7 @@
     "lens-widget": "^1.37.0",
     "lodash": "^4.17.21",
     "lodash.get": "4.4.2",
-    "lottie-react": "^2.4.1",
+    "lottie-react": "2.4.1",
     "lottie-web": "5.12.2",
     "luxon": "^2.3.1",
     "node-html-parser": "6.1.13",

packages/frontend/package.json

@@ -10,6 +10,9 @@ import {
   Text,
 } from '@chakra-ui/react'
 
+import MarkdownRenderer from '@/components/MarkdownRenderer'
+import * as URLS from '@/config/urls'
+
 const faqs = [
   {
     question: 'Is Plumber free?',
@@ -22,8 +25,7 @@ const faqs = [
   },
   {
     question: 'Do you offer technical support?',
-    answer:
-      'If you run into any difficulties setting up your workflows, you can reach out to us at https://go.gov.sg/plumber-support.',
+    answer: `If you run into any difficulties setting up your workflows, you can reach out to us [here](${URLS.SUPPORT_FORM_LINK}).`,
   },
   {
     question: 'Which agencies are using Plumber?',
@@ -76,9 +78,16 @@ export default function FaqSection() {
                 </AccordionButton>
 
                 <AccordionPanel mt={2} pr={12} px={0}>
-                  <Text fontSize="base" color="gray.600">
-                    {faq.answer}
-                  </Text>
+                  <MarkdownRenderer
+                    source={faq.answer}
+                    components={{
+                      p: ({ children }) => (
+                        <Text fontSize="base" color="gray.600">
+                          {children}
+                        </Text>
+                      ),
+                    }}
+                  />
                 </AccordionPanel>
               </AccordionItem>
             ))}

packages/frontend/src/pages/Landing/FaqSection.tsx

@@ -117,7 +117,12 @@ export default function HeaderBar() {
               </Popover> */}
 
               {/* TODO: check if this link needs to be changed */}
-              <Button as="a" href={URLS.GUIDE_LINK} variant="clear">
+              <Button
+                as="a"
+                href={URLS.GUIDE_LINK}
+                target="_blank"
+                variant="clear"
+              >
                 Releases
               </Button>
 

packages/frontend/src/pages/Landing/HeaderBar.tsx

@@ -16,11 +16,11 @@ import * as URLS from '@/config/urls'
 const posts = [
   {
     title:
-      "How Attorney General's Chamber reduced 50% of time spent on administrative onboarding processes",
+      "How Attorney-General's Chambers reduced 50% of time spent on administrative onboarding processes",
     href: URLS.HUMAN_RESOURCE,
     description: ' ',
     imageUrl: AgcLogo,
-    agency: "Attorney General's Chamber",
+    agency: "Attorney-General's Chambers",
   },
 ]
 

packages/frontend/src/pages/Landing/UseCases.tsx

@@ -12,14 +12,14 @@ function FirstContentBox() {
     <ContentBox headerText="Life before Plumber">
       <Text>
         Prior to automating this process, onboarding was managed manually. This
-        included information seeking and declaration through emails. Upon
-        receipt of information, HR staff will forward it to relevant
-        stakeholders to process onboarding items, such as staff passes.
+        included information gathering and declarations via email. Upon receipt
+        of information, HR staff will forward it to relevant stakeholders to
+        process onboarding items, such as staff passes.
       </Text>
 
       <Text>
         This process was prone to human error. For instance, a missed or delayed
-        referral by HR will affect an employees’ onboarding experience.
+        referral by HR will affect an employee’s onboarding experience.
       </Text>
     </ContentBox>
   )
@@ -29,15 +29,16 @@ function SecondContentBox() {
   return (
     <ContentBox headerText="Paving the way for transformation">
       <Text>
-        Zhi Hao, a HR Business Partner in AGC, reviewed the existing operational
-        process and identified some process steps for potential automation. The
-        scope of change started small but he gradually expanded automating more
-        parts of the workflow.
+        Zhi Hao, an HR Business Partner at AGC, reviewed the existing
+        operational process and identified some steps for potential automation.
+        The scope of change started small, but he gradually expanded automation
+        to more parts of the workflow.
       </Text>
 
       <Text>
-        With Plumber, the information is now directly available to stakeholders
-        after the employees’ input without the need for manual referral.
+        With Plumber, the information is now made directly available to
+        stakeholders after employees’ input, without the need for manual
+        referral.
       </Text>
     </ContentBox>
   )
@@ -47,14 +48,14 @@ function ThirdContentBox() {
   return (
     <ContentBox headerText="A better HR experience for all">
       <Text>
-        50 employees have been onboard over the past 6 months since this process
-        was automated. This amounts to 50 hours of administrative time saved,
-        which has gone into other HR strategic objectives.
+        50 employees have been onboarded over the past 6 months since this
+        process was automated. This amounts to 50 hours of administrative time
+        saved, which has been redirected towards other HR strategic objectives.
       </Text>
 
       <Text>
-        The team transitioned into the automated work process late last year and
-        is periodically reviewing it for improvement.
+        The team transitioned to the automated work process late last year and
+        is periodically reviewing it for improvements.
       </Text>
     </ContentBox>
   )
@@ -67,12 +68,12 @@ export default function HumanResource() {
 
       <SummarySection
         category="Human Resource"
-        title="How Attorney General's Chamber reduced 50% of time spent on administrative onboarding processes"
+        title="How Attorney-General's Chambers reduced 50% of time spent on administrative onboarding processes"
         description="Administrative work to onboard a new joiner on their first day of work typically took around 2 hours cumulatively, and was prone to human error"
         benefits={[
-          '50% time saved to onboard new employee',
-          '95% reduction in errors by automating',
-          'Able to focus on more important work like strategy after automating process',
+          '50% reduction in time taken to onboard a new employee',
+          '95% reduction in errors through automation',
+          'Able to focus on more important work, such as strategy, after automating the process',
         ]}
       />