ultimate-jekyll-manager 0.0.117 → 0.0.119

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/account/index.html

@@ -13,6 +13,21 @@ web_manager:
     config:
       policy: "authenticated"
 
+### ICON PRE-RENDERING ###
+prerender_icons:
+  - name: "apple"
+    class: "fa-3xl"
+  - name: "android"
+    class: "fa-3xl"
+  - name: "windows"
+    class: "fa-3xl"
+  - name: "linux"
+    class: "fa-3xl"
+  - name: "chrome"
+    class: "fa-3xl"
+  - name: "desktop"
+    class: "fa-3xl"
+
 ### PAGE CONFIG ###
 sections:
   - id: "profile"
@@ -785,25 +800,29 @@ badges:
                       {% endiftruthy %}
                     </div>
                     <div>
-                      <strong>{{ method.name }}</strong>
+                      <h6 class="mb-0">{{ method.name }}</h6>
                       <div class="text-muted small" id="{{ method.id }}-email"></div>
                     </div>
                   </div>
                   <div class="flex-shrink-0">
-                    <form id="signin-method-{{ method.id }}-form" class="d-inline" novalidate>
+                    <form id="signin-method-{{ method.id }}-form" class="d-grid d-sm-inline-block" novalidate>
                       <input type="hidden" name="method" value="{{ method.id }}">
                       {% if method.id == "password" %}
-                        <input type="hidden" name="action" value="change">
-                        <button type="submit" class="btn btn-primary btn-sm w-100 w-sm-auto">
+                        <button type="submit" class="btn btn-primary btn-sm" data-action="change">
                           {% uj_icon "key", "me-1" %}
                           <span class="button-text">Change</span>
                         </button>
                       {% else %}
-                        <input type="hidden" name="action" value="connect">
-                        <button type="submit" class="btn btn-primary btn-sm w-100 w-sm-auto">
+                        <!-- Connect button -->
+                        <button type="submit" class="btn btn-primary btn-sm" data-action="connect">
                           {% uj_icon "link", "me-1" %}
                           <span class="button-text">Connect</span>
                         </button>
+                        <!-- Disconnect button (hidden by default) -->
+                        <button type="submit" class="btn btn-sm btn-outline-danger d-none" data-action="disconnect">
+                          {% uj_icon "unlink", "me-1" %}
+                          <span class="button-text">Disconnect</span>
+                        </button>
                       {% endif %}
                     </form>
                   </div>
@@ -826,8 +845,20 @@ badges:
 
         <div class="card">
           <div class="card-body">
-            <h5 class="card-title">Active Sessions</h5>
+            <div class="d-flex justify-content-between align-items-center mb-3">
+              <h5 class="card-title mb-0">Active Sessions</h5>
+              <form id="signout-all-sessions-form" class="d-inline" novalidate>
+                <input type="hidden" name="action" value="signout-all">
+                <button type="submit" class="btn btn-outline-danger btn-sm">
+                  {% uj_icon "right-from-bracket", "me-1" %}
+                  <span class="button-text">
+                    Sign out<span class="d-none d-md-inline"> of all sessions</span>
+                  </span>
+                </button>
+              </form>
+            </div>
             <p class="card-text text-muted">Manage your active sessions across devices. Review and revoke access from unrecognized devices.</p>
+
             <div id="active-sessions-list" class="list-group list-group-flush mb-3">
               <!-- Sessions will be loaded here -->
               <div class="text-center py-3">
@@ -836,15 +867,6 @@ badges:
                 </div>
               </div>
             </div>
-
-            <!-- Sign out of all sessions -->
-            <form id="signout-all-sessions-form" class="d-grid d-sm-block" novalidate>
-              <input type="hidden" name="action" value="signout-all">
-              <button type="submit" class="btn btn-outline-danger">
-                {% uj_icon "right-from-bracket", "me-1" %}
-                <span class="button-text">Sign out of all sessions</span>
-              </button>
-            </form>
           </div>
         </div>
       </section>
@@ -884,15 +906,22 @@ badges:
                       </div>
                     </div>
                     <div class="text-start text-sm-end flex-shrink-0">
