KTL-1238 feat: synced elements of the main page with design

Author: berezinant

src/components/IntroBanner/introBanner.module.css

@@ -9,13 +9,16 @@
     'title image'
     '. image'
     'companies companies';
+  margin-top: var(--ktl-box-page-l);
+  margin-bottom: 0;
+  padding-bottom: var(--ktl-box-page-l);
+  border-bottom: 1px solid var(--rs-color-black-t20);
 }
 
 .image {
   height: 400px;
   width: 400px;
   grid-area: image;
-  margin-top: var(--ktl-box-page-m);
 }
 
 .title {
@@ -28,7 +31,7 @@
   display: flex;
   flex-wrap: wrap;
   margin-left: -80px;
-  margin-top: calc(var(--ktl-box-section-m) * -1);
+  margin-top: -84px;
 }
 
 .companiesGroup {
@@ -53,8 +56,7 @@
 }
 
 .companyLink {
-  display: inline-block;
-
+  display: block;
   font-size: 0;
   line-height: 0;
   &,

src/components/KtlLayout/ktlLayout.module.css

@@ -1,3 +1,8 @@
+.extraSpace {
+  margin-top: var(--ktl-box-page-l);
+  margin-bottom: var(--ktl-box-page-l);
+}
+
 @media (--ktl-tl) {
   .extraSpace {
     margin-top: var(--ktl-box-page-m);

src/components/LatestNews/latestNews.module.css

@@ -41,17 +41,14 @@
   .item:before {
     display: block;
     content: '';
-    background: #fff;
-    box-shadow: 5px 2px 24px rgba(0, 0, 0, 0.1);
+    background-color: var(--rs-color-grey-10);
     border-radius: 16px;
     grid-row: 1 / 4;
   }
 }
 
 @media (--ktl-tm) {
   .item {
-    background: #ffffff;
-    box-shadow: 5px 2px 24px rgba(0, 0, 0, 0.1);
     border-radius: 16px;
     padding: 24px;
     box-sizing: border-box;

src/components/Structure/structure.module.css

@@ -28,7 +28,6 @@
 .title,
 .members,
 .description {
-  /*border-top: 1px solid rgba(39, 40, 44, 0.2);*/
   padding: 23px 0 30px;
   margin: 0;
 }
@@ -38,7 +37,7 @@
 }
 
 .title:before {
-  background: rgba(39, 40, 44, 0.2);
+  background: var(--rs-color-black-t20);
   display: block;
   position: absolute;
   content: '';

src/components/VideoGallery/index.module.css

@@ -1,5 +1,5 @@
 .container {
-  margin-top: var(--ktl-box-page-m);
+  margin-top: var(--ktl-box-page-l);
   padding-bottom: var(--ktl-box-section-l);
 }
 

src/images/join-preview.png

@@ -1,7 +1,7 @@
 ---
 title: "Home"
 layout: "wide"
-greyLayout: true
+greyLayout: false
 contactUs: true
 ---
 import trademarkIcon from "../images/highlights/trademark.svg";
@@ -72,7 +72,7 @@ import joinPreviewUrl from "../images/join-preview.png";
     {
       title: 'Kotlin 2023 Keynote',
       url: 'https://www.youtube.com/watch?v=c4f4SCEYA5Q'
-    },      
+    },
     {
       title: 'Kotlin 2021 Keynote',
       url: 'https://www.youtube.com/watch?v=3uVUDsoE_5U'