ultimate-jekyll-manager 0.0.97 → 0.0.98

package/dist/assets/themes/classy/css/base/_spacing.scss

@@ -35,3 +35,30 @@
 .min-vh-80 { min-height: 80vh !important; }
 .min-vh-90 { min-height: 90vh !important; }
 .min-vh-100 { min-height: 100vh !important; }
+
+// ============================================
+// Max Width Utilities (Bootstrap Breakpoints)
+// ============================================
+// Max width utility classes based on Bootstrap grid breakpoints
+// Usage: mw-sm, mw-md, mw-lg, mw-xl, mw-xxl
+// These set the max-width to match Bootstrap's container breakpoints
+
+.mw-sm {
+  max-width: 576px !important;
+}
+
+.mw-md {
+  max-width: 768px !important;
+}
+
+.mw-lg {
+  max-width: 992px !important;
+}
+
+.mw-xl {
+  max-width: 1200px !important;
+}
+
+.mw-xxl {
+  max-width: 1400px !important;
+}

package/dist/defaults/dist/_includes/core/body.html

@@ -34,3 +34,34 @@
     Save <strong>15%</strong> at checkout—today only! <a href="{{ site.url }}/pricing" target="_blank">Claim discount</a>.
   </div>
 </div>
+
+<!-- Script to prevent clicks on disabled elements during page load -->
+<script type="text/javascript">
+  (function() {
+    'use strict';
+    // Attach click listener immediately to prevent clicks on disabled elements
+    document.addEventListener('click', function(e) {
+      var target = e.target;
+
+      // Check if click is on a disabled element OR a button/form element during page load
+      if (
+        target.closest('*[disabled], *.disabled, :disabled')
+        || (
+          document.documentElement.hasAttribute('data-page-loading')
+          && target.closest('button, input[type="submit"], input[type="button"], input[type="reset"], .btn-action')
+        )
+      ) {
+        // Log disabled click attempt in development
+        if (window.location.hostname === 'localhost' || window.location.hostname.startsWith('192.168')) {
+          console.log('Click prevented (disabled):', target);
+        }
+
+        // Prevent all actions
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        e.stopPropagation();
+        return false;
+      }
+    }, { capture: true });
+  }());
+</script>

package/dist/defaults/dist/_includes/core/foot.html

@@ -78,6 +78,41 @@
 <!-- JS Bundle -->
 <script type="text/javascript" src="{{ site.url }}/assets/js/main.bundle.js?cb={{ site.uj.cache_breaker }}" async></script>
 
+<!-- Script to quickly handle nav user state -->
+<script type="text/javascript">
+  try {
+    (function() {
+      'use strict';
+      // Read and parse localStorage data
+      var managerData = localStorage.getItem('_manager');
+      var parsedData = managerData ? JSON.parse(managerData) : null;
+      var isLoggedIn = !!(parsedData && parsedData.auth && parsedData.auth.user && parsedData.auth.user.uid);
+
+      // Quit if NOT logged in
+      if (!isLoggedIn) {
+        return;
+      }
+
+      // Process binds
+      var $bindElements = document.querySelectorAll('[data-wm-bind]');
+
+      $bindElements.forEach(function($el) {
+        var bindValue = $el.getAttribute('data-wm-bind');
+
+        if (bindValue === '@show auth.user') {
+          // Show element when user is logged in
+          $el.removeAttribute('hidden');
+        } else if (bindValue === '@show !auth.user') {
+          // Hide element when user is logged in (show when not logged in)
+          $el.setAttribute('hidden', '');
+        }
+      });
+    }());
+  } catch (error) {
+    console.error('Error occurred while selecting elements:', error);
+  }
+</script>
+
 <!-- Script - Google Analytics Tracking Script -->
 {% iftruthy page.resolved.tracking.google-analytics %}
   <script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id={{ site.tracking.google-analytics }}" async></script>

package/dist/defaults/dist/_layouts/blueprint/payment/checkout.html

@@ -1,6 +1,11 @@
 ---
 ### ALL PAGES ###
-layout: themes/[ site.theme.id ]/frontend/pages/payment/checkout
+layout: themes/classy/frontend/pages/payment/checkout
+
+### THEME CONFIG ###
+theme:
+  css:
+    bundle: "classy"
 
 ### REGULAR PAGES ###
 meta:

