Create template for simple landings (#5113)

Author: Yndira-E

src/_includes/layouts/landing-form.njk

@@ -0,0 +1,28 @@
+---
+layout: layouts/page.njk
+---
+<div class="w-full page webinar">
+  <div class="w-full pt-6 pb-24">
+    <div class="container flex flex-col md:flex-row m-auto text-left max-lg:px-6 md:max-w-screen-lg gap-8">
+      <div class="max-w-screen-sm w-full">
+        <p>{{ intro | safe }}</p>
+        <div class="ff-blue-card flex flex-row gap-6 items-center">
+          {% if image %}
+          <div class="max-w-24">
+            {% set imageSrc = ["./", image] | join %}
+            {% image imageSrc, imageAlt or title, [100] %}
+          </div>
+          {% endif %}
+          <h4 class="font-light text-left">{{ cardText }}</h4>
+        </div>
+        {% include "social-proof.njk" %}
+      </div>
+      <!-- Form / Calendar Script -->
+      <div class="product mt-3">
+        <div class="w-80 w-full mx-auto">
+          {% include hubspot.script %}
+        </div>
+      </div>
+    </div>
+  </div>
+</div>

src/free-consultation.njk

@@ -1,36 +1,20 @@
 ---
-layout: layouts/page.njk
+layout: layouts/landing-form.njk
 title: Schedule your Free Consultation
 meta:
   description: Schedule a 30 minute free consultation with our experts and see how we can help scale your workflows.
   robots: noindex, nofollow
+intro: >
+  Facing challenges with your Node-RED applications in industrial or enterprise environments?
+  <span class="font-bold">Schedule a free 30-minute consultation with our experts.</span>
+  We'll assess your current setup and provide tailored recommendations to help you address pain points
+  such as scalability, security, and workflow automation.
+image: images/node-red-icon.png
+imageAlt: Node-RED logo
+cardText: Our expertise has helped businesses across the world streamline Node-RED operations, developer velocity, security, and compliance.
 hubspot:
   script: "hubspot/hs-form.njk"
   formId: d24fa635-f19c-400b-82d4-b6f233faf38b
   cta: "schedule-free-consult"
   reference: "free-consultation"
 ---
-<div class="w-full page webinar">
-  <div class="w-full pt-6 pb-24 bg-gray-50">
-    <div class="container flex flex-col md:flex-row m-auto text-left max-lg:px-6 md:max-w-screen-lg gap-8 ">
-      <div class="max-w-screen-sm w-full">
-        <p>
-          Facing challenges with your Node-RED applications in industrial or enterprise environments? <span class="font-bold">Schedule a free 30-minute consultation with our experts.</span> We'll assess your current setup and provide tailored recommendations to help you address pain points such as scalability, security, and workflow automation.         
-        </p>
-        <!-- Social proof logos -->
-        <div class="ff-blue-card flex flex-row gap-6 items-center">
-          <div class="max-w-24">
-          {% image "./images/node-red-icon.png", "Node-RED logo", [100] %}
-          </div>
-          <h4 class="font-light text-left">Our expertise has helped businesses across the world streamline Node-RED operations, developer velocity, security, and compliance.</h4>
-        </div>
-            {% include "social-proof.njk" %}
-      </div>
-      <!-- Form / Calendar Script -->
-      <div class="product mt-3">
-        <div class="w-80 w-full mx-auto">
-          {% include hubspot.script %}
-        </div>
-      </div>
-    </div>
-  </div>