-                      <form id="connection-form-{{ connection.id }}" class="d-inline" novalidate>
-                        <input type="hidden" name="provider" value="{{ connection.id }}">
-                        <input type="hidden" name="action" value="connect">
-                        <button type="submit" class="btn btn-sm btn-primary w-100 w-sm-auto" data-connect-text="Connect" data-disconnect-text="Disconnect">
-                          {% uj_icon "link", "fa-sm" %}
-                          <span class="button-text">Connect</span>
-                        </button>
-                      </form>
-                      <small class="text-muted d-block mt-1" id="{{ connection.id }}-connection-status"></small>
+                      <div>
+                        <form id="connection-form-{{ connection.id }}" class="d-grid d-sm-inline-block" novalidate>
+                          <input type="hidden" name="provider" value="{{ connection.id }}">
+                          <!-- Connect button -->
+                          <button type="submit" class="btn btn-sm btn-primary" data-action="connect">
+                            {% uj_icon "link", "fa-sm" %}
+                            <span class="button-text">Connect</span>
+                          </button>
+                          <!-- Disconnect button (hidden by default) -->
+                          <button type="submit" class="btn btn-sm btn-outline-danger d-none" data-action="disconnect">
+                            {% uj_icon "unlink", "fa-sm" %}
+                            <span class="button-text">Disconnect</span>
+                          </button>
+                        </form>
+                        <small class="text-muted d-block mt-1" id="{{ connection.id }}-connection-status"></small>
+                      </div>
                     </div>
                   </div>
                 </div>
@@ -1047,7 +1076,17 @@ badges:
 
         <div class="card">
           <div class="card-body">
-            <h5 class="card-title">Your API Key</h5>
+            <div class="d-flex justify-content-between align-items-center mb-3">
+              <h5 class="card-title mb-0">Your API Key</h5>
+              <form id="reset-api-key-form" class="d-inline" novalidate>
+                <button type="submit" class="btn btn-outline-danger btn-sm" id="reset-api-key-btn">
+                  {% uj_icon "rotate", "me-1" %}
+                  <span class="button-text">
+                    Reset<span class="d-none d-md-inline"> API Key</span>
+                  </span>
+                </button>
+              </form>
+            </div>
             <p class="card-text text-muted">Use this private key to authenticate API requests. Keep it secure and never share it publicly.</p>
 
             <!-- API Key Display -->
@@ -1063,21 +1102,14 @@ badges:
             </div>
 
             <!-- Reset API Key -->
-            <div class="alert alert-warning d-flex align-items-start" role="alert">
+            <div class="alert alert-warning d-flex align-items-center" role="alert">
               <div class="me-3">
-                {% uj_icon "triangle-exclamation", "fa-lg" %}
+                {% uj_icon "triangle-exclamation", "fa-2xl" %}
               </div>
               <div class="flex-grow-1">
                 <strong>Warning:</strong> Resetting your API key will invalidate the current key. Any applications using the old key will stop working.
               </div>
             </div>
-
-            <form id="reset-api-key-form" class="d-grid d-sm-block" novalidate>
-              <button type="submit" class="btn btn-danger" id="reset-api-key-btn">
-                {% uj_icon "rotate", "me-2" %}
-                <span class="button-text">Reset API Key</span>
-              </button>
-            </form>
           </div>
         </div>
       </section>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/blog/index.html

@@ -6,14 +6,16 @@ layout: themes/[ site.theme.id ]/frontend/core/base
 # Hero Section
 hero:
   headline: "The {{ site.brand.name }}"
-  headline_accent: "Blog"
+  headline_accent: "blog"
   subheadline: "Discover insights, tutorials, and news from our team"
 
 # Newsletter CTA Section
 newsletter_cta:
-  superheadline: "{% uj_icon 'envelope' %} Newsletter"
-  headline: "Never Miss a"
-  headline_accent: "Post"
+  superheadline:
+    icon: "envelope"
+    text: "Newsletter"
+  headline: "Never miss a"
+  headline_accent: "post"
   subheadline: "Get the latest insights delivered straight to your inbox. No spam, unsubscribe anytime."
   button:
     text: "Subscribe"