package/dist/defaults/dist/_layouts/blueprint/payment/confirmation.html

@@ -1,6 +1,11 @@
 ---
 ### ALL PAGES ###
-layout: themes/[ site.theme.id ]/frontend/pages/payment/confirmation
+layout: themes/classy/frontend/pages/payment/confirmation
+
+### THEME CONFIG ###
+theme:
+  css:
+    bundle: "classy"
 
 ### REGULAR PAGES ###
 meta:

package/dist/defaults/dist/_layouts/core/root.html

@@ -18,6 +18,7 @@ layout: null
   data-asset-path="{{ page.resolved.asset_path }}"
 
   data-page-loading="true"
+  aria-busy="true"
   >
   <head>
     <!-- Head -->

package/dist/defaults/dist/_layouts/modules/utilities/redirect.html

@@ -13,40 +13,51 @@ meta:
 {% capture querystring %}{{ page.resolved.redirect.querystring }}{% endcapture %}
 {% capture modifier %}{{ page.resolved.redirect.modifier | default: "" }}{% endcapture %}
 
-<div class="d-flex justify-content-center align-items-center flex-column">
-  <div class="mb-3">
-    <a href="{{ site.url }}">
-      <div class="avatar avatar-xl">
-        <img id="main-logo" src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }}"/>
+<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
+  <div class="card border-0 shadow-lg">
+    <div class="card-body p-3 p-md-5">
+      <!-- Logo -->
+      <div class="text-center mb-3">
+        <a href="{{ site.url }}">
+          <div class="avatar avatar-xl">
+            <img src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }}"/>
+          </div>
+        </a>
+      </div>
+
+      <!-- Header -->
+      <div class="text-center mb-4">
+        <div class="d-inline-flex align-items-center">
+          <h1 class="h3 mb-0">Redirecting...</h1>
+          <div class="spinner-border spinner-border-sm text-primary ms-3" role="status">
+            <span class="visually-hidden">Loading...</span>
+          </div>
+        </div>
+        <p class="text-muted mt-2 mb-0">
+          Taking you to the page you requested
+        </p>
+      </div>
+
+      <!-- Action Buttons -->
+      <div class="d-grid gap-2 d-sm-block text-center">
+        <a id="home-button" class="btn btn-outline-adaptive btn-lg mb-2 mb-sm-0 me-sm-2" href="{{ site.url }}">
+          <span class="d-inline-flex align-items-center">
+            {% uj_icon "house", "fa-lg me-2" %}
+            Return home
+          </span>
+        </a>
+        <noscript>
+          <a id="redirect-button" class="btn btn-adaptive btn-lg mb-2 mb-sm-0" href="{{ url }}">
+            <span class="d-inline-flex align-items-center">
+              {% uj_icon "rocket", "fa-lg me-2" %}
+              Take me there
+            </span>
+          </a>
+        </noscript>
       </div>
-    </a>
-  </div>
-  <div class="d-inline-flex justify-content-between align-items-center">
-    <h1 class="h1">Redirecting...</h1>
-    <div class="spinner-border spinner-border-md text-primary ms-3" role="status">
-      <span class="visually-hidden">Loading...</span>
     </div>
   </div>
-  <p class="lead mb-3">
-    Taking you to the page you requested.
-  </p>
-  <div class="d-grid gap-2 d-sm-block">
-    <a id="home-button" class="btn btn-outline-primary btn-lg mb-2 mb-sm-0 me-md-2" href="{{ site.url }}">
-      <span class="d-inline-flex align-items-center">
-        {% uj_icon "house", "fa-lg me-2" %}
-        Return home
-      </span>
-    </a>
-    <noscript>
-      <a id="redirect-button" class="btn btn-primary btn-lg mb-2 mb-sm-0 me-md-2" href="{{ url }}">
-        <span class="d-inline-flex align-items-center">
-          {% uj_icon "rocket", "fa-lg me-2" %}
-          Take me there
-        </span>
-      </a>
-    </noscript>
-  </div>
-</div>
+</section>
 
 <!-- Redirect configuration for external script -->
 <div id="redirect-config" style="display: none;"
