Adding stuff to solutions pages

src/website/content/consulting.md

@@ -1,4 +1,6 @@
 ---
 title: http4k Consulting
 description: We can help you get the most out of http4k, whether you're just starting out or looking to scale up.
----
+type: solutions
+---
+

src/website/content/lts-support.md

@@ -1,4 +1,5 @@
 ---
 title: http4k Long Term Support
 description: It's important to us that you can rely on http4k for the long term. That's why we offer Long Term Support (LTS) for our releases.
----
+type: solutions
+---

src/website/content/solutions.md → src/website/content/solutions/_index.md

@@ -1,4 +1,4 @@
 ---
-title: http4k Professional Services
+title: http4k Solutions
 description: How to make the most of http4k, helped by the experts who know it best.
----
+---

src/website/data/solutions.yaml

@@ -0,0 +1,26 @@
+top:
+  - title: Scale up your http4k expertise
+    description: On-demand training developed and curated by the maintainers of http4k, designed to upskill your team at scale.
+  - title: Modernize your apps with confidence
+    description: Upgrade your applications to the latest version of http4k, or architect entirely new projects with our expert guidance.
+  - title: World-class support for your http4k stack
+    description: Benefit from 24x7 support across the http4k ecosystem, ensuring stability and security for your critical systems.
+bottom:
+  - title: Consult with the creators of http4k
+    description: Collaborate directly with the maintainers of http4k for tailored consulting and expert insights into your development needs.
+    img: "/images/extendable.svg"
+  - title: Unlock the full potential of the http4k ecosystem
+    description: Make sure your applications leverage the latest innovations in http4k, from serverless integrations to enhanced testing capabilities.
+    img: "/images/testability.svg"
+  - title: Empower your developers with the power of http4k
+    description: Upskill and grow your team with the inside knowledge of http4k’s creators, helping your developers master the toolkit.
+    img: "/images/supportive.svg"
+  - title: Focus on building, not troubleshooting
+    description: With http4k’s support and services keeping your projects up to date, your teams can stay focused on delivering great apps.
+    img: "/images/faq.svg"
+  - title: Rely on proven development expertise
+    description: Tap into http4k’s deep well of experience, from lightweight microservices to highly-scalable enterprise applications.
+    img: "/images/footprint.svg"
+  - title: Accelerate development, minimize distractions
+    description: Streamline your workflow and eliminate roadblocks to maximize efficiency in delivering projects.
+    img: "/images/connections.svg"

src/website/layouts/index.html

@@ -137,29 +137,7 @@ <h2>Corporate partners</h2>
                 </div>
             </div>
         </div>
-        <!-- support-->
-        <div class="support">
-            <div class="container">
-                <div class="row row-cols-1 row-cols-xl-3">
-                    {{ range .Site.Data.cta }}
-                        <div class="col">
-                            <div class="card-shadow">
-                                <div class="row">
-                                    <div class="col-2 p-1">
-                                        <img src="{{ .img }}" alt="{{ .alt }}"/>
-                                    </div>
-                                    <div class="col p-0">
-                                        <h3>{{ .title }}</h3>
-                                        <p>{{ .description }}</p>
-                                        <a class="btn btn-primary" href="{{ .link }}">{{ .action_text }}</a>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
-                    {{ end }}
-                </div>
-            </div>
-        </div>
+        {{ partial "shared/cta.html" ( dict "hideImages" false "page" .) }}
     </div>
 </div>
 <div class="pumb">

src/website/layouts/partials/shared/cta.html

@@ -0,0 +1,29 @@
+<div class="container">
+    {{ $hide := .hideImages }}
+    <div class="row row-cols-1 row-cols-xl-3">
+        {{ range page.Site.Data.cta }}
+        <div class="col">
+            <div class="card-shadow">
+                {{ if $hide }}
+                <div class="">
+                    <h3>{{ .title }}</h3>
+                    <p>{{ .description }}</p>
+                    <a class="btn btn-primary" href="{{ .link }}">{{ .action_text }}</a>
+                </div>
+                {{ else }}
+                <div class="row">
+                    <div class="col-2 p-1">
+                        <img src="{{ .img }}" alt="{{ .alt }}"/>
+                    </div>
+                    <div class="col p-0">
+                        <h3>{{ .title }}</h3>
+                        <p>{{ .description }}</p>
+                        <a class="btn btn-primary" href="{{ .link }}">{{ .action_text }}</a>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>

src/website/layouts/solutions/list.html

@@ -0,0 +1,56 @@
+{{ define "main" }}
+
+<div class="layout d-flex">
+    <main class="main-content">
+        <div class="row mt-5">
+            <h1>http4k Solutions</h1>
+            Maximize your productivity with http4k, leveraging the simplicity and power of the world’s most flexible and lightweight HTTP libraries. http4k Solutions equips your developers with the tools to build, modernize, and maintain cutting-edge web applications with ease.
+        </div>
+        <div class="row mt-5">
+            <div class="container">
+                <div class="row row-cols-1 row-cols-xl-3">
+                    {{ range .Site.Data.solutions.top }}
+                    <div class="col">
+                        <div class="row">
+                            <div class="col-2 p-1">
+                                <img src="{{ .img }}" alt="{{ .alt }}"/>
+                            </div>
+                            <div class="col p-0">
+                                <h3>{{ .title }}</h3>
+                                <p>{{ .description }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    {{ end }}
+                </div>
+                <div class="row row-cols-2 row-cols-xl-5 justify-content-center mt-4">
+                    <div class="col-2">
+                        <a class="btn btn-primary" href="mailto:[email protected]?subject=http4k Solutions">Talk to an expert</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <div class="row mt-5">
+            <div class="container">
+                <div class="row row-cols-1 row-cols-xl-3">
+                    {{ range .Site.Data.solutions.bottom }}
+                    <div class="col">
+                        <div class="row">
+                            <div class="col-2 p-1">
+                                <img src="{{ .img }}" alt="{{ .alt }}"/>
+                            </div>
+                            <div class="col p-0">
+                                <h3>{{ .title }}</h3>
+                                <p>{{ .description }}</p>
+                            </div>
+                        </div>
+                    </div>
+                    {{ end }}
+                </div>
+            </div>
+        </div>
+    </main>
+</div>
+{{ partial "shared/cta.html" ( dict "hideImages" true "page" .) }}
+
+{{ end }}

src/website/layouts/solutions/single.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+
+<div class="layout d-flex">
+    <main class="main-content">
+        <div class="row mt-5">
+            <div class="col-7 p-4">
+                <h1>{{ .Title }}</h1>
+                {{ .Content }}
+            </div>
+        </div>
+    </main>
+</div>
+{{ partial "shared/cta.html" ( dict "hideImages" true "page" .) }}
+
+{{ end }}