@@ -32,7 +34,7 @@ newsletter_cta:
           {{ page.resolved.hero.headline }} <span class="text-gradient-rainbow">{{ page.resolved.hero.headline_accent }}</span>
         </h1>
         {% iftruthy page.resolved.hero.subheadline %}
-          <p class="fs-5 text-muted mb-0">
+          <p class="fs-5 text-muted">
             {{ page.resolved.hero.subheadline }}
           </p>
         {% endiftruthy %}
@@ -229,64 +231,76 @@ newsletter_cta:
 
 <!-- Newsletter CTA -->
 <section>
-  <div class="container" data-lazy="@class animation-slide-up">
-    <div class="rounded-4 p-5 position-relative overflow-hidden bg-primary bg-gradient">
-      <div class="row align-items-center py-4">
-        <div class="col-lg-6 text-light">
-          {% iftruthy page.resolved.newsletter_cta.superheadline %}
-            <span class="badge bg-white bg-opacity-25 text-light p-2 mb-1 fw-semibold small">{{ page.resolved.newsletter_cta.superheadline }}</span>
-          {% endiftruthy %}
-          <h2 class="h2 mb-2">
-            {{ page.resolved.newsletter_cta.headline }}
-            {% iftruthy page.resolved.newsletter_cta.headline_accent %}
-              <span class="text-accent">{{ page.resolved.newsletter_cta.headline_accent }}</span>
+  <div class="container">
+    <div class="card border-0 bg-gradient bg-primary text-white rounded-4 p-4 p-md-5 text-center position-relative overflow-hidden" data-lazy="@class animation-slide-up">
+      <!-- Decorative icon - top right -->
+      <div class="position-absolute top-0 end-0 opacity-25" style="font-size:10rem;transform:rotate(15deg)translate(30%,-30%)">
+        {% uj_icon "pen-nib", "text-white" %}
+      </div>
+
+      <!-- Decorative icon - bottom left -->
+      <div class="position-absolute bottom-0 start-0 opacity-25" style="font-size:8rem;transform:rotate(-20deg)translate(-30%,30%)">
+        {% uj_icon "book-open", "text-white" %}
+      </div>
+
+      <div class="position-relative">
+        {% iftruthy page.resolved.newsletter_cta.superheadline.text %}
+          <span class="badge bg-white bg-opacity-25 text-light p-2 mb-3 fw-semibold small">
+            {% iftruthy page.resolved.newsletter_cta.superheadline.icon %}
+              {% uj_icon page.resolved.newsletter_cta.superheadline.icon, "me-1" %}
             {% endiftruthy %}
-          </h2>
-          {% iftruthy page.resolved.newsletter_cta.subheadline %}
-            <p class="fs-5 mb-4 opacity-90">
-              {{ page.resolved.newsletter_cta.subheadline }}
-            </p>
+            {{ page.resolved.newsletter_cta.superheadline.text }}
+          </span>
+        {% endiftruthy %}
+
+        <h2 class="h3 fw-bold mb-3">
+          {{ page.resolved.newsletter_cta.headline }}
+          {% iftruthy page.resolved.newsletter_cta.headline_accent %}
+            {{ page.resolved.newsletter_cta.headline_accent }}
           {% endiftruthy %}
-        </div>
-        <div class="col-lg-6">
-          <!-- Newsletter Form -->
-          <form id="newsletter-form" class="newsletter-form">
-            <div class="row g-2">
-              <div class="col-md-8">
-                <input
-                  type="email"
-                  class="form-control form-control-lg"
-                  placeholder="{{ page.resolved.newsletter_cta.form.placeholder }}"
-                  name="email"
-                  required
-                  pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
-                  autocomplete="email"
-                >
-                <div class="invalid-feedback text-start">
-                  Please enter a valid email address.
-                </div>
-              </div>
-              <div class="col-md-4">
-                <button type="submit" class="btn btn-adaptive btn-lg px-4 w-100">
-                  {{ page.resolved.newsletter_cta.button.text }}
-                  <span class="spinner-border spinner-border-sm ms-2 d-none" role="status">
-                    <span class="visually-hidden">Loading...</span>
-                  </span>
-                </button>
-              </div>
-            </div>
+        </h2>
+
+        {% iftruthy page.resolved.newsletter_cta.subheadline %}
+          <p class="lead mb-4">{{ page.resolved.newsletter_cta.subheadline }}</p>
+        {% endiftruthy %}
 