@@ -58,4 +69,4 @@ meta:
 </div>
 
 <!-- Load redirect module script -->
-<!-- <script type="text/javascript" src="{{ site.url }}/assets/js/modules/redirect.bundle.js?cb={{ site.uj.cache_breaker }}" async></script> -->
+<script type="text/javascript" src="{{ site.url }}/assets/js/modules/redirect.bundle.js?cb={{ site.uj.cache_breaker }}" async></script>

package/dist/defaults/dist/_layouts/themes/classy/backend/core/base.html

@@ -53,38 +53,3 @@ web_manager:
     </main>
   </div>
 </div>
-
-<!-- Script to quickly handle user state -->
-<script type="text/javascript">
-  try {
-    (function() {
-      'use strict';
-      // Read and parse localStorage data
-      var managerData = localStorage.getItem('_manager');
-      var parsedData = managerData ? JSON.parse(managerData) : null;
-      var isLoggedIn = !!(parsedData && parsedData.auth && parsedData.auth.user && parsedData.auth.user.uid);
-
-      // Quit if NOT logged in
-      if (!isLoggedIn) {
-        return;
-      }
-
-      // Process binds
-      var $bindElements = document.querySelectorAll('[data-wm-bind]');
-
-      $bindElements.forEach(function($el) {
-        var bindValue = $el.getAttribute('data-wm-bind');
-
-        if (bindValue === '@show auth.user') {
-          // Show element when user is logged in
-          $el.removeAttribute('hidden');
-        } else if (bindValue === '@show !auth.user') {
-          // Hide element when user is logged in (show when not logged in)
-          $el.setAttribute('hidden', '');
-        }
-      });
-    }());
-  } catch (error) {
-    console.error('Error occurred while selecting elements:', error);
-  }
-</script>

package/dist/defaults/dist/_layouts/themes/classy/frontend/core/base.html

@@ -30,37 +30,3 @@ theme:
   {%- include /frontend/sections/footer.html -%}
 {% endunless %}
 
-<!-- Script to quickly handle nav user state -->
-<script type="text/javascript">
-  try {
-    (function() {
-      'use strict';
-      // Read and parse localStorage data
-      var managerData = localStorage.getItem('_manager');
-      var parsedData = managerData ? JSON.parse(managerData) : null;
-      var isLoggedIn = !!(parsedData && parsedData.auth && parsedData.auth.user && parsedData.auth.user.uid);
-
-      // Quit if NOT logged in
-      if (!isLoggedIn) {
-        return;
-      }
-
-      // Process binds
-      var $bindElements = document.querySelectorAll('[data-wm-bind]');
-
-      $bindElements.forEach(function($el) {
-        var bindValue = $el.getAttribute('data-wm-bind');
-
-        if (bindValue === '@show auth.user') {
-          // Show element when user is logged in
-          $el.removeAttribute('hidden');
-        } else if (bindValue === '@show !auth.user') {
-          // Hide element when user is logged in (show when not logged in)
-          $el.setAttribute('hidden', '');
-        }
-      });
-    }());
-  } catch (error) {
-    console.error('Error occurred while selecting elements:', error);
-  }
-</script>

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

@@ -22,56 +22,47 @@ suggested_pages:
     link: "/team"
 ---
 
-<div class="d-flex justify-content-center align-items-center flex-column">
-  <div class="col-12 col-lg-8">
-    <!-- Logo -->
-    <div class="mb-3">
-      <a href="{{ site.url }}">
-        <div class="avatar avatar-xl">
-          <img id="main-logo" src="{{ site.brand.images.brandmark }}?cb={{ site.uj.cache_breaker }}" alt="{{ site.brand.name }}"/>
-        </div>
-      </a>
-    </div>
-
-    <!-- Main Content -->
-    <h1 class="h1 text-primary mb-3">
-      404
-    </h1>
-    <h2 class="h3 mb-3">Oops! Page Not Found</h2>
-    <p class="fs-5 text-muted mb-4">
-      Sorry, the page you're looking for doesn't exist or has been moved. Don't worry, it happens to the best of us!
-    </p>
+<section class="col-12 col-md-10 col-lg-8 col-xl-6 mw-md">
+  <div class="card border-0 shadow-lg">
+    <div class="card-body p-3 p-md-5">
+      <!-- Header -->
+      <div class="text-center mb-4">
+        <h1 class="display-1 mb-3">404</h1>
+        <!-- <h2 class="h3 mb-3">Oops! Page Not Found</h2> -->
+        <p class="text-muted">
+          Sorry, the page you're looking for doesn't exist or has been moved. Don't worry, it happens to the best of us!
+        </p>
+      </div>
 
