diff --git a/assets/css/custom.scss b/assets/css/custom.scss index 74c469a4..5503aa1b 100644 --- a/assets/css/custom.scss +++ b/assets/css/custom.scss @@ -112,6 +112,53 @@ blockquote { flex-direction: row-reverse; } } +.numbered-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; + } + } + } +} .letter-spacing { letter-spacing: 0.03em; } @@ -224,6 +271,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 { @@ -1000,6 +1056,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 .7em; + } + } + @media (max-width: 575px) { + flex-direction: column; + .button{ + margin: 10px; + } + } + } .bannerBtn { padding-top: 1.5rem; } @@ -1208,8 +1284,7 @@ footer { } } #cloud-architecture { - padding-top: 4.55rem; - + padding-top: 3.55rem; @media (max-width: 767px) { text-align: center; } @@ -1217,20 +1292,23 @@ 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; + 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; } } } @@ -1244,30 +1322,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) { @@ -1291,7 +1364,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 { @@ -1310,13 +1383,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; @@ -1330,6 +1398,12 @@ footer { 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; } @@ -1411,7 +1485,7 @@ footer { position: relative; #banner { position: relative; - padding: 12rem 0 1.81rem; + padding: 9.5rem 0 1.35rem; background: $pine; &:before { background: @@ -1473,6 +1547,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 { @@ -1482,6 +1572,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 { @@ -1495,6 +1590,139 @@ 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; + } + } + } + .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; + } + } + } + #efficient-platforms { + padding: 3rem 0 2.7rem; + position: relative; + background: #fff; + } #were-masterpoint { padding: 3.4rem 0 1.95rem; background: #fff; @@ -1528,6 +1756,30 @@ 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; @@ -2446,7 +2698,7 @@ footer { } } .services-row { - justify-content: center; + justify-content: center; .col { padding-top: 1.38rem; padding-bottom: 0.5rem; diff --git a/content/_index.md b/content/_index.md index cc9bb064..44181981 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: /# +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} + +
+ + +
+
+
+
1+
+
Full-time engineer of hours saved
+
+
+ + +
+
+
+
10x
+
Faster Plan & Apply Cycles
+
+
+ + +
+
+
+
10x
+
Reduction in Infrastructure
+
+
+ + +
\ No newline at end of file diff --git a/content/sections/home-join-clients.md b/content/sections/home-join-clients.md index 54db54c4..b069e1b8 100644 --- a/content/sections/home-join-clients.md +++ b/content/sections/home-join-clients.md @@ -1,17 +1,16 @@ --- title: Join Clients Like -weight: 3 +weight: 1 section_categories: - Home id: join-clients ---
-
+
### Join Clients Like: {.sectionLabel .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.

diff --git a/content/sections/home-make-infrastructure.md b/content/sections/home-make-infrastructure.md new file mode 100644 index 00000000..0a263567 --- /dev/null +++ b/content/sections/home-make-infrastructure.md @@ -0,0 +1,17 @@ +--- +title: Make Infrastructure +weight: 2 +position: justify-content-end +size: col-12 col-md-6 +#section_image: /img/bg_make_infrastructure.png +image: /img/bg_make_infrastructure.png +section_categories: + - Home +id: make-infrastructure +--- + +### Make Infrastructure Your Competitive Edge {.groupTitle .text-white .mb-1} + +Code is easy to come by. But cheap code doesn’t make for an efficient platform. Workflows and automations do. Our IaC workshops and Workflow Library provide the expertise, training, and foundations needed to build the workflows that lead to efficient operations. + +See Our Results ￫ \ No newline at end of file diff --git a/content/sections/home-our-word.md b/content/sections/home-our-word.md index 0db326fc..84e6d009 100644 --- a/content/sections/home-our-word.md +++ b/content/sections/home-our-word.md @@ -1,6 +1,6 @@ --- title: Don't take our word for it... -weight: 4 +weight: 5 #position: align-items-center justify-content-end size: col-12 col-md-7 #section_image: /img/doctor_and_patient.jpg diff --git a/content/sections/home-specialized-services.md b/content/sections/home-specialized-services.md index 77e80b2c..d1ae63a7 100644 --- a/content/sections/home-specialized-services.md +++ b/content/sections/home-specialized-services.md @@ -5,6 +5,7 @@ weight: 1 #size: col-12 col-md-6 #section_image: /img/diverse_group_of_doctors.jpg #image: /img/bg_featured_video.jpg +draft: true section_categories: - Home id: specialized-services diff --git a/content/sections/home-turn-chaos.md b/content/sections/home-turn-chaos.md new file mode 100644 index 00000000..c6f47bfe --- /dev/null +++ b/content/sections/home-turn-chaos.md @@ -0,0 +1,50 @@ +--- +title: Turn Chaos into Reliable Operations +weight: 3 +#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: turn-chaos-operations +--- + +
+
+ +### Turn Chaos into
Reliable Operations {.groupTitle .text-center .text-rhythm} + +

Untangle your messy infrastructure as code into a clean, scalable platform your team can own. Here’s how we do it.

+ +
+
+ +{{}} + +
+Explore Our Process → +
+ +
+
Masterpoint Thread Backround
+
+
+ +### Audit Your Infrastructure
as Code Now {.groupTitle} + +Uncover the inefficiencies in your infrastructure with our IaC Audit. +{.font22 .mb-3} + +
+
+
    +
  1. We’ll talk goals
    2. +
  2. Interview your team
    3. +
  3. Assess your setup
    4. +
  4. and provide practical recommendations that will set your team up for success.
    5. +
