Update Home page (#2390)

* update home page

* update logo links and logo folder

* add links to customers logos

---------

Co-authored-by: trean <trean.mi@gmail.com>

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-customers.scss

@@ -1,3 +1,4 @@
+@use 'sass:math';
 @use '../../helpers/functions' as *;
 
 .customers {
@@ -19,26 +20,58 @@
     flex-wrap: wrap;
     justify-content: center;
     align-items: center;
-    gap: pxToRem(24) pxToRem(8);
+    gap: pxToRem(24) 0;
     width: 100%;
   }
 
   &__logo {
     flex: 0 0 auto;
     display: flex;
+    flex-direction: column;
     align-items: center;
     justify-content: center;
-    width: pxToRem(103); // (1110 - 9*8)/10 so 10 logos fit per row on 2 lines
-    height: pxToRem(56);
-    padding: 0 pxToRem(10);
+    width: pxToRem(158);
+    height: pxToRem(48);
+    padding: math.div($spacer, 4) 0;
 
-    svg {
+    & > svg {
       display: block;
       max-width: 100%;
-      max-height: 100%;
+      max-height: $spacer * 2;
       width: auto;
       height: auto;
       object-fit: contain;
+      transform: translateY(0);
+      transition: transform 0.3s ease;
+    }
+    
+    &-link {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: pxToRem(2);
+      height: 0;
+      font-size: pxToRem(7);
+      line-height: 1;
+      font-family: 'Geist Mono', $font-family-monospace;
+      color: $neutral-98;
+      opacity: 0;
+      pointer-events: none;
+      transition: all 0.3s ease;
+    }
+
+    @include media-breakpoint-up(lg) {
+      &:hover {
+        & > svg {
+          transform: translateY(0);
+        }
+      }
+      
+      &:hover &-link {
+        opacity: 1;
+        height: $spacer * 0.5;
+        pointer-events: auto;
+      }
     }
   }
 }

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-engineered-for-builders.scss

@@ -174,6 +174,7 @@
     flex: 1;
     display: flex;
     flex-direction: column;
+    align-items: flex-start;
     gap: $spacer;
   }
 
@@ -197,31 +198,4 @@
     color: $neutral-70;
     margin: 0;
   }
-
-  &__feature-link {
-    display: inline-flex;
-    align-items: center;
-    gap: pxToRem(2);
-    font-size: map-get($font-sizes-text, 'md');
-    font-weight: 500;
-    line-height: 1.5;
-    color: $neutral-98;
-    text-decoration: none;
-    transition: opacity 0.2s ease;
-
-    &:hover {
-      opacity: 0.8;
-    }
-
-    svg {
-      width: pxToRem(16);
-      height: pxToRem(16);
-      margin-top: pxToRem(2);
-      transition: transform 0.2s ease;
-    }
-
-    &:hover svg {
-      transform: translateX(4px);
-    }
-  }
 }

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-enterprise-capabilities.scss

@@ -159,6 +159,10 @@
       font-size: map-get($font-sizes-text, 'xl');
     }
   }
+  
+  &__button {
+    margin-top: $spacer * 0.5;
+  }
 
   // Cards
   &__cards {

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-enterprise-ready.scss

@@ -45,6 +45,10 @@
       font-size: map-get($font-sizes-text, 'xl');
     }
   }
+  
+  &__button {
+    margin-top: $spacer * 0.5;
+  }
 
   // Content wrapper
   &__content {

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-performance-by-design.scss

@@ -57,6 +57,10 @@
     }
   }
 
+  &__button {
+    margin-top: $spacer * 0.5;
+  }
+
   // Slider: visible from md up (big screens)
   &__slider {
     display: none;

qdrant-landing/themes/qdrant-2024/assets/css/partials/home/_home-why-qdrant.scss

@@ -43,6 +43,10 @@
     margin: 0;
     max-width: pxToRem(780);
   }
+  
+  &__button {
+    margin-top: $spacer * 0.5;
+  }
 
   &__grid {
     display: flex;