Merge pull request #2892 from glific/update-promotion

Updated the promotion banner
glific · May 20, 2024 · 9d19630 · 9d19630
2 parents 4636568 + 05a0bd7
commit 9d19630
Show file tree

Hide file tree

Showing 3 changed files with 24 additions and 16 deletions.
diff --git a/src/containers/Auth/Auth.tsx b/src/containers/Auth/Auth.tsx
@@ -9,7 +9,7 @@ import WhatsAppIcon from 'assets/images/icons/Social/Whatsapp.svg?react';
 import { termsOfUse } from 'containers/Organization/Organization';
 import { Button } from 'components/UI/Form/Button/Button';
 import GlificLogo from 'assets/images/logo/Logo.svg';
-// import { Promotion } from './Promotion/Promotion';
+import { Promotion } from './Promotion/Promotion';
 import styles from './Auth.module.css';
 import axios from 'axios';
 import { ORGANIZATION_NAME } from 'config';
@@ -259,8 +259,7 @@ export const Auth = ({
         ) : null}
       </div>
 
-      {/* commenting out promotion banner */}
-      {/* {mode === 'login' && <Promotion />} */}
+      {mode === 'login' && <Promotion />}
     </div>
   );
 };
diff --git a/src/containers/Auth/Promotion/Promotion.module.css b/src/containers/Auth/Promotion/Promotion.module.css
@@ -59,6 +59,9 @@
   line-height: 1;
   position: relative;
   top: 20px;
+  display: flex;
+  flex-direction: column;
+  row-gap: 1rem;
 }
 
 .Header {

diff --git a/src/containers/Auth/Promotion/Promotion.tsx b/src/containers/Auth/Promotion/Promotion.tsx
@@ -5,17 +5,18 @@ import styles from './Promotion.module.css';
 
 export const Promotion = () => {
   const [minimized, setMinimized] = useState(false);
+  const LINK = 'https://us06web.zoom.us/meeting/register/tZYof-yrrD4sHtCHskNq0feuOcCEi5vQ-Sxd';
 
   return (
     <div className={minimized ? styles.ContainerMin : styles.ContainerMax}>
       <div className={styles.CardHeader}>
         <div className={styles.Header}>
           <div className={styles.Dot} />
-          <div className={styles.HeaderText}>ALERT!</div>
+          <div className={styles.HeaderText}>NEW!</div>
         </div>
         {minimized ? (
           <>
-            <div className={styles.GiftCard}>Glific payment timelines</div>
+            <div className={styles.GiftCard}>Level up with Glific</div>
             <MaximizeIcon
               className={styles.AccordianIcon}
               onClick={() => setMinimized(!minimized)}
@@ -28,33 +29,38 @@ export const Promotion = () => {
 
       {!minimized && (
         <>
-          <div className={styles.Image}>Glific payment timelines & late payment policy</div>
+          <div className={styles.Image}>
+            <span>Level up with Glific</span>
+            <span>
+              Whatsapp groups automation <br /> 23rd May 3-4PM
+            </span>
+          </div>
 
           <div className={styles.Points}>
             <div className={styles.BodyListText}>
               <span>{1}</span>
               <div>
-                Glific will send invoice on 1st of every month and you will have 15-day payment
-                window.
+                Learn how this feature will enable you to{' '}
+                <b>
+                  send or schedule messages/ media to Whatsapp groups and gain insights into group
+                  activity.
+                </b>
               </div>
             </div>
             <div className={styles.BodyListText}>
               <span>2</span>
-              <div>
-                Starting May 1st, 2024, Failure to pay for two consecutive months leads to account
-                suspension, halting staff access and messaging bot functionality.
-              </div>
+              <div>Learn through a demo, and explore possibilities.</div>
             </div>
-            <div className={styles.BodyListText}>
+            {/* <div className={styles.BodyListText}>
               <div>Reach out to Glific team if you have questions/concerns.</div>
-            </div>
+            </div> */}
           </div>
-          {/* <a className={styles.Link} href={LINK} target="_blank" rel="noreferrer">
+          <a className={styles.Link} href={LINK} target="_blank" rel="noreferrer">
             <div className={styles.KnowMore}>
               <div>REGISTER NOW</div>
               <div className={styles.Arrow}> ↗</div>
             </div>
-          </a> */}
+          </a>
         </>
       )}
     </div>