update services url

_data/menus.yml

@@ -63,23 +63,23 @@ v2_main:
             name: "By Technology / Company"
             items:
               - name: "Redpanda"
-                url: "/v2/services/by-technology-company/redpanda"
+                url: "/v2/services/technology/redpanda"
               - name: "Confluent"
-                url: "/v2/services/by-technology-company/confluent"
+                url: "/v2/services/technology/confluent"
               - name: "MSK"
-                url: "/v2/services/by-technology-company/msk"
+                url: "/v2/services/technology/msk"
               - name: "Apache Kafka"
-                url: "/v2/services/by-technology-company/apache-kafka"
+                url: "/v2/services/technology/apache-kafka"
               - name: "Flink"
-                url: "/v2/services/by-technology-company/flink"
+                url: "/v2/services/technology/flink"
               - name: "Clickhouse"
-                url: "/v2/services/by-technology-company/clickhouse"
+                url: "/v2/services/technology/clickhouse"
               - name: "Imply"
-                url: "/v2/services/by-technology-company/imply"
+                url: "/v2/services/technology/imply"
               - name: "Temporal"
-                url: "/v2/services/by-technology-company/temporal"
+                url: "/v2/services/technology/temporal"
               - name: "Kong"
-                url: "/v2/services/by-technology-company/kong"
+                url: "/v2/services/technology/kong"
   - name: "Industries"
     children: 
       name: "Case Studies by Industry"

_layouts/v2_events.html

@@ -3,8 +3,8 @@
 bodyClass: page-events-list
 ---
 
-<div class="reveal">
-    <div class="slides">
+<!-- <div class="reveal">
+    <div class="slides"> -->
         <section class="section-top">
             <div class="section-intro-container row mx-0">
                 <div class="section-content col-lg-6 p-0 col-12">
@@ -17,8 +17,8 @@
                 </div>
               </div>
         </section>
-    </div>
-</div>
+    <!-- </div>
+</div> -->
 
 
 <div class="content">

_layouts/v2page_layout.html

@@ -1,6 +1,6 @@
 ---
 layout: v2_default
-bodyClass: v2-page-consulting
+bodyClass: v2-page-layout
 ---
 
 <!-- <section> -->

_sass/components/_header.scss

@@ -38,7 +38,7 @@
   // background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0, rgba(0, 0, 0, 0) 100%);
   position: sticky;
   top: 0;
-  z-index: 999;   
+  z-index: 10;   
   border-bottom: 1px solid #262626;  
   box-shadow: 0 4px 6px -1px rgba(0 ,0, 0, 0.1), 0 2px 4px -2px rgba(0 ,0 ,0 , 0.1); 
   .main-menu{

_sass/components/_page.scss

@@ -38,11 +38,11 @@ p{
     margin-bottom: 2rem;
     a {
       font-size: 2.5rem;
-      color: #81B94C;
+      color: var(--v2-heading-color);
     }
   }
   p {
-    color: white;
+    color: var(--v2-paragraph-color);
     font-size: 18px;
   }
 }
@@ -60,16 +60,11 @@ p{
       margin-bottom: 2rem;
       text-align: start !important;
       min-height: auto !important;
-      background: white !important;
-      border: 1px solid white;
       a {
         display: block;
         height: 100%;
         padding: 3rem;
       }
-      .feature-card {
-        gap: 1rem;
-      }
       p {
         margin-top: 1rem;
         font-size: 18px;
@@ -349,13 +344,124 @@ p{
   }
   .harizontal-card-container {
     @include consulting-container;
-
+    @include media-breakpoint-down(sm){
+      .strip{
+        margin-top: 74px;
+        .service-title{
+          font-size: 2rem;
+          margin-bottom: 1rem !important;
+          a{
+            font-size: 2rem !important;
+            }
+        }
+        p{
+          font-size: 1.2rem !important;
+        }
+      }
+      .content-list-item{
+        ul{
+        padding: 0 !important;
+        li{
+          a{
+            padding: 1rem 1.5rem !important;
+          }
+          .feature-card{
+            .icon{
+              font-size: 20px !important;
+              span{
+              font-size: 20px;
+              padding: 2px !important;
+              border-radius: 14px;
+              }
+            }
+            h2{
+              font-size: 1.4rem !important;
+            }
+            .feature-summary, p{
+              font-size: 1rem !important;
+              min-height: 0 !important;
+            }
+          }
+        }
+        }
+      }
+    }
     .strip {
       @include strip-styles;
     }
 
     .content-list-item {
       @include list-item-styles;
+      li {
+        width: 100%;
+        // min-height: 480px;
+        text-align: start !important;
+        padding: 0;
+        background: var(--v2-box-container-card-bg) !important;
+        border: 1px solid var(--v2-box-container-card-bg);
+        &:hover {
+          background: var(--v2-box-container-card-bg-light) !important;
+          border-color: var(--v2-primary-color);
+          box-shadow: 0 10px 15px -3px;
+          cursor: pointer;
+          .feature-card{
+            h2{
+              color: var(--v2-primary-color);
+            }
+            .icon{
+              span{
+                background-color: var(--v2-box-container-card-bg);
+                // color: var(--v2-primary-color);
+              }
+            }
+          p{
+            color:var(--v2-primary-color);
+          }
+        }
+        }
+        a {
+          display: block;
+          height: 100%;
+          padding: 3rem;
+        }
+
+        .feature-card {
+          // min-height: 65%;
+          gap:0;
+          height: 100%;
+          h2{
+            color: var(--v2-sub-heading-color);
+          }
+            .icon{
+              span{
+                background-color: var(--v2-box-container-card-bg-light);
+                color: var(--v2-primary-color);
+              }
+            }
+          .feature-summary{
+            color: var(--v2-paragraph-light-color);
+            min-height: 5rem;
+            padding-bottom: 10px;
+          }
+          p {
+            font-size: 18px;
+            // text-decoration: underline;
+            color: var(--v2-heading-color);
+          }
+        }
+        @include media-breakpoint-down(md) {
+          // min-height: 452px;
+          a {
+            padding: 2rem;
+          }
+        }
+        h2 {
+          padding: 10px 0;
+          color: var(--v2-sub-heading-color);
+          text-transform: none;
+          font-size: 28px ;
+        }
+      }
     }
 
     .container-context {

v2/consulting/platform-engineering.md

@@ -102,7 +102,6 @@ sections:
       caption: Performance & resilliency assurance for platforms & distributed systems.
       hash: "performance-engineering"
       section:
-        # features_class: "harizontal-card-container"
       features:
         - title: "System Stress Testing"
           summary: "Simulate extreme scenarios to measure your system's resilience and response times."