-    <!-- URL Display -->
-    <div class="card border-0 shadow-sm mb-4">
-      <div class="card-body p-3">
-        <small class="text-muted">
-          <strong>Requested URL:</strong> <code id="page-url">{{ page.canonical.url }}</code>
+      <!-- URL Display -->
+      <div class="alert alert-warning text-center mb-4" role="alert">
+        <small class="text-body">
+          <strong>Requested URL:</strong> <span id="page-url" class="text-break">{{ page.canonical.url }}</span>
         </small>
       </div>
-    </div>
 
-    <!-- Primary CTA -->
-    <div class="mb-5">
-      <a href="{{ site.url }}" class="btn btn-primary btn-lg px-5 py-3 me-3">
-        {% uj_icon "house", "me-2" %}
-        Back to Home
-      </a>
-      <button class="btn btn-outline-primary btn-lg px-4 py-3" onclick="window.history.back()">
-        {% uj_icon "arrow-left", "me-2" %}
-        Go Back
-      </button>
-    </div>
+      <!-- Primary Actions -->
+      <div class="d-grid gap-2 d-sm-block text-center mb-4">
+        <a href="{{ site.url }}" class="btn btn-adaptive btn-lg mb-2 mb-sm-0 me-sm-2">
+          {% uj_icon "house", "me-2" %}
+          Back to Home
+        </a>
+        <button class="btn btn-outline-adaptive btn-lg mb-2 mb-sm-0" onclick="window.history.back()">
+          {% uj_icon "arrow-left", "me-2" %}
+          Go Back
+        </button>
+      </div>
 
-    <!-- Help Section -->
-    <div class="mt-5 pt-4 border-top">
-      <p class="text-muted">
-        Still can't find what you're looking for?
-        <a href="/contact" class="text-decoration-none fw-semibold">Contact our support team</a>
-        and we'll help you out!
-      </p>
+      <!-- Help Section -->
+      <div class="text-center pt-4 border-top">
+        <p class="text-muted mb-0">
+          Still can't find what you're looking for?
+          <a href="/contact" class="text-decoration-none fw-semibold">Contact our support team</a>
+          and we'll help you out!
+        </p>
+      </div>
     </div>
   </div>
-</div>
+</section>
 
 {{ content | uj_content_format }}

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

@@ -101,7 +101,7 @@ badges:
 ---
 
 <!-- Fixed Header -->
-<header class="position-fixed top-0 start-0 w-100 bg-body-secondary border-bottom" style="z-index: 1030;">
+<header class="position-fixed top-0 start-0 w-100 bg-body-secondary border-bottom shadow-sm" style="z-index: 1030;">
   <div class="container-fluid px-4">
     <div class="d-flex align-items-center justify-content-between py-3">
       <!-- Left: Brand -->

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

@@ -9,7 +9,7 @@ app:
 ---
 
 <!-- App Launch Section -->
-<section class="col-12 col-md-8 col-lg-6 col-xl-5" style="max-width: 540px;">
+<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
   <div class="card border-0 shadow-lg">
     <div class="card-body p-3 p-md-5">
       <!-- Logo -->
@@ -45,7 +45,7 @@ app:
 
       <!-- Action Buttons -->
       <div class="d-grid gap-2 mb-4">
-        <a id="launch-button" href="{{ page.resolved.app.protocol }}" class="btn btn-primary" disabled>
+        <a id="launch-button" href="{{ page.resolved.app.protocol }}" class="btn btn-primary">
           {% uj_icon "rocket", "me-2" %}
           <span>Launch App</span>
         </a>
@@ -55,7 +55,7 @@ app:
       <div class="text-center">
         <p class="text-muted small mb-3">Don't have the app?</p>
 