+
+
+
Get Started - Schedule Now
+
\ No newline at end of file diff --git a/content/sections/home-what-is-masterpoint.md b/content/sections/home-what-is-masterpoint.md index 8642edf0..3a6a42a1 100644 --- a/content/sections/home-what-is-masterpoint.md +++ b/content/sections/home-what-is-masterpoint.md @@ -5,6 +5,7 @@ weight: 2 size: col-12 col-md-6 section_image: /img/cloud_architecture.png #image: /img/bg_featured_video.jpg +draft: true section_categories: - Home id: were-masterpoint diff --git a/content/steps/audit.md b/content/steps/audit.md new file mode 100644 index 00000000..d7560478 --- /dev/null +++ b/content/steps/audit.md @@ -0,0 +1,7 @@ +--- +title: Audit +description: >- + Uncover the inefficiencies in your platform and get practical recommendations to fix them. +weight: 1 +icon: /img/services/icon_assessment.svg +--- \ No newline at end of file diff --git a/content/steps/innovate.md b/content/steps/innovate.md new file mode 100644 index 00000000..89025074 --- /dev/null +++ b/content/steps/innovate.md @@ -0,0 +1,7 @@ +--- +title: Innovate +description: >- + Our team tackles the heavy lifting, turning recommendations into real platform improvements. +weight: 2 +icon: /img/services/icon_masterpoint.svg +--- \ No newline at end of file diff --git a/content/steps/operate.md b/content/steps/operate.md new file mode 100644 index 00000000..773151d2 --- /dev/null +++ b/content/steps/operate.md @@ -0,0 +1,8 @@ +--- +title: Platform Engineering as a Service +title: Operate +description: >- + Learn proven workflows and skills, empowering your engineers to confidently scale and own your infra going forward. +weight: 3 +icon: /img/services/icon_engineering.svg +--- \ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index 969ef217..21b7fe89 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -9,11 +9,7 @@
- {{if .Params.banner_tagline}} -
- {{.Params.banner_tagline | safeHTML}} -
- {{end}} +

{{if .Params.banner_title}} @@ -22,17 +18,23 @@

{{ .Title | safeHTML }} {{end}}

+ {{if .Params.banner_tagline}} +
+ {{.Params.banner_tagline | safeHTML}} +
+ {{end}} {{if .Params.banner_text}}
{{ .Params.banner_text|safeHTML}}
{{end}} +
{{ if .Params.banner_btn_label}} -
{{.Params.banner_btn_label | safeHTML}}
+ {{.Params.banner_btn_label | safeHTML}} {{end}} {{ if .Params.banner_link_label}} -
or {{.Params.banner_link_label | safeHTML}}
+ {{.Params.banner_link_label | safeHTML}} {{end}}
+
{{ partial "cloud.html" .}} @@ -79,17 +81,15 @@

{{ partial "latest-news.html" . }} - + + {{ partial "schedule-assessment.html" . }} -{{ partial "signup-section.html" .}} - {{ partial "footer.html" . }} {{ partial "scripts.html" . }} - - + \ No newline at end of file diff --git a/layouts/shortcodes/services.html b/layouts/shortcodes/services.html index fc89cf06..60408e0e 100644 --- a/layouts/shortcodes/services.html +++ b/layouts/shortcodes/services.html @@ -1,21 +1,20 @@ -
- {{ range where (.Site.RegularPages.ByWeight) "Type" "services" }} -
+
+ {{ range where (.Site.RegularPages.ByWeight) "Type" "steps" }} +
- {{if .Params.icon}} -
- -
- {{end}} - {{if .Params.badge}} -
- -
- {{end}} -

- {{.Title}} +
+ {{if .Params.icon}} + + {{end}} +
+

+ {{if .Params.home_title}} + {{.Params.home_title}} + {{else}} + {{.Title}} + {{end}}

-
{{.Description}}
+
{{.Params.home_description}}
{{end}} diff --git a/layouts/steps/list.html b/layouts/steps/list.html new file mode 100644 index 00000000..e69de29b diff --git a/layouts/steps/single.html b/layouts/steps/single.html new file mode 100644 index 00000000..e69de29b diff --git a/static/img/bg_audit_home.png b/static/img/bg_audit_home.png new file mode 100644 index 00000000..42d8f6e2 Binary files /dev/null and b/static/img/bg_audit_home.png differ diff --git a/static/img/bg_make_infrastructure.png b/static/img/bg_make_infrastructure.png new file mode 100644 index 00000000..4a76535b Binary files /dev/null and b/static/img/bg_make_infrastructure.png differ diff --git a/static/img/noun-cycle-7222105.svg b/static/img/noun-cycle-7222105.svg new file mode 100644 index 00000000..2c6d2943 --- /dev/null +++ b/static/img/noun-cycle-7222105.svg @@ -0,0 +1,3 @@ + + + diff --git a/static/img/noun-developer-7187679.svg b/static/img/noun-developer-7187679.svg new file mode 100644 index 00000000..13b25237 --- /dev/null +++ b/static/img/noun-developer-7187679.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/static/img/noun-reduction-7894266.svg b/static/img/noun-reduction-7894266.svg new file mode 100644 index 00000000..db24ca56 --- /dev/null +++ b/static/img/noun-reduction-7894266.svg @@ -0,0 +1,3 @@ + + +