feat(i18n): add landing payments and not found error pages

apps/frontend/src/i18n/locales/en-sg.ts

@@ -4,7 +4,9 @@ import { enSG as adminForm } from './features/admin-form'
 import { enSG as app } from './features/app'
 import { enSG as common } from './features/common'
 import { enSG as landingPage } from './features/landing-page'
+import { enSG as landingPayments } from './features/landing-payments'
 import { enSG as login } from './features/login'
+import { enSG as notFoundError } from './features/not-found-error'
 import { enSG as publicForm } from './features/public-form'
 import { enSG as user } from './features/user'
 import { enSG as whatsNew } from './features/whats-new'
@@ -21,6 +23,8 @@ export const enSG: FallbackTranslation = {
       app,
       common,
       landingPage,
+      landingPayments,
+      notFoundError,
       login,
       publicForm,
       workspace,

apps/frontend/src/i18n/locales/features/index.ts

@@ -22,7 +22,9 @@ export {
 export { type App } from './app'
 export { type Common } from './common'
 export { type LandingPage } from './landing-page'
+export { type LandingPayments } from './landing-payments'
 export { type Login } from './login'
+export { type NotFoundError } from './not-found-error'
 export { type PublicForm } from './public-form'
 export { type EmergencyContact, type TransferOwnership } from './user'
 export { type WhatsNew } from './whats-new'

apps/frontend/src/i18n/locales/features/landing-payments/en-sg.ts

@@ -0,0 +1,82 @@
+import { LandingPayments } from '.'
+
+export const enSG: LandingPayments = {
+  onboarding: {
+    success: 'An email has been sent to this email address.',
+    errors: {
+      forbidden:
+        'We are unable to send you our guide because your email is not whitelisted on FormSG.',
+      general: 'Something went wrong. Please try again later.',
+    },
+  },
+  hero: {
+    title: 'Collect payments on your form',
+    description:
+      'Respondents can now pay for fees and services directly on your form. Enter your agency email to receive our guide on how to get started with payments.',
+    emailPlaceholder: 'Enter your email',
+    submitButton: 'Submit',
+  },
+  features: {
+    title: 'Payment features',
+    selfService: {
+      title: 'Self-service',
+      description: 'Start collecting payments in just a few simple steps.',
+    },
+    reconciliation: {
+      title: 'Simple reconciliation',
+      description:
+        'Associate a payment reference ID with every form response ID. Track payments and payouts in one dashboard.',
+    },
+    trusted: {
+      title: 'Trusted payment flows',
+      description:
+        'We partner with Stripe, a leading payment provider, to ensure a secure and reliable payment experience. Respondents receive notifications from official gov.sg domains.',
+    },
+    invoicing: {
+      title: 'Invoicing',
+      description:
+        'Respondents receive an invoice as proof of payment for each completed transaction.',
+    },
+    paymentMethods: {
+      title: 'Multiple payment methods',
+      description: 'We support credit card, debit card and PayNow.',
+    },
+    flexible: {
+      title: 'Flexible',
+      description:
+        "We've got you covered whether you are collecting fixed amounts or varying amounts from respondents.",
+    },
+  },
+  helpCenter: {
+    title: 'Help Center',
+    description:
+      'Have a question? Most answers can be found in our self service Help Center. Common questions include:',
+    linkText: 'Visit our Payments Help Center',
+    linkToGuide: 'Receive our guide for more information.',
+    faq: {
+      whatDoINeed: {
+        question: 'What do I need to start collecting payments?',
+        answer:
+          'You would need to create and verify your Stripe account, activate your account and fill in the business onboarding form.',
+      },
+      transactionFees: {
+        question: 'Are there any transaction fees?',
+        answer:
+          'Stripe, our payment provider, charges transaction fees for every payment. Government agencies can enjoy special transaction rates.',
+      },
+      invoice: {
+        question: 'Is there an invoice or receipt provided?',
+        answer:
+          'Respondents will receive a receipt generated by Stripe and an invoice generated by FormSG upon successful payment. Invoices will be sent to respondents for payment amounts less than S$1000.',
+      },
+      reconciliation: {
+        question: 'How does reconciliation work?',
+        answer:
+          'Each payment reference ID is associated with a form response ID. Payment and payout status can be viewed in your form response page as well as on the Stripe dashboard.',
+      },
+    },
+  },
+  bottomCta: {
+    title: 'Receive our guide to get started on payments',
+  },
+}

apps/frontend/src/i18n/locales/features/landing-payments/index.ts

@@ -0,0 +1,41 @@
+export * from './en-sg'
+
+export interface LandingPayments {
+  onboarding: {
+    success: string
+    errors: {
+      forbidden: string
+      general: string
+    }
+  }
+  hero: {
+    title: string
+    description: string
+    emailPlaceholder: string
+    submitButton: string
+  }
+  features: {
+    title: string
+    selfService: { title: string; description: string }
+    reconciliation: { title: string; description: string }
+    trusted: { title: string; description: string }
+    invoicing: { title: string; description: string }
+    paymentMethods: { title: string; description: string }
+    flexible: { title: string; description: string }
+  }
+  helpCenter: {
+    title: string
+    description: string
+    linkText: string
+    linkToGuide: string
+    faq: {
+      whatDoINeed: { question: string; answer: string }
+      transactionFees: { question: string; answer: string }
+      invoice: { question: string; answer: string }
+      reconciliation: { question: string; answer: string }
+    }
+  }
+  bottomCta: {
+    title: string
+  }
+}

apps/frontend/src/i18n/locales/features/not-found-error/en-sg.ts

@@ -0,0 +1,10 @@
+import { NotFoundError } from '.'
+
+export const enSG: NotFoundError = {
+  title: 'Not found',
+  header: 'This page could not be found.',
+  buttons: {
+    back: 'Back',
+    dashboard: 'Go to dashboard',
+  },
+}

apps/frontend/src/i18n/locales/features/not-found-error/index.ts

@@ -0,0 +1,10 @@
+export * from './en-sg'
+
+export interface NotFoundError {
+  title: string
+  header: string
+  buttons: {
+    back: string
+    dashboard: string
+  }
+}

apps/frontend/src/i18n/locales/types.ts

@@ -12,11 +12,13 @@ import {
   Fields,
   HeaderAndInstructions,
   LandingPage,
+  LandingPayments,
   Logic,
   Login,
   Meta,
   Modals,
   Navbar,
+  NotFoundError,
   PublicForm,
   ResponsesCharts,
   ResponsesComponents,
@@ -65,6 +67,8 @@ interface Translation {
       app?: App
       common?: Common
       landingPage?: LandingPage
+      landingPayments?: LandingPayments
+      notFoundError?: NotFoundError
       publicForm?: PublicForm
       login?: Login
       workspace?: Workspace