chore(): update alpha header copy (#1485)

AKASHAorg · Nov 12, 2021 · 21f19ee · 21f19ee
1 parent 690f22f
commit 21f19ee
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 15 deletions.
diff --git a/apps/akasha/src/components/feed-page/feed-page.tsx b/apps/akasha/src/components/feed-page/feed-page.tsx
@@ -91,11 +91,16 @@ const FeedPage: React.FC<FeedPageProps & RootComponentProps> = props => {
       ) : (
         <Box margin={{ bottom: 'medium' }}>
           <LoginCTAWidgetCard
-            title={`🚀 ${t(' Welcome to Ethereum World!')}`}
+            title={`${t('Welcome, fellow Ethereans!')} 💫`}
             subtitle={t('We are in private alpha at this time. ')}
-            beforeLinkLabel={t("If you'd like to participate,")}
-            afterLinkLabel={t("and we'll add you to our wait list!")}
-            writeToUsLabel={t('write to us')}
+            beforeLinkLabel={t("If you'd like to participate, just ")}
+            afterLinkLabel={t(
+              ' and we’ll send you a ticket for the next shuttle going to Ethereum World.',
+            )}
+            disclaimerLabel={t(
+              'Please bear in mind we’re onboarding new people gradually to make sure our systems can scale up. Bon voyage! 🚀',
+            )}
+            writeToUsLabel={t('drop us a message')}
             writeToUsUrl={'mailto:[email protected]'}
           />
         </Box>

diff --git a/ui/design/src/components/LoginCTAWidgetCard/LoginCTAWidgetCard.stories.tsx b/ui/design/src/components/LoginCTAWidgetCard/LoginCTAWidgetCard.stories.tsx
@@ -21,10 +21,12 @@ const Template = (args: ILoginWidgetCardProps) => (
 export const BaseLoginCTAWidgetCard = Template.bind({});
 
 BaseLoginCTAWidgetCard.args = {
-  title: '🚀 Welcome to Ethereum World!',
+  title: 'Welcome, fellow Ethereans! 💫',
   subtitle: 'We are in private alpha at this time. ',
-  beforeLinkLabel: "If you'd like to participate,",
-  afterLinkLabel: "and we'll add you to our waitlist!",
-  writeToUsLabel: 'write to us',
+  beforeLinkLabel: "If you'd like to participate,just ",
+  afterLinkLabel: 'and we’ll send you a ticket for the next shuttle going to Ethereum World.',
+  disclaimerLabel:
+    'Please bear in mind we’re onboarding new people gradually to make sure our systems can scale up. Bon voyage! 🚀',
+  writeToUsLabel: 'drop us a message',
   writeToUsUrl: 'mailto:[email protected]',
 };
diff --git a/ui/design/src/components/LoginCTAWidgetCard/__tests__/index.test.tsx b/ui/design/src/components/LoginCTAWidgetCard/__tests__/index.test.tsx
@@ -13,11 +13,12 @@ describe('<LoginCTAWidgetCard /> Component', () => {
       componentWrapper = customRender(
         wrapWithTheme(
           <LoginCTAWidgetCard
-            title="🚀 Welcome to Ethereum World!"
+            title="Welcome, fellow Ethereans! 💫"
             subtitle="We are in private alpha at this time. "
-            beforeLinkLabel="If you'd like to participate,"
-            afterLinkLabel="and we'll add you to our waitlist!"
-            writeToUsLabel="write to us"
+            beforeLinkLabel="If you'd like to participate,just "
+            afterLinkLabel="and we’ll send you a ticket for the next shuttle going to Ethereum World."
+            disclaimerLabel="Please bear in mind we’re onboarding new people gradually to make sure our systems can scale up. Bon voyage! 🚀"
+            writeToUsLabel="drop us a message"
             writeToUsUrl="mailto:[email protected]"
           />,
         ),

diff --git a/ui/design/src/components/LoginCTAWidgetCard/index.tsx b/ui/design/src/components/LoginCTAWidgetCard/index.tsx
@@ -25,6 +25,7 @@ export interface ILoginWidgetCardProps {
   beforeLinkLabel: string;
   afterLinkLabel: string;
   writeToUsLabel: string;
+  disclaimerLabel?: string;
   writeToUsUrl: string;
   image?: React.ReactElement;
   publicImgPath?: string;
@@ -36,23 +37,25 @@ const LoginCTACard: React.FC<ILoginWidgetCardProps> = props => {
     beforeLinkLabel,
     afterLinkLabel,
     writeToUsLabel,
+    disclaimerLabel,
     writeToUsUrl,
     publicImgPath = '/images',
   } = props;
   return (
     <BasicCardBox pad="medium" callToAction={true}>
-      {props.image && props.image}
+      {props.image}
       <Box direction={isMobile ? 'column-reverse' : 'row'} align="center" justify="between">
         <Box direction="column" width={isMobile ? '100%' : '50%'}>
           <Text weight="bold" size="1rem" margin={{ top: 'xsmall' }}>
             {title}
           </Text>
           <StyledText margin={{ top: 'xsmall' }}>{subtitle}</StyledText>
           <StyledText margin={{ top: 'xsmall' }}>
-            {beforeLinkLabel}{' '}
-            <StyledAnchor size="medium" href={writeToUsUrl} label={writeToUsLabel} />{' '}
+            {beforeLinkLabel}
+            <StyledAnchor size="medium" href={writeToUsUrl} label={writeToUsLabel} />
             {afterLinkLabel}
           </StyledText>
+          <StyledText margin={{ top: 'xsmall' }}>{disclaimerLabel}</StyledText>
         </Box>
         <Box
           width={isMobile ? '100%' : '43%'}