Tweak the size of the hero

Author: CompuIves

packages/homepage/src/screens/home/hero/elements.js

@@ -39,8 +39,8 @@ export const HeroWrapper = styled.section`
   overflow: hidden;
   padding: 0 2rem;
 
-  height: calc(100vh - 48px);
-  min-height: calc(1080px - 48px);
+  height: 100vh;
+  min-height: 1080px;
 
   perspective: 1000;
 

packages/homepage/src/screens/home/hero/index.js

@@ -147,8 +147,8 @@ export default () => {
         initial={{ opacity: 0, y: 40 }}
         animate={{ opacity: 1, y: 0 }}
         transition={{
-          duration: 0.5,
-          delay: 0.3,
+          duration: 0.8,
+          delay: 1,
         }}
       >
         <HeroBottom>