-            <!-- Success/Error Messages -->
-            <div class="newsletter-success-alert alert alert-success mt-3 d-none" role="alert">
-              {% uj_icon "check-circle", "me-2" %}
-              {{ page.resolved.newsletter_cta.form.success_message }}
+        <!-- Newsletter Form -->
+        <form id="newsletter-form" class="newsletter-form">
+          <div class="row g-3 justify-content-center">
+            <div class="col-md-7">
+              <input
+                type="email"
+                class="form-control form-control-lg"
+                placeholder="{{ page.resolved.newsletter_cta.form.placeholder }}"
+                name="email"
+                required
+                pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
+                autocomplete="email"
+              >
+              <div class="invalid-feedback text-start">
+                Please enter a valid email address.
+              </div>
             </div>
-            <div class="newsletter-error-alert alert alert-danger mt-3 d-none" role="alert">
-              {% uj_icon "exclamation-circle", "me-2" %}
-              <span class="error-message">{{ page.resolved.newsletter_cta.form.error_message }}</span>
+            <div class="col-md-auto">
+              <button type="submit" class="btn btn-light btn-lg px-4">
+                {{ page.resolved.newsletter_cta.button.text }}
+                <span class="spinner-border spinner-border-sm ms-2 d-none" role="status">
+                  <span class="visually-hidden">Loading...</span>
+                </span>
+              </button>
             </div>
-          </form>
-        </div>
+          </div>
+
+          <!-- Success/Error Messages -->
+          <div class="newsletter-success-alert alert alert-success mt-3 d-none" role="alert">
+            {% uj_icon "check-circle", "me-2" %}
+            {{ page.resolved.newsletter_cta.form.success_message }}
+          </div>
+          <div class="newsletter-error-alert alert alert-danger mt-3 d-none" role="alert">
+            {% uj_icon "exclamation-circle", "me-2" %}
+            <span class="error-message">{{ page.resolved.newsletter_cta.form.error_message }}</span>
+          </div>
+        </form>
       </div>
     </div>
   </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/blog/post.html

@@ -20,13 +20,15 @@ author_section:
 
 related_posts:
   headline: "Related"
-  headline_accent: "Posts"
+  headline_accent: "posts"
   limit: 3
 
 newsletter:
-  superheadline: "{% uj_icon 'envelope' %} Newsletter"
+  superheadline:
+    icon: "envelope"
+    text: "Newsletter"
   headline: "Stay in the"
-  headline_accent: "Loop"
+  headline_accent: "loop"
   subheadline: "Join our newsletter and get resources, curated content, and inspiration delivered straight to your inbox."
   button:
     text: "Submit"
@@ -39,7 +41,7 @@ newsletter:
   <div class="container">
     <div class="row justify-content-center mb-3">
       <div class="col-xl-8 col-lg-8 col-md-12 col-12">
-        <header class="text-center mb-4" data-lazy="@class animation-slide-up">
+        <header class="text-center mb-5" data-lazy="@class animation-slide-up">
           <h1 class="h1 fw-bold mb-0">{{ page.post.title }}</h1>
         </header>
 
@@ -257,32 +259,47 @@ newsletter:
 <section>
   <div class="container">
     <div class="row justify-content-center">