-        <a id="download-button" href="/download" class="btn btn-adaptive" disabled>
+        <a id="download-button" href="/download" class="btn btn-adaptive">
           {% uj_icon "download", "me-2" %}
           <span>Download App</span>
         </a>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/oauth2.html

@@ -5,7 +5,7 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
 ### PAGE CONFIG ###
 ---
 
-<section class="col-12 col-md-8 col-lg-6 col-xl-5" style="max-width: 540px;">
+<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
   <div class="card border-0 shadow-lg">
     <div class="card-body p-3 p-md-5">
       <!-- Logo -->
@@ -15,45 +15,45 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
         </div>
       </div>
 
-            <!-- Loading State -->
-            <div id="oauth2-loading" class="text-center">
-              <h1 class="h3 mb-2">Authorizing <span id="oauth2-provider">Provider</span>...</h1>
-              <p class="text-muted">Please wait while we complete the connection.</p>
-              <div class="spinner-border text-primary mb-0" role="status">
-                <span class="visually-hidden">Loading...</span>
-              </div>
-            </div>
+      <!-- Loading State -->
+      <div id="oauth2-loading" class="text-center">
+        <h1 class="h3 mb-2">Authorizing <span id="oauth2-provider">Provider</span>...</h1>
+        <p class="text-muted">Please wait while we complete the connection.</p>
+        <div class="spinner-border text-primary mb-0" role="status">
+          <span class="visually-hidden">Loading...</span>
+        </div>
+      </div>
 
-            <!-- Result State -->
-            <div id="oauth2-result" class="d-none">
-              <!-- Success -->
-              <div id="result-success" class="d-none text-center">
-                <h1 class="h3 mb-2">Success!</h1>
-                <p class="text-muted mb-4">Your account has been connected. Redirecting you now...</p>
-              </div>
+      <!-- Result State -->
+      <div id="oauth2-result" class="d-none">
+        <!-- Success -->
+        <div id="result-success" class="d-none text-center">
+          <h1 class="h3 mb-2">Success!</h1>
+          <p class="text-muted mb-4">Your account has been connected. Redirecting you now...</p>
+        </div>
 
-              <!-- Error -->
-              <div id="result-error" class="d-none mb-3">
-                <div class="text-center mb-3">
-                  <h1 class="h3 mb-2">Connection Failed</h1>
-                </div>
-                <div class="alert alert-danger mb-3" role="alert">
-                  <p id="error-message" class="mb-0">An error occurred while connecting your account.</p>
-                </div>
-                <div class="text-center mb-0">
-                  <a id="return-button" href="/account#connections" class="btn btn-primary">
-                    {% uj_icon "arrow-left", "me-2" %}<span class="button-text">Return to Account</span>
-                  </a>
-                </div>
-              </div>
-            </div>
+        <!-- Error -->
+        <div id="result-error" class="d-none mb-3">
+          <div class="text-center mb-3">
+            <h1 class="h3 mb-2">Connection Failed</h1>
+          </div>
+          <div class="alert alert-danger mb-3" role="alert">
+            <p id="error-message" class="mb-0">An error occurred while connecting your account.</p>
+          </div>
+          <div class="text-center mb-0">
+            <a id="return-button" href="/account#connections" class="btn btn-primary">
+              {% uj_icon "arrow-left", "me-2" %}<span class="button-text">Return to Account</span>
+            </a>
+          </div>
+        </div>
+      </div>
 
-            <!-- Footer Links -->
-            <div class="mt-3 pt-4 border-top text-center">
-              <p class="text-muted small mb-2">Need help?</p>
-              <a href="/contact" class="btn btn-outline-adaptive btn-sm">
-                {% uj_icon "headset", "me-1" %}<span class="button-text">Contact Support</span>
-              </a>
+      <!-- Footer Links -->
+      <div class="mt-3 pt-4 border-top text-center">
+        <p class="text-muted small mb-2">Need help?</p>
+        <a href="/contact" class="btn btn-outline-adaptive btn-sm">
+          {% uj_icon "headset", "me-1" %}<span class="button-text">Contact Support</span>
+        </a>
       </div>
     </div>
   </div>

