feat: refine UI

src/components/common/footer/footer.module.scss

@@ -117,11 +117,15 @@
 
 .line {
   position: absolute;
-  left: 50%;
   top: 0;
+  left: calc(50% - (tovw(3px, 'default', 2px) / 2));
   width: tovw(3px, 'default', 2px);
   height: tovw(276px, 'default', 270px);
   margin: tovw(37px, 'default', 20px) auto tovw(23px, 'default', 20px) auto;
+
+  @media screen and (max-width: 800px) {
+    display: none;
+  }
 }
 
 .footer {

src/components/common/footer/index.tsx

@@ -40,7 +40,7 @@ export const Footer = () => {
             centered
             style={{ textTransform: 'capitalize' }}
           >
-            Sign-up to our newsletter to stay in touch with <br /> the latest.
+            Sign-up to our <br /> Newsletter
           </Heading>
           <form action="">
             <input

src/components/sections/homepage/benefits/benefits.module.scss

@@ -2,8 +2,8 @@
 
 .section {
   position: relative;
-  padding-top: tovw(280px, 'default', 80px);
-  padding-bottom: tovw(246px, 'default', 200px);
+  padding-top: tovw(170px, 'default', 122px);
+  padding-bottom: tovw(100px, 'default', 90px);
 
   .grid {
     display: grid;
@@ -31,6 +31,8 @@
   }
 
   @media screen and (max-width: 800px) {
+    padding-bottom: tovw(135px, 'mobile');
+
     .grid {
       display: flex;
 

src/components/sections/homepage/hero/hero.module.scss

@@ -92,6 +92,10 @@
       grid-template-columns: 1fr;
     }
 
+    @media screen and (max-width: 480px) {
+      bottom: 0;
+    }
+
     ul {
       margin: 0;
       padding: 0;

src/components/sections/homepage/latest-news/latest-news.module.scss

@@ -5,7 +5,7 @@
   align-items: center;
   flex-direction: column;
   margin-top: tovw(55px, 'default', 20px);
-  padding: tovw(220px, 'default', 72px) 0;
+  padding: 0 0 tovw(185px, 'default', 90px) 0;
 
   .slider__container {
     width: calc(100% - tovw(205px, 'default', 16px));

src/components/sections/homepage/what-others-say/what-others-say.module.scss

@@ -3,7 +3,7 @@
 .section {
   position: relative;
   margin-top: tovw(24px, 'default', 16px);
-  padding: tovw(104px, 'default', 72px) 0;
+  padding: tovw(104px, 'default', 72px) 0 0 0;
 }
 
 .header {