diff --git a/assets/css/custom.scss b/assets/css/custom.scss
index 7970e739..0ba0e3d4 100644
--- a/assets/css/custom.scss
+++ b/assets/css/custom.scss
@@ -62,6 +62,13 @@ hr {
.text-pine {
color: $pine;
}
+.text-pink {
+ color: $pink;
+}
+
+.text-vanilla {
+ color: $vanilla;
+}
.text-uppercase {
text-transform: uppercase;
@@ -92,6 +99,13 @@ blockquote {
font-size: 1.1rem;
}
}
+.font23 {
+ font-size: 1.277rem;
+ line-height: 1.55em;
+ @media (max-width: 767px) {
+ font-size: 1.1rem;
+ }
+}
.font-weight-light {
font-weight: 300;
}
@@ -112,6 +126,81 @@ blockquote {
flex-direction: row-reverse;
}
}
+.numbered-list,
+.checked-list {
+ position: relative;
+ margin-left: 0;
+ list-style: none;
+ padding-left: 0;
+ counter-reset: numbered-counter;
+ li {
+ position: relative;
+ padding-left: 1.8em;
+ font-size: 1.33rem;
+ font-style: normal;
+ font-weight: 600;
+ line-height: 1.35em;
+ counter-increment: numbered-counter;
+ padding-bottom: 0.45em;
+ @media (max-width: 991px) {
+ font-size: 1.13rem;
+ padding-left: 2em;
+ }
+ &:before {
+ content: counter(numbered-counter) ". ";
+ display: block;
+ border-radius: 100%;
+ text-align: center;
+ line-height: 30px;
+ color: #0e383a;
+ font-size: 0.91em;
+ font-style: normal;
+ font-weight: 700;
+ width: 30px;
+ height: 30px;
+ background: linear-gradient(
+ 100deg,
+ #ede497 2.59%,
+ #2ad9c2 41.12%,
+ #d891ce 89.63%
+ );
+ position: absolute;
+ left: 0;
+ @media (max-width: 991px) {
+ width: 24px;
+ line-height: 24px;
+ height: 24px;
+ }
+ }
+ }
+}
+.checked-list {
+ li {
+ font-weight: 400;
+ &:before {
+ font-size: 1.55rem;
+ content: "\f058";
+ font-weight: 900;
+ width: auto;
+ height: auto;
+ font-family: "Font Awesome 6 Free";
+ background: linear-gradient(
+ 92.08deg,
+ #ede497 -0.66%,
+ #2ad9c2 26%,
+ #d891ce 59.55%
+ );
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+ text-fill-color: transparent;
+ }
+ .serviceTitle {
+ text-transform: none;
+ padding-bottom: 0.28em;
+ }
+ }
+}
.letter-spacing {
letter-spacing: 0.03em;
}
@@ -228,6 +317,15 @@ img {
line-height: $line-height-desktop + 6;
font-size: 1.22rem;
}
+ &.btn-gradient {
+ background: linear-gradient(
+ 92deg,
+ #ede497 -0.66%,
+ #2ad9c2 26%,
+ #d891ce 59.55%
+ );
+ color: #033;
+ }
&.btn-outline-white,
&.btn-outline-gray,
&.btn-outline-gradient {
@@ -642,29 +740,47 @@ header {
display: flex;
align-items: center;
justify-content: space-between;
- @media (max-width: 767px) {
+@media (max-width: 991px) {
padding-left: 20px;
padding-right: 20px;
flex-wrap: wrap;
}
.d-flex {
- @media (max-width: 767px) {
+@media (max-width: 991px) {
flex-wrap: wrap;
width: 100%;
}
+ @media (max-width: 991px) {
+ justify-content: space-between !important;
+ }
+ @media (max-width: 575px) {
+ align-items: center;
+ }
}
#headerRight {
- @media (max-width: 767px) {
+@media (max-width: 991px) {
justify-content: end;
margin-top: -38px;
}
+ @media (max-width: 991px) {
+margin-top: 0;
+padding-top: 12px;
+ }
+
+ @media (max-width: 575px) {
+ align-items: center !important; justify-content: center !important;
+ #headerBtn{
+ padding-top: 12px;
+ }
+ }
+
}
#headerLogo {
position: relative;
- @media (max-width: 767px) {
+@media (max-width: 991px) {
width: 200px;
display: block;
}
@@ -678,11 +794,11 @@ header {
height: auto;
}
@media (max-width: 575px) {
- width: 100%;
+ width: 180px;
img {
width: 260px;
display: block;
- margin: 0 auto 24px;
+ margin: 0 ;
}
}
}
@@ -690,8 +806,9 @@ header {
margin-left: auto;
padding-right: 1.1rem;
@media (max-width: 767px) {
- padding-right: 0.8rem;
+ padding-right: 0.8rem; margin-left: 0;
}
+
@media (max-width: 575px) {
margin-left: initial;
padding: 0 0.7rem;
@@ -1004,6 +1121,26 @@ header {
}
}
}
+ .rowLinks {
+ display: flex;
+ align-items: center;
+ .button {
+ padding: 0 1.27em;
+ margin-right: 1.4em;
+ }
+ @media (max-width: 767px) {
+ justify-content: center;
+ .button {
+ margin: 0 0.7em;
+ }
+ }
+ @media (max-width: 575px) {
+ flex-direction: column;
+ .button {
+ margin: 10px;
+ }
+ }
+ }
.bannerBtn {
padding-top: 1.5rem;
}
@@ -1212,8 +1349,7 @@ footer {
}
}
#cloud-architecture {
- padding-top: 4.55rem;
-
+ padding-top: 3.55rem;
@media (max-width: 767px) {
text-align: center;
}
@@ -1221,20 +1357,24 @@ footer {
.cloudLogos {
display: flex;
align-items: center;
- justify-content: space-between;
- margin: 0 -10px;
-
+ justify-content: flex-start;
@media (max-width: 767px) {
justify-content: center;
+ margin: 0 -1rem;
}
@media (max-width: 575px) {
flex-wrap: wrap;
}
.cloudLogoBx {
- padding: 10px;
- max-width: 200px;
- @media (max-width: 575px) {
- width: 33%;
+ padding: 10px 0;
+ max-width: 205px;
+ margin-right: 3.45rem;
+ @media (max-width: 991px) {
+ margin-right: 3rem;
+ max-width: 175px;
+ }
+ @media (max-width: 767px) {
+ margin: 0 1rem;
}
}
}
@@ -1248,30 +1388,25 @@ footer {
.services-row {
position: relative;
.col {
- padding-top: 1.5rem;
+ padding-top: 1.1rem;
padding-bottom: 1.25rem;
- z-index: 10;
- display: block;
-
&:nth-child(2),
&:nth-child(5) {
- z-index: 1;
- display: block;
.serviceIcon {
- // &:before {
- // content: "";
- // position: absolute;
- // width: 125vw;
- // height: 2px;
- // background: linear-gradient(
- // 99.59deg,
- // #ede497 2.59%,
- // #2ad9c2 41.12%,
- // #d891ce 89.63%
- // );
- // top: 50%;
- // z-index: -10;
- // }
+ &:before {
+ content: "";
+ position: absolute;
+ width: 125vw;
+ height: 2px;
+ background: linear-gradient(
+ 99.59deg,
+ #ede497 2.59%,
+ #2ad9c2 41.12%,
+ #d891ce 89.63%
+ );
+ top: 50%;
+ z-index: -1;
+ }
}
}
&:nth-child(5) {
@@ -1295,7 +1430,7 @@ footer {
align-items: center;
justify-content: center;
padding: 15px;
- margin: 0 auto 1.7rem;
+ margin: 0 auto 1.5rem;
position: relative;
@media (max-width: 767px) {
&:before {
@@ -1314,13 +1449,8 @@ footer {
}
}
}
-
-.serviceBadge {
- @extend.serviceIcon;
- padding: 0;
-}
.serviceDesc {
- padding-top: 0.5em;
+ padding-top: 0.3em;
font-size: 0.88rem;
line-height: 1.5em;
color: #525252;
@@ -1328,12 +1458,19 @@ footer {
font-size: 0.9rem;
}
}
+
.serviceTitle {
font-weight: 800;
font-size: 1.444rem;
line-height: 1em;
text-transform: uppercase;
color: $pine;
+ &.homeServiceTitle {
+ font-size: 1.77rem;
+ @media (max-width: 991px) {
+ font-size: 1.5rem;
+ }
+ }
@media (max-width: 1199px) {
font-size: 1.25rem;
}
@@ -1415,7 +1552,7 @@ footer {
position: relative;
#banner {
position: relative;
- padding: 12rem 0 1.81rem;
+ padding: 9.5rem 0 1.35rem;
background: $pine;
&:before {
background:
@@ -1477,6 +1614,22 @@ footer {
text-align: center;
}
}
+ h3 {
+ font-size: 4.055rem;
+ padding-bottom: 0.325em;
+ span {
+ display: inline-block;
+ }
+ @media (max-width: 767px) {
+ font-size: 3.2rem;
+ }
+ @media (max-width: 575px) {
+ font-size: 2.2rem;
+ span {
+ display: block;
+ }
+ }
+ }
.bannerTxt {
padding-top: 0.8em;
strong {
@@ -1486,6 +1639,11 @@ footer {
.bannerTagline {
padding-bottom: 0.2em;
padding-top: 0;
+ line-height: 0.81em;
+ font-size: 1.5rem;
+ @media (max-width: 575px) {
+ font-size: 1.2rem;
+ }
}
}
#specialized-services {
@@ -1499,6 +1657,65 @@ footer {
}
}
}
+ #turn-chaos-operations {
+ padding: 3.1rem 0 1.8rem;
+ background: #fff;
+ text-align: center;
+ }
+ .audit-home-tile {
+ text-align: left;
+ margin-top: 4rem;
+ position: relative;
+ color: #fff;
+ padding: 3.15rem 2.9rem;
+ border-radius: 3.33rem;
+ @media (max-width: 575px) {
+ border-radius: 2rem;
+ padding: 2rem;
+ }
+ .bg-image {
+ width: 100%;
+ border-radius: 3.33rem;
+ overflow: hidden;
+ position: absolute;
+ height: 100%;
+ @media (max-width: 575px) {
+ border-radius: 2rem;
+ }
+ img {
+ opacity: 0.1;
+ z-index: 9;
+ position: relative;
+ }
+ &:before {
+ background: #0f393b;
+ }
+ }
+ .row {
+ position: relative;
+ z-index: 9;
+ }
+ .audit-home-btn {
+ position: absolute;
+ z-index: 9;
+ left: 50%;
+ bottom: 0;
+ transform: translateX(-50%);
+ margin-bottom: -26px;
+ @media (max-width: 767px) {
+ width: 280px;
+ margin-bottom: -20px;
+ }
+ @media (max-width: 575px) {
+ text-align: center;
+ }
+ }
+ }
+ #efficient-platforms {
+ padding: 3rem 0 2.7rem;
+ position: relative;
+ background: #fff;
+ }
#were-masterpoint {
padding: 3.4rem 0 1.95rem;
background: #fff;
@@ -1532,6 +1749,35 @@ footer {
padding: 0;
}
}
+ #make-infrastructure {
+ color: #fff;
+ padding-bottom: 4.1rem;
+ background: #0b292a;
+ .bg-image {
+ width: 49.6%;
+ &:before {
+ background: linear-gradient(
+ 90deg,
+ rgba(11, 41, 42, 0) 68.35%,
+ #0b292a 95.61%
+ );
+ }
+ }
+ @media (max-width: 767px) {
+ padding-top: 0;
+ .bg-image {
+ width: 100%;
+ height: 50vw;
+ &:before {
+ background: linear-gradient(
+ 360deg,
+ #0b292a 0%,
+ rgba(255, 255, 255, 0) 35%
+ );
+ }
+ }
+ }
+ }
#our-word {
color: #fff;
padding: 7.4rem 0 3.75rem;
@@ -1671,6 +1917,78 @@ footer {
}
}
}
+.platform-row {
+ position: relative;
+ &:before {
+ content: "";
+ position: absolute;
+ width: 100vw;
+ height: 2px;
+ background: linear-gradient(
+ 99.59deg,
+ #ede497 2.59%,
+ #2ad9c2 41.12%,
+ #d891ce 89.63%
+ );
+ top: 50%;
+ z-index: -1;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ .col {
+ padding-top: 12px;
+ padding-bottom: 12px;
+ }
+}
+.platform-tile {
+ width: 100%;
+ border-radius: 3.33rem;
+ background: linear-gradient(45deg, #ede497 33.91%, #90dfac 104.57%), #ede497;
+ padding: 5.7rem 2.5rem;
+ position: relative;
+ height: 100%;
+ @media (max-width: 991px) {
+ border-radius: 2rem;
+ padding: 5rem 2rem 2rem;
+ }
+ @media (max-width: 767px) {
+ padding: 3.5rem 2rem 2rem;
+ }
+ &.platform-tile-2 {
+ background:
+ linear-gradient(51deg, #5fdcb6 24.34%, #2ad9c2 62.22%, #8ab1c9 91.67%),
+ #2ad9c2;
+ }
+ &.platform-tile-3 {
+ background: linear-gradient(50deg, #6abec7 21.29%, #d891ce 84.5%), #d891ce;
+ }
+ .platformIcon {
+ position: absolute;
+ right: 1.3rem;
+ top: 0.9rem;
+ }
+ .platformCount {
+ color: #0f393b;
+ font-size: 3.88rem;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 0.95em;
+ @media (max-width: 991px) {
+ font-size: 3rem;
+ }
+ }
+ .platformCTA {
+ color: #0f393b;
+ font-size: 1.83rem;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 0.95em;
+ padding-top: 0.55em;
+ @media (max-width: 991px) {
+ font-size: 1.4rem;
+ }
+ }
+}
.updates-btn {
padding-top: 1.05rem;
}
@@ -2315,6 +2633,10 @@ footer {
line-height: 1.72em;
}
}
+
+ .btn-wrapper {
+ gap: 1rem;
+ }
}
#iac-audit {
background: #fff;
@@ -2561,9 +2883,7 @@ footer {
display: flex;
align-items: center;
justify-content: center;
-
cursor: pointer;
-
&:hover,
&:focus {
cursor: pointer !important;
@@ -2571,7 +2891,7 @@ footer {
}
&.active-faq {
&:before {
- content: "-";
+ content: "−"; /* U+2212 */
background: none;
border: 3px solid #dddddd;
color: #fff;
@@ -3086,7 +3406,10 @@ footer {
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
- transition: opacity 0.4s ease, visibility 0.4s ease, transform 0.4s ease;
+ transition:
+ opacity 0.4s ease,
+ visibility 0.4s ease,
+ transform 0.4s ease;
// Show when scrolled past header
&.visible {
@@ -3120,9 +3443,9 @@ footer {
}
.toc-content {
-
// Hugo generates nested ul/li structure
- ul, ol {
+ ul,
+ ol {
list-style: none !important;
list-style-type: none !important;
padding-left: 0 !important;
@@ -3154,7 +3477,10 @@ footer {
padding-left: calc(0.4rem - 3px);
border-radius: 4px;
border-left: 3px solid transparent;
- transition: color 0.2s ease, background 0.2s ease, border-left-color 0.2s ease;
+ transition:
+ color 0.2s ease,
+ background 0.2s ease,
+ border-left-color 0.2s ease;
line-height: 1.25;
&:hover {
@@ -3216,7 +3542,7 @@ footer {
position: relative;
&::after {
- content: '';
+ content: "";
position: absolute;
left: 0;
bottom: -2px;
@@ -3245,3 +3571,339 @@ footer {
}
}
}
+
+#page-iac-audit-services {
+ position: relative;
+ header {
+ position: relative;
+ background: $pine;
+ }
+ #banner {
+ padding: 3.35rem 0 0;
+ background: #fff;
+ &:after,
+ &:before {
+ content: "";
+ width: 811px;
+ height: 434px;
+ background-image: url(/img/banner_iac_bg.png);
+ position: absolute;
+ aspect-ratio: 811/434;
+ bottom: 0;
+ left: -25%; background-position: right bottom;
+ @media (max-width: 575px) {
+ width: 100%;
+ }
+ }
+ &:after {
+ left: inherit;
+ right: -25%; background-position: left bottom;
+ }
+ .bannerTxtBx {
+ max-width: 863px;
+ margin: 0 auto;
+ position: relative;
+ text-align: center;
+ color: #333;
+ }
+ h3 {
+ font-size: 4.06rem;
+ line-height: 0.9em;
+ @media (max-width: 991px) {
+font-size: 3.4rem;
+ }
+ @media (max-width: 767px) {
+font-size: 3rem;
+ }
+ @media (max-width: 575px) {
+font-size: 2.5rem;
+ }
+ }
+ .bannerTxt {
+ padding-top: 0.6em;
+ }
+ .bannerBtn {
+ justify-content: center;
+ .button {
+ margin-right: 0;
+ }
+ }
+ .bannerVideo {
+ margin-top: 2.45rem;
+ margin-bottom: -5.6rem;
+ overflow: visible;
+ position: relative;
+ &:after {
+ border-radius: 755px;
+ background: rgba(0, 0, 0, 0.5);
+ filter: blur(22px);
+ width: 755px;
+ height: 52px;
+ max-width: 100%;
+ content: "";
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ bottom: -26px;
+ }
+ iframe {
+ z-index: 9;
+ border-radius: 13px;
+ overflow: hidden;
+ background: #000;
+ }
+ }
+ }
+}
+
+#iac-sound-familier {
+ color: #fff;
+ padding: 10.25rem 0 4.35rem;
+ text-align: center;
+ background: $pine;
+}
+
+#differentiator-row {
+ justify-content: center;
+ .col {
+ margin-top: 1.1rem;
+ margin-bottom: 1.4rem;
+ }
+ .card {
+ border-radius: 3.33rem;
+ background: #002929;
+ background: rgba(0, 0, 0, 0.25);
+ padding: 1.12rem 1.5rem 0.75rem;
+ text-align: center;
+ @media (max-width: 991px) {
+ border-radius: 1.5rem;
+ }
+ .icon {
+ color: $vanilla;
+ text-align: center;
+ font-size: 3.33rem;
+ line-height: 1.45em;
+ margin-bottom: 2px;
+ @media (max-width: 991px) {
+font-size: 2.8rem;
+ }
+ }
+ p {
+ font-size: 1.11rem;
+ font-weight: 400;
+ line-height: 1.29em;
+ }
+ }
+}
+
+#iac-what-we-do {
+ padding: 3.7rem 0 20px;
+ position: relative;
+}
+
+#what-we-do-row {
+ margin-top: 1.3rem;
+ &:before {
+ background: #dedede;
+ }
+ .platform-tile {
+ background: #f4f4f4;
+ padding-top: 8.55rem;
+ padding-bottom: 3.16rem;
+ .platformIcon {
+ right: 2.2rem;
+ top: 1.6rem;
+ }
+ .platform-intro {
+ color: #000;
+ font-size: 1.11rem;
+ font-weight: 400;
+ line-height: 1.29em;
+ padding-top: 0.55em;
+ }
+ }
+}
+
+#iac-the-results {
+ padding: 23px 0 3.7rem;
+ background: #fff;
+}
+
+.iac-results-tile {
+ padding: 3.25rem 3.95rem 2.3rem 3.95rem;
+ border-radius: 3.33rem;
+ background: $pine;
+ color: #fff;
+ @media (max-width: 991px) {
+padding: 2.5rem; border-radius: 1.5rem;
+ }
+ @media (max-width: 767px) {
+ padding: 1.5rem 2.5rem;
+ .col{
+ padding-top: 1rem;
+ padding-bottom: 1rem;
+ }
+ }
+ @media (max-width: 575px) {
+ padding: 25px;
+ }
+}
+
+#iac-results-row {
+ margin-top: 2.8rem;
+ .platform-tile {
+ padding-top: 8.75rem;
+ padding-bottom: 2.3rem;
+ .platformCTA {
+ padding-bottom: 0.4em;
+ }
+ .platform-intro {
+ line-height: 1.29em;
+ }
+ }
+}
+
+#iac-what-you-get {
+ padding: 4.65rem 0 5rem;
+ background: $pine;
+ color: #fff;
+}
+
+#what-get-row {
+ .col {
+ margin-top: 1.22rem;
+ margin-bottom: 1.1rem;
+ .card {
+ border-radius: 3.33rem;
+ background: linear-gradient(
+ 54deg,
+ rgba(95, 220, 182, 0.16) 22.51%,
+ rgba(42, 217, 194, 0.16) 45.75%,
+ rgba(138, 177, 201, 0.16) 63.83%
+ );
+ @media (max-width: 767px) {
+ border-radius: 1.5rem;
+ }
+ .card-body {
+ padding: 1.8rem 2.8rem;
+ text-align: center;
+ @media (max-width: 767px) {
+padding: 1.5rem;
+ }
+ .icon {
+ height: 130px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: 0.75rem;
+ @media (max-width: 767px) {
+height: 80px;
+ }
+ img{
+ width: 100%; height: 100%; object-position: center; object-fit: contain;
+ }
+ }
+ h4 {
+ font-size: 1.83rem;
+ padding-bottom: 0.35em;
+ @media (max-width: 767px) {
+ font-size: 1.5rem;
+ }
+ }
+ p {
+ line-height: 1.29em;
+ margin-bottom: 0.14em;
+ }
+ }
+ }
+ }
+}
+#iac-pricing {
+ padding: 3.85rem 0 4.35rem;
+ background: #f4f4f4;
+ ul.checked-list {
+ li {
+ font-weight: 700;
+ color: $pine;
+ font-size: 1.44rem;
+ line-height: 1.35em;
+ padding-bottom: 0.6em;
+ @media (max-width: 991px) {
+font-size: 1.22rem;
+ }
+ }
+ }
+}
+
+.iac-price {
+ color: #838383;
+ font-size: 1.833rem;
+ font-style: normal;
+ font-weight: 500;
+ line-height: 1.25em;
+ @media (max-width: 991px) {
+font-size: 1.55rem;
+ }
+}
+
+#iac-questions {
+ padding: 4.2rem 0 4.55rem;
+ background: #fff;
+ position: relative;
+ #faqsBlock {
+ padding-top: 0;
+ margin-top: 1.85rem;
+ border-top: solid 1px #ccc;
+ .faqBx {
+ border-color: #ccc;
+ border-style: solid;
+ border-width: 0 0 1px 0;
+ padding: 1.47rem 0.2rem;
+ margin-bottom: 0;
+ .faqQ {
+ padding-left: 0;
+ padding-right: 1.5rem;
+ &:before {
+ left: inherit;
+ right: 0.2rem;
+ border: none;
+ width: auto;
+ height: auto;
+ color: #00a4a4;
+ font-size: 1.277rem;
+ font-weight: 800;
+ line-height: 1.35em;
+ background: 0 0;
+ padding-top: 0.3em;
+ }
+ a {
+ color: #666;
+ font-size: 1.33rem;
+ text-transform: none;
+ font-style: normal;
+ font-weight: 800;
+ line-height: 1.35em;
+ }
+ }
+ .faqA {
+ color: #000;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.35em;
+ padding-top: 0.78em;
+ padding-bottom: 0.35em;
+ }
+ }
+ }
+}
+
+#iac-cta {
+ padding: 4.32rem 0 4.9rem;
+ color: #fff; background: $pine;
+ .bg-image{
+ width: 100%; height: 100%; position: absolute;
+ &:before{
+ display: none;
+ }
+ }
+}
\ No newline at end of file
diff --git a/assets/css/variables.scss b/assets/css/variables.scss
index 87595123..82e26fb6 100644
--- a/assets/css/variables.scss
+++ b/assets/css/variables.scss
@@ -26,5 +26,7 @@ $twitter-blue: #1DA1F2;
$highlight: #00A4A4;
$pine: #0E383A;
$rhythm: #7F7E97;
+$vanilla: #EDE497;
+$pink: #D891CE;
$body-background: $pine;
\ No newline at end of file
diff --git a/config.yaml b/config.yaml
index 4f1b4cab..d0fb3592 100644
--- a/config.yaml
+++ b/config.yaml
@@ -39,7 +39,7 @@ markup:
attribute:
block: true
title: true
- autoHeadingID: true
+ autoHeadingID: false
autoHeadingIDType: github
wrapStandAloneImageWithinParagraph: false
renderer:
diff --git a/content/_index.md b/content/_index.md
index cc9bb064..7bd2bcd3 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -1,14 +1,16 @@
---
title: Home
-banner_title: "Infrastructure as Code"
-banner_tagline: "Get control of your"
-banner_text: "Home-grown IaC workflow weighing down your time to delivery? We’re here to help make Terraform, OpenTofu, or Pulumi efficient and scalable, no matter where you provision your infrastructure."
+banner_title: "MASTER YOUR Infrastructure as Code"
+banner_tagline: "Deploy faster. Break less. Scale smarter."
+banner_text: "We deliver workflows that transform your tangled infrastructure as code into a platform your team can manage, scale, and evolve."
banner_image: /img/banner_home.jpg
-description: "Home-grown IaC workflow weighing down your time to delivery? We’re here to help make Terraform, OpenTofu, or Pulumi efficient and scalable, no matter where you provision your infrastructure. "
-banner_btn_label: See the services →
-banner_btn_link: /services
-sections: home
+description: "We deliver workflows that transform your tangled infrastructure as code into a platform your team can manage, scale, and evolve."
+banner_btn_label: Book A Call
+banner_btn_link: /#
+banner_link_label: Audit Your IaC →
+banner_link: /iac-audit-services/
+sections: "home"
sitemap:
priority: 1
id: home
----
+---
\ No newline at end of file
diff --git a/content/sections/home-efficient-platforms.md b/content/sections/home-efficient-platforms.md
new file mode 100644
index 00000000..a782c644
--- /dev/null
+++ b/content/sections/home-efficient-platforms.md
@@ -0,0 +1,46 @@
+---
+title: Our Work Lead to Efficient Platforms
+weight: 4
+#position: justify-content-start reverse flex
+#size: col-12 col-md-6
+#section_image: /img/diverse_group_of_doctors.jpg
+#image: /img/bg_featured_video.jpg
+section_categories:
+ - Home
+id: efficient-platforms
+---
+
+
+### Our Work Lead to
Efficient Platforms {.groupTitle .text-center .text-rhythm}
+
+
We’ve architected and implemented platforms for clients ranging from startups to Fortune 20 enterprises.
+Our team has architected and implemented cloud platforms for a diverse set of clients ranging from startups to Fortune 20 enterprises.
Untangle your messy infrastructure as code into a clean, scalable platform your team can own. Here’s how we do it.
+ +