-      <div class="col-xl-8 col-lg-8 col-md-12 col-12" data-lazy="@class animation-slide-up">
-        <div class="card">
-          <div class="card-body p-5">
-            <div class="text-center mb-4">
-              {% iftruthy page.resolved.newsletter.superheadline %}
-                <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
-                  {{ page.resolved.newsletter.superheadline }}
-                </span>
-              {% endiftruthy %}
-              {% iftruthy page.resolved.newsletter.headline %}
-                <h2 class="h2 fw-bold mb-2">
-                  {{ page.resolved.newsletter.headline }}{% iftruthy page.resolved.newsletter.headline_accent %} <span class="text-accent">{{ page.resolved.newsletter.headline_accent }}</span>{% endiftruthy %}
-                </h2>
-              {% endiftruthy %}
-              {% iftruthy page.resolved.newsletter.subheadline %}
-                <p class="mb-0 lead">
-                  {{ page.resolved.newsletter.subheadline }}
-                </p>
-              {% endiftruthy %}
-            </div>
-            <form class="row px-md-8 mx-md-8 gx-2 needs-validation" action="{{ site.url }}/email-subscription">
-              <div class="col">
-                <input type="email" name="email" class="form-control" placeholder="{% iftruthy page.resolved.newsletter.form.placeholder %}{{ page.resolved.newsletter.form.placeholder }}{% endiftruthy %}" autocomplete="email" required>
+      <div class="col-xl-8 col-lg-8 col-md-12 col-12">
+        <div class="card border-0 bg-gradient bg-primary text-white rounded-4 p-4 p-md-5 text-center position-relative overflow-hidden" data-lazy="@class animation-slide-up">
+          <!-- Decorative icon - top right -->
+          <div class="position-absolute top-0 end-0 opacity-25" style="font-size:10rem;transform:rotate(15deg)translate(30%,-30%)">
+            {% uj_icon "comments", "text-white" %}
+          </div>
+
+          <!-- Decorative icon - bottom left -->
+          <div class="position-absolute bottom-0 start-0 opacity-25" style="font-size:8rem;transform:rotate(-20deg)translate(-30%,30%)">
+            {% uj_icon "rss", "text-white" %}
+          </div>
+
+          <div class="position-relative">
+            {% iftruthy page.resolved.newsletter.superheadline.text %}
+              <span class="badge bg-white bg-opacity-25 text-light p-2 mb-3 fw-semibold small">
+                {% iftruthy page.resolved.newsletter.superheadline.icon %}
+                  {% uj_icon page.resolved.newsletter.superheadline.icon, "me-1" %}
+                {% endiftruthy %}
+                {{ page.resolved.newsletter.superheadline.text }}
+              </span>
+            {% endiftruthy %}
+
+            {% iftruthy page.resolved.newsletter.headline %}
+              <h2 class="h3 fw-bold mb-3">
+                {{ page.resolved.newsletter.headline }}
+                {% iftruthy page.resolved.newsletter.headline_accent %}
+                  {{ page.resolved.newsletter.headline_accent }}
+                {% endiftruthy %}
+              </h2>
+            {% endiftruthy %}
+
+            {% iftruthy page.resolved.newsletter.subheadline %}
+              <p class="lead mb-4">{{ page.resolved.newsletter.subheadline }}</p>
+            {% endiftruthy %}
+
+            <form class="row g-3 justify-content-center needs-validation" action="{{ site.url }}/email-subscription">
+              <div class="col-md-7">
+                <input type="email" name="email" class="form-control form-control-lg" placeholder="{% iftruthy page.resolved.newsletter.form.placeholder %}{{ page.resolved.newsletter.form.placeholder }}{% endiftruthy %}" autocomplete="email" required>
               </div>
-              <div class="col-auto">
-                <button type="submit" class="btn btn-primary">{% iftruthy page.resolved.newsletter.button.text %}{{ page.resolved.newsletter.button.text }}{% endiftruthy %}</button>
+              <div class="col-md-auto">
+                <button type="submit" class="btn btn-light btn-lg px-4">{% iftruthy page.resolved.newsletter.button.text %}{{ page.resolved.newsletter.button.text }}{% endiftruthy %}</button>
               </div>
             </form>
           </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/contact.html

@@ -6,17 +6,17 @@ layout: themes/[ site.theme.id ]/frontend/core/base
 # Hero Section
 hero:
   headline: "Get in"
-  headline_accent: "Touch"
+  headline_accent: "touch"
   subheadline: "We're here to help! Reach out to our friendly support team and we'll get back to you as soon as possible."
 
 # Contact Methods Section
 contact_methods:
-  - title: "Email Support"
+  - title: "Email support"
     description: "Get help within 24 hours"
     icon: "envelope"
     value: "Email Us"
     link: "#form"
