- add multiple languages

- switch from moment to dayjs

src/components/builder/center/Artboard.module.css

@@ -1,7 +1,7 @@
 @media screen {
   .container {
-    width: 794px;
-    min-height: 1122px;
+    width: 210mm;
+    min-height: 297mm;
     overflow: scroll;
     box-shadow: var(--shadow);
     @apply my-16 bg-white rounded;

src/components/dashboard/ResumePreview.js

@@ -1,10 +1,10 @@
 import { Menu, MenuItem } from '@material-ui/core';
 import { navigate } from 'gatsby';
-import moment from 'moment/min/moment-with-locales';
 import React, { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { MdMoreHoriz, MdOpenInNew } from 'react-icons/md';
 import { toast } from 'react-toastify';
+import dayjs from 'dayjs';
 import DatabaseContext from '../../contexts/DatabaseContext';
 import ModalContext from '../../contexts/ModalContext';
 import styles from './ResumePreview.module.css';
@@ -84,7 +84,7 @@ const ResumePreview = ({ resume }) => {
         {resume.updatedAt && (
           <span>
             {t('dashboard.lastUpdated', {
-              timestamp: moment(resume.updatedAt)
+              timestamp: dayjs(resume.updatedAt)
                 .locale(i18n.language.substr(0, 2))
                 .fromNow(),
             })}

src/components/landing/Hero.js

@@ -1,7 +1,6 @@
+import { Link } from '@reach/router';
 import { navigate } from 'gatsby';
 import React, { memo, useContext } from 'react';
-import TypeIt from 'typeit-react';
-import { Link } from '@reach/router';
 import { useTranslation } from 'react-i18next';
 import ModalContext from '../../contexts/ModalContext';
 import UserContext from '../../contexts/UserContext';
@@ -25,20 +24,7 @@ const Hero = () => {
       </Link>
 
       <div className="mt-12 md:mt-0 md:ml-12">
-        <div className="text-5xl font-bold">
-          <TypeIt
-            getBeforeInit={(instance) => {
-              return instance
-                .type('Creative Resume')
-                .pause(500)
-                .move(-11)
-                .delete(4)
-                .pause(250)
-                .type('Reac')
-                .move('END');
-            }}
-          />
-        </div>
+        <h1 className="text-5xl font-bold">{t('shared.appName')}</h1>
         <h2 className="mt-1 text-3xl text-primary-500">
           {t('shared.shortDescription')}
         </h2>