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..9a72c68d 100644 --- a/content/_index.md +++ b/content/_index.md @@ -1,13 +1,15 @@ --- 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 diff --git a/content/sections/home-efficient-platforms.md b/content/sections/home-efficient-platforms.md new file mode 100644 index 00000000..836ffbf9 --- /dev/null +++ b/content/sections/home-efficient-platforms.md @@ -0,0 +1,41 @@ +--- +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} + +
+ +
+
+
Developer
+
2000+
+
Engineering Hours Saved Annually
+
+
+ +
+
+
Cycle
+
10x
+
Faster Plan & Apply Times
+
+
+ +
+
+
Reduction
+
10x
+
Reduction in Infrastructure Automation Costs
+
+
+ +
diff --git a/content/sections/home-join-clients.md b/content/sections/home-join-clients.md index 54db54c4..01fe98d6 100644 --- a/content/sections/home-join-clients.md +++ b/content/sections/home-join-clients.md @@ -1,17 +1,17 @@ --- 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..ee2968ac --- /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 ￫ diff --git a/content/sections/home-our-word.md b/content/sections/home-our-word.md index 0db326fc..772aec2d 100644 --- a/content/sections/home-our-word.md +++ b/content/sections/home-our-word.md @@ -1,14 +1,15 @@ --- 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 image: /img/bg_our_word.jpg section_categories: - - Home + - Home id: our-word --- ### Our clients love our hands-on approach {.text-gradient .quoteLabel} + {{}} diff --git a/content/sections/home-specialized-services.md b/content/sections/home-specialized-services.md index 77e80b2c..379775d9 100644 --- a/content/sections/home-specialized-services.md +++ b/content/sections/home-specialized-services.md @@ -5,14 +5,16 @@ 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 + - Home id: specialized-services --- ### Get support at every level {.groupTitle .text-center .text-rhythm} {{}} +
See the Services →
diff --git a/content/sections/home-turn-chaos.md b/content/sections/home-turn-chaos.md new file mode 100644 index 00000000..22da41db --- /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
+
diff --git a/content/sections/home-what-is-masterpoint.md b/content/sections/home-what-is-masterpoint.md index 8642edf0..c1c92b92 100644 --- a/content/sections/home-what-is-masterpoint.md +++ b/content/sections/home-what-is-masterpoint.md @@ -5,8 +5,9 @@ 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 + - Home id: were-masterpoint --- diff --git a/content/steps/audit.md b/content/steps/audit.md new file mode 100644 index 00000000..37bfa419 --- /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 +--- diff --git a/content/steps/innovate.md b/content/steps/innovate.md new file mode 100644 index 00000000..2a9b6c3a --- /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 +--- diff --git a/content/steps/operate.md b/content/steps/operate.md new file mode 100644 index 00000000..7b08bfb4 --- /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 +--- diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html index 75f5e27c..b5eb1611 100644 --- a/layouts/_default/_markup/render-heading.html +++ b/layouts/_default/_markup/render-heading.html @@ -20,12 +20,14 @@ {{- end -}} {{- if $enableAnchorLinks -}} - + {{ $text | safeHTML }} # {{- else -}} -{{ $text | safeHTML }} + + {{ $text | safeHTML }} + {{- end -}} 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..3ce0b774 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..91286d6d 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..452cf8a8 --- /dev/null +++ b/static/img/noun-cycle-7222105.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/noun-developer-7187679.svg b/static/img/noun-developer-7187679.svg new file mode 100644 index 00000000..8c4aeb78 --- /dev/null +++ b/static/img/noun-developer-7187679.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/img/noun-reduction-7894266.svg b/static/img/noun-reduction-7894266.svg new file mode 100644 index 00000000..450e707e --- /dev/null +++ b/static/img/noun-reduction-7894266.svg @@ -0,0 +1 @@ + \ No newline at end of file