-  - title: "Live Chat"
+  - title: "Live chat"
     description: "Chat with our team now 24/7"
     icon: "comments"
     value: "Chat Now"
@@ -24,9 +24,11 @@ contact_methods:
 
 # Contact Form Section
 contact_form:
-  superheadline: "{% uj_icon 'envelope' %} Email"
+  superheadline:
+    icon: "envelope"
+    text: "Email"
   headline: "Send us a"
-  headline_accent: "Message"
+  headline_accent: "message"
   subheadline: "Fill out the form below and we'll get back to you within 24 hours."
 
 # Stats Section
@@ -51,9 +53,11 @@ stats:
 
 # Testimonials Section
 testimonials:
-  superheadline: "{% uj_icon 'comments' %} Testimonials"
-  headline: "What Our Customers"
-  headline_accent: "Say"
+  superheadline:
+    icon: "megaphone"
+    text: "Testimonials"
+  headline: "What our customers"
+  headline_accent: "say"
   subheadline: "Hear from people who've experienced our support firsthand"
   items:
   - quote: "The support team responded within minutes and solved my issue perfectly!"
@@ -74,9 +78,12 @@ testimonials:
 
 # FAQs Section
 faqs:
-  superheadline: "{% uj_icon 'circle-question' %} FAQs"
-  headline: "Frequently Asked"
-  headline_accent: "Questions"
+  superheadline:
+    icon: "messages-question"
+    text: "FAQs"
+  headline: "Frequently asked"
+  headline_accent: "questions"
+  subheadline: "Everything you need to know about our support experience."
   items:
   - question: "How quickly do you respond to support requests?"
     answer: "We aim to respond to all support requests within 24 hours during business days. For urgent issues, our live chat is available 24/7."
@@ -95,7 +102,7 @@ faqs:
           {{ page.resolved.hero.headline }} <span class="text-gradient-rainbow">{{ page.resolved.hero.headline_accent }}</span>
         </h1>
         {% iftruthy page.resolved.hero.subheadline %}
-          <p class="fs-5 text-muted mb-0">
+          <p class="fs-5 text-muted">
             {{ page.resolved.hero.subheadline }}
           </p>
         {% endiftruthy %}
@@ -152,8 +159,13 @@ faqs:
         <div class="card border-0 shadow-lg" data-lazy="@class animation-slide-up">
           <div class="card-body p-5">
             <div class="text-center mb-4">
-              {% iftruthy page.resolved.contact_form.superheadline %}
-                <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.contact_form.superheadline }}</span>
+              {% iftruthy page.resolved.contact_form.superheadline.text %}
+                <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
+                  {% iftruthy page.resolved.contact_form.superheadline.icon %}
+                    {% uj_icon page.resolved.contact_form.superheadline.icon, "me-1" %}
+                  {% endiftruthy %}
+                  {{ page.resolved.contact_form.superheadline.text }}
+                </span>
               {% endiftruthy %}
               <h2 class="h3 mb-2">
                 {{ page.resolved.contact_form.headline }}
@@ -309,8 +321,13 @@ faqs:
     <div class="row justify-content-center">
       <div class="col-lg-8">
         <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-          {% iftruthy page.resolved.faqs.superheadline %}
-            <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.faqs.superheadline }}</span>
+          {% iftruthy page.resolved.faqs.superheadline.text %}
+            <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">
+              {% iftruthy page.resolved.faqs.superheadline.icon %}
+                {% uj_icon page.resolved.faqs.superheadline.icon, "me-1" %}
+              {% endiftruthy %}
+              {{ page.resolved.faqs.superheadline.text }}
+            </span>
           {% endiftruthy %}
           <h2 class="display-5 fw-bold mb-2">
             {{ page.resolved.faqs.headline }}
@@ -318,6 +335,9 @@ faqs:
               <span class="text-accent">{{ page.resolved.faqs.headline_accent }}</span>
             {% endiftruthy %}
           </h2>
+          {% iftruthy page.resolved.faqs.subheadline %}
+            <p class="fs-5 text-muted">{{ page.resolved.faqs.subheadline }}</p>
+          {% endiftruthy %}
         </div>
 
         {% if page.resolved.faqs.items %}