package/dist/defaults/dist/_layouts/themes/classy/frontend/pages/auth/reset.html

@@ -5,7 +5,7 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
 ### PAGE CONFIG ###
 ---
 
-<section class="col-12 col-md-8 col-lg-6 col-xl-5" style="max-width: 540px;">
+<section class="col-12 col-md-8 col-lg-6 col-xl-5 mw-sm">
   <div class="card border-0 shadow-lg">
     <div class="card-body p-3 p-md-5">
       <!-- Logo -->
@@ -21,54 +21,54 @@ layout: themes/[ site.theme.id ]/frontend/core/cover
         <p class="text-muted">Enter your email address and we'll send you a link to reset your password.</p>
       </div>
 
-            <!-- Reset Form -->
-            <form id="reset-form" autocomplete="on" novalidate>
-              <div class="mb-4 text-start">
-                <label for="email" class="form-label fw-semibold">
-                  Email <span class="text-danger">*</span>
-                </label>
-                <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
-              </div>
+      <!-- Reset Form -->
+      <form id="reset-form" autocomplete="on" novalidate>
+        <div class="mb-4 text-start">
+          <label for="email" class="form-label fw-semibold">
+            Email <span class="text-danger">*</span>
+          </label>
+          <input type="email" class="form-control form-control-md" id="email" name="email" placeholder="Enter your email" autocomplete="email" autofocus required>
+        </div>
 
-              <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>
-                {% uj_icon "paper-plane", "me-2" %}
-                <span class="button-text">Send Reset Link</span>
-              </button>
-            </form>
+        <button type="submit" class="btn btn-success _btn-lg w-100 mb-4" data-provider="email" disabled>
+          {% uj_icon "paper-plane", "me-2" %}
+          <span class="button-text">Send Reset Link</span>
+        </button>
+      </form>
 
-            <!-- Back to Sign In -->
-            <div class="text-center">
-              <p class="text-muted mb-0">
-                Remember your password?
-                <a href="/signin" class="text-decoration-none fw-semibold">
-                  Sign in
-                </a>
-              </p>
-            </div>
+      <!-- Back to Sign In -->
+      <div class="text-center">
+        <p class="text-muted mb-0">
+          Remember your password?
+          <a href="/signin" class="text-decoration-none fw-semibold">
+            Sign in
+          </a>
+        </p>
+      </div>
 
-            <!-- Help Section -->
-            <div class="mt-4 pt-4 border-top text-center">
-              <p class="text-muted small mb-2">Need help?</p>
-              <a href="/contact" class="btn btn-outline-adaptive btn-sm">
-                {% uj_icon "headset", "me-1" %}
-                Contact Support
-              </a>
-            </div>
+      <!-- Help Section -->
+      <div class="mt-4 pt-4 border-top text-center">
+        <p class="text-muted small mb-2">Need help?</p>
+        <a href="/contact" class="btn btn-outline-adaptive btn-sm">
+          {% uj_icon "headset", "me-1" %}
+          Contact Support
+        </a>
+      </div>
 
-            <!-- Additional Info -->
-            {% comment %}
-              <div class="text-center mt-4">
-                <div class="bg-body rounded-3 p-4">
-                  <div class="d-flex align-items-center justify-content-center mb-3">
-                    {% uj_icon "shield-check", "text-success fs-3 me-2" %}
-                    <h3 class="h6 fw-bold mb-0">Secure & Private</h3>
-                  </div>
-                  <p class="text-muted small mb-0">
-                    We'll only send a password reset link to your registered email address.
-                    The link expires in 1 hour for your security.
-                  </p>
-                </div>
-              </div>
+      <!-- Additional Info -->
+      {% comment %}
+        <div class="text-center mt-4">
+          <div class="bg-body rounded-3 p-4">
+            <div class="d-flex align-items-center justify-content-center mb-3">
+              {% uj_icon "shield-check", "text-success fs-3 me-2" %}
+              <h3 class="h6 fw-bold mb-0">Secure & Private</h3>
+            </div>
+            <p class="text-muted small mb-0">
+              We'll only send a password reset link to your registered email address.
+              The link expires in 1 hour for your security.
+            </p>
+          </div>
+        </div>
       {% endcomment %}
     </div>
   </div>