packages/components/containers/onboarding/OnboardingWelcome.tsx

   1 import { c } from 'ttag';
   2
   3 import { BRAND_NAME } from '@proton/shared/lib/constants';
   4 import welcomeImage from '@proton/styles/assets/img/onboarding/proton-welcome.svg';
   5
   6 import type { Props as OnboardingContentProps } from './OnboardingContent';
   7 import OnboardingContent from './OnboardingContent';
   8
   9 const OnboardingWelcome = (props: Omit<OnboardingContentProps, 'decription' | 'img'>) => {
  10     return (
  11         <OnboardingContent
  12             title={c('Onboarding Proton').t`Welcome to ${BRAND_NAME}`}
  13             description={c('Onboarding Proton')
  14                 .t`Our mission is to build an internet where you are in control of your data and your privacy. We have recently updated ${BRAND_NAME} - welcome to the secure internet.`}
  15             img={<img src={welcomeImage} alt={c('Onboarding Proton').t`Welcome to ${BRAND_NAME}`} />}
  16             {...props}
  17         />
  18     );
  19 };
  20
  21 export default OnboardingWelcome;