Merge pull request #4929 from FlowFuse/yndira/book-demo-fallback-update

/book-demo: Fallback Update

Author: Yndira-E

src/_includes/hubspot/consent-fallback.njk

@@ -1,23 +1,24 @@
-<div id="{{ fallbackId }}" class="ff-hubspot-consent-fallback text-center border bg-red-50/25 border-red-300 rounded-lg px-4 py-6">
+<div id="{{ fallbackId }}" class="ff-hubspot-consent-fallback text-center border {% if contentType == 'form' %}bg-red-50/25 border-red-300{% else %}bg-indigo-900{% endif %} rounded-lg px-6 pt-8 pb-4">
     {% if contentType == 'form' %}
     <p class="text-red-400"><strong>Hmm… there was supposed to be a form here</strong></p>
         <p class="text-gray-600">
             If this form does not load, try adjusting your privacy settings or switching browsers.
         </p>
     {% else %}
-        <h4 class="text-red-400 font-medium">Calendar not loading?</h4>
-        <p class="text-gray-600">
-            You can book a session directly using the link below.
+        <h4 class="text-white font-medium">Choose a time to talk</h4>
+        <p class="text-indigo-200">
+            30-minute session with our team.
         </p>
         <a href="https://meetings-eu1.hubspot.com/michael-davis/contact-us-scheduler"
-           class="inline-block ff-btn ff-btn--primary-outlined uppercase mb-2"
+           class="inline-block ff-btn ff-btn--highlight uppercase mb-2"
            style="cursor: pointer;"
            onclick="if(typeof capture==='function') capture('calendar_fallback_cta_clicked')">
-           Open Calendar
+            Pick a time →
         </a>
-        <p class="mt-2 text-gray-600">
-            To view the calendar on this page, <a class="cursor-pointer" onclick="if(window.CookieConsent){CookieConsent.showPreferences()}">
-            please accept analytics cookies.</a>
+        <p class="mt-4 text-indigo-200 italic font-xs">
+            Prefer to view availability on this page?</br>
+            <a class="cursor-pointer text-indigo-200 underline" onclick="if(window.CookieConsent){CookieConsent.showPreferences()}">
+            Enable analytics cookies.</a>
         </p>
     {% endif %}
 </div>

src/book-demo.njk

@@ -1,6 +1,6 @@
 ---
 layout: layouts/mql-contact.njk
-title: Book a session with our team
+title: Walk through your setup with our team
 description: Walk through your setup, discuss your use case, and get guidance on the right approach for your production setup.
 sitemapPriority: 0.8
 image: /images/og-book-demo.jpeg