ultimate-jekyll-manager 0.0.118 → 0.0.120

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 }}
@@ -166,37 +178,24 @@ faqs:
               {% endiftruthy %}
             </div>
 
-            <!-- Error Container -->
-            <div class="alert alert-danger contact-error-alert mb-3 d-none" role="alert"></div>
-
-            <!-- Success Container -->
-            <div class="alert alert-success contact-success-alert mb-3 d-none" role="alert"></div>
-
-            <form id="contact-form" autocomplete="on" novalidate>
+            <form id="contact-form" autocomplete="on">
               <div class="row g-3 mb-4">
                 <div class="col-md-6">
-                  <label for="first_name" class="form-label fw-semibold">
-                    First Name <span class="text-danger">*</span>
-                  </label>
+                  <label for="first_name" class="form-label fw-semibold">First Name <span class="text-danger">*</span></label>
                   <input type="text" class="form-control form-control-lg" id="first_name" name="first_name"
                     placeholder="Enter your first name"
                     autocomplete="given-name"
-                    data-invalid-field="first_name"
-                    data-invalid-description="Please enter your first name"
                     minlength="2"
                     maxlength="50"
+                    autofocus
                     required>
                   <div class="invalid-feedback"></div>
                 </div>
                 <div class="col-md-6">
-                  <label for="last_name" class="form-label fw-semibold">
-                    Last Name <span class="text-danger">*</span>
-                  </label>
+                  <label for="last_name" class="form-label fw-semibold">Last Name <span class="text-danger">*</span></label>
                   <input type="text" class="form-control form-control-lg" id="last_name" name="last_name"
                     placeholder="Enter your last name"
                     autocomplete="family-name"
-                    data-invalid-field="last_name"
-                    data-invalid-description="Please enter your last name"
                     minlength="2"
                     maxlength="50"
                     required>
@@ -210,14 +209,10 @@ faqs:
               </div>
 
               <div class="mb-4">
-                <label for="email" class="form-label fw-semibold">
-                  Email Address <span class="text-danger">*</span>
-                </label>
+                <label for="email" class="form-label fw-semibold">Email Address <span class="text-danger">*</span></label>
                 <input type="email" class="form-control form-control-lg" id="email" name="email"
                   placeholder="Enter your email address"
                   autocomplete="email"
-                  data-invalid-field="email"
-                  data-invalid-description="Please enter a valid email address"
                   required>
                 <div class="invalid-feedback"></div>
               </div>
@@ -228,17 +223,11 @@ faqs:
                   placeholder="Enter your company name (optional)"
                   autocomplete="organization"
                   maxlength="100">
-                <div class="invalid-feedback"></div>
               </div>
 
               <div class="mb-4">
-                <label for="subject" class="form-label fw-semibold">
-                  Subject <span class="text-danger">*</span>
-                </label>
-                <select class="form-select form-select-lg" id="subject" name="subject"
-                  data-invalid-field="subject"
-                  data-invalid-description="Please select a subject"
-                  required>
+                <label for="subject" class="form-label fw-semibold">Subject <span class="text-danger">*</span></label>
+                <select class="form-select form-select-lg" id="subject" name="subject" required>
                   <option value="">Choose a topic...</option>
                   <option value="general">General Inquiry</option>
                   <option value="support">Technical Support</option>
@@ -255,13 +244,9 @@ faqs:
               </div>
 
               <div class="mb-4">
-                <label for="message" class="form-label fw-semibold">
-                  Message <span class="text-danger">*</span>
-                </label>
+                <label for="message" class="form-label fw-semibold">Message <span class="text-danger">*</span></label>
                 <textarea class="form-control form-control-lg" id="message" name="message" rows="3"
                   placeholder="Tell us how we can help you..."
-                  data-invalid-field="message"
-                  data-invalid-description="Please enter your message"
                   minlength="10"
                   maxlength="5000"
                   required></textarea>
@@ -269,9 +254,9 @@ faqs:
               </div>
 
               <div class="d-grid gap-2 d-md-flex justify-content-md-between align-items-center">
-                <button type="submit" class="btn btn-primary btn-lg px-5" disabled>
+                <button type="submit" class="btn btn-primary btn-lg px-5">
                   {% uj_icon "paper-plane", "me-2" %}
-                  <span class="button-text">Send Message</span>
+                  Send Message
                 </button>
                 <a href="{{ site.url }}" class="btn btn-link">
                   {% uj_icon "arrow-left", "me-1" %}
@@ -309,8 +294,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 +308,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 %}

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

@@ -6,14 +6,16 @@ layout: themes/[ site.theme.id ]/frontend/core/base
 # Hero Section
 hero:
   headline: "Download {{ site.brand.name }}"
-  headline_accent: "Today"
+  headline_accent: "today"
   description: "Get {{ site.brand.name }} for your platform and start building amazing things"
 
 # Downloads Section
 downloads:
-  superheadline: "{% uj_icon 'download' %} Download"
-  headline: "Available on Every"
-  headline_accent: "Platform"
+  superheadline:
+    icon: "download"
+    text: "Download"
+  headline: "Available on every"
+  headline_accent: "platform"
   subheadline: "Choose your platform below to get started"
   supported_platforms:
     - "Windows"
@@ -78,18 +80,20 @@ downloads:
 
 # Features Section
 features:
-  superheadline: "{% uj_icon 'star' %} Benefits"
-  headline: "Why You Should"
-  headline_accent: "Download"
+  superheadline:
+    icon: "star"
+    text: "Benefits"
+  headline: "Why you should"
+  headline_accent: "download"
   subheadline: "Everything you need to succeed, built right in"
   items:
-    - title: "Lightning Fast"
+    - title: "Lightning fast"
       description: "Install in seconds and start using immediately"
       icon: "bolt"
-    - title: "Cross-Platform"
+    - title: "Cross-platform"
       description: "Seamlessly sync across all your devices"
       icon: "sync"
-    - title: "Auto-Update"
+    - title: "Auto-update"
       description: "Always get the latest features automatically"
       icon: "cloud-arrow-down"
     - title: "Secure"
@@ -98,9 +102,11 @@ features:
 
 # System Requirements Section
 system_requirements:
-  superheadline: "{% uj_icon 'server' %} Requirements"
+  superheadline:
+    icon: "server"
+    text: "Requirements"
   headline: "System"
-  headline_accent: "Requirements"
+  headline_accent: "requirements"
   subheadline: "Make sure your device meets these minimum requirements"
   desktop:
     label: "Desktop"
@@ -121,10 +127,12 @@ system_requirements:
 
 # FAQ Section
 faqs:
-  superheadline: "{% uj_icon 'circle-question' %} FAQs"
-  headline: "Frequently Asked"
-  headline_accent: "Questions"
-  subheadline: "Everything you need to know about downloading and installing. Can't find the answer you're looking for? Please chat to our friendly team."
+  superheadline:
+    icon: "messages-question"
+    text: "FAQs"
+  headline: "Frequently asked"
+  headline_accent: "questions"
+  subheadline: "Everything you need to know about downloading and installing {{ site.brand.name }}."
   items:
     - question: "Is {{ site.brand.name }} free to download?"
       answer: "Yes! {{ site.brand.name }} is completely free to download and use. We offer premium features for power users, but the core functionality is always free."
@@ -137,7 +145,9 @@ faqs:
 
 # CTA Section
 cta:
-  superheadline: "{% uj_icon 'headset' %} Support"
+  superheadline:
+    icon: "comments"
+    text: "Support"
   headline: "Need help getting"
   headline_accent: "started?"
   subheadline: "Our support team is here 24/7 to help you with installation and setup"
@@ -172,8 +182,13 @@ cta:
 <section class="pt-0">
   <div class="container">
     <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.downloads.superheadline %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.downloads.superheadline }}</span>
+      {% iftruthy page.resolved.downloads.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.downloads.superheadline.icon %}
+            {% uj_icon page.resolved.downloads.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ page.resolved.downloads.superheadline.text }}
+        </span>
       {% endiftruthy %}
       <h2 class="h2 mb-2">
         {{ page.resolved.downloads.headline }}
@@ -182,7 +197,7 @@ cta:
         {% endiftruthy %}
       </h2>
       {% iftruthy page.resolved.downloads.subheadline %}
-        <p class="fs-5 text-muted mb-4">{{ page.resolved.downloads.subheadline }}</p>
+        <p class="fs-5 text-muted">{{ page.resolved.downloads.subheadline }}</p>
       {% endiftruthy %}
     </div>
 
@@ -190,7 +205,7 @@ cta:
     <div class="row justify-content-center mb-5">
       <div class="col-12">
         <div class="d-flex flex-wrap justify-content-center gap-3" data-lazy="@class animation-slide-up">
-          <ul class="nav nav-pills gap-3 border-0" id="platform-selector" role="tablist">
+          <ul class="nav nav-pills gap-3 border-0 justify-content-center w-100" id="platform-selector" role="tablist">
           <!-- Loading tab (shown by default until platform is detected) -->
           <li class="nav-item d-none" role="presentation" data-platform="loading">
             <button
@@ -220,9 +235,9 @@ cta:
               {% endiftruthy %}
             {% endfor %}
 
-            <li class="nav-item" role="presentation">
+            <li class="nav-item flex-fill flex-sm-grow-0" role="presentation">
               <button
-                class="btn btn-outline-adaptive btn-lg platform-btn d-flex align-items-center justify-content-center"
+                class="btn btn-outline-adaptive btn-lg platform-btn d-flex align-items-center justify-content-center w-100"
                 id="{{ platform.id }}-tab"
                 data-bs-toggle="tab"
                 data-bs-target="#{{ platform.id }}-pane"
@@ -320,7 +335,7 @@ cta:
                     {% uj_icon "triangle-exclamation", "fs-4 me-3" %}
                     <div class="text-start">
                       <h6 class="mb-0">{{ page.resolved.downloads.not_available.headline }}</h6>
-                      <small>{{ page.resolved.downloads.not_available.description }}</small>
+                      <small>{{ site.brand.name }} is not currently available for {{ platform.name }}. Please choose another platform.</small>
                     </div>
                   </div>
                 {% endif %}
@@ -351,20 +366,8 @@ cta:
                   {% endfor %}
                 </div>
               {% else %}
-                <div class="d-flex flex-column gap-3">
-                  {% for type in platform.types %}
-                    <button
-                      type="button"
-                      class="btn btn-primary btn-lg d-flex align-items-center justify-content-center"
-                    >
-                      {% uj_icon type.icon, "fa-3xl me-2" %}
-                      {{ type.name }}
-                    </button>
-                  {% endfor %}
-                </div>
-
                 {% if platform.id == "android" or platform.id == "ios" %}
-                  <div class="mt-4 text-start">
+                  <div class="mb-4 text-start">
                     <form id="mobile-email-form-{{ platform.id }}" class="mobile-email-form" data-platform="{{ platform.id }}">
                       <label for="email-{{ platform.id }}" class="form-label">Email Address</label>
                       <div class="row g-3">
@@ -389,6 +392,19 @@ cta:
                     </form>
                   </div>
                 {% endif %}
+
+                <div class="d-flex flex-column gap-3">
+                  {% for type in platform.types %}
+                    <button
+                      type="button"
+                      class="btn btn-primary btn-lg d-flex align-items-center justify-content-center"
+                      disabled
+                    >
+                      {% uj_icon type.icon, "fa-3xl me-2" %}
+                      {{ type.name }}
+                    </button>
+                  {% endfor %}
+                </div>
               {% endif %}
             </div>
           </div>
@@ -404,8 +420,13 @@ cta:
 <section>
   <div class="container">
     <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.features.superheadline %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.features.superheadline }}</span>
+      {% iftruthy page.resolved.features.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.features.superheadline.icon %}
+            {% uj_icon page.resolved.features.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ page.resolved.features.superheadline.text }}
+        </span>
       {% endiftruthy %}
       <h2 class="h2 mb-2">
         {{ page.resolved.features.headline }}
@@ -444,8 +465,13 @@ cta:
         <div class="card border-0 shadow-sm">
           <div class="card-body p-5">
             <div class="text-center mb-4">
-              {% iftruthy page.resolved.system_requirements.superheadline %}
-                <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.system_requirements.superheadline }}</span>
+              {% iftruthy page.resolved.system_requirements.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.system_requirements.superheadline.icon %}
+                    {% uj_icon page.resolved.system_requirements.superheadline.icon, "me-1" %}
+                  {% endiftruthy %}
+                  {{ page.resolved.system_requirements.superheadline.text }}
+                </span>
               {% endiftruthy %}
               <h2 class="h2 mb-2">
                 {{ page.resolved.system_requirements.headline }}
@@ -505,9 +531,14 @@ cta:
   <div class="container">
     <div class="row justify-content-center">
       <div class="col-lg-8">
-        <div class="text-center mb-4" 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>
+        <div class="text-center mb-5" data-lazy="@class animation-slide-up">
+          {% 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="h2 mb-2">
             {{ page.resolved.faqs.headline }}
@@ -516,7 +547,7 @@ cta:
             {% endiftruthy %}
           </h2>
           {% iftruthy page.resolved.faqs.subheadline %}
-            <p class="fs-5 text-muted mb-0">{{ page.resolved.faqs.subheadline }}</p>
+            <p class="fs-5 text-muted">{{ page.resolved.faqs.subheadline }}</p>
           {% endiftruthy %}
         </div>
 
@@ -544,36 +575,43 @@ cta:
 <!-- CTA Section -->
 <section>
   <div class="container">
-    <div class="rounded-4 p-5 position-relative overflow-hidden bg-primary bg-gradient" data-lazy="@class animation-slide-up">
-      <div class="row align-items-center py-4">
-        <div class="col-lg-8 text-light text-center text-lg-start">
-          {% iftruthy page.resolved.cta.superheadline %}
-            <span class="badge bg-white bg-opacity-25 text-light p-2 mb-1 fw-semibold small">{{ page.resolved.cta.superheadline }}</span>
-          {% endiftruthy %}
-          <h2 class="h2 lh-sm mb-2">
-            {{ page.resolved.cta.headline }}
-            {% iftruthy page.resolved.cta.headline_accent %}
-              <span class="text-accent">{{ page.resolved.cta.headline_accent }}</span>
+    <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 "messages-question", "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 "shield-check", "text-white" %}
+      </div>
+
+      <div class="position-relative">
+        {% iftruthy page.resolved.cta.superheadline.text %}
+          <span class="badge bg-white bg-opacity-25 text-light p-2 mb-3 fw-semibold small">
+            {% iftruthy page.resolved.cta.superheadline.icon %}
+              {% uj_icon page.resolved.cta.superheadline.icon, "me-1" %}
             {% endiftruthy %}
-          </h2>
-          {% iftruthy page.resolved.cta.subheadline %}
-            <p class="fs-5 mb-4 opacity-90">
-              {{ page.resolved.cta.subheadline }}
-            </p>
+            {{ page.resolved.cta.superheadline.text }}
+          </span>
+        {% endiftruthy %}
+
+        <h2 class="h3 fw-bold mb-3">
+          {{ page.resolved.cta.headline }}
+          {% iftruthy page.resolved.cta.headline_accent %}
+            <span class="text-accent">{{ page.resolved.cta.headline_accent }}</span>
           {% endiftruthy %}
-          <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center justify-content-lg-start">
-            <a href="{{ page.resolved.cta.primary_button.href }}" class="btn btn-adaptive btn-lg px-5 py-3">
-              {% uj_icon page.resolved.cta.primary_button.icon, "me-2" %}
-              {{ page.resolved.cta.primary_button.text }}
-            </a>
-            <a href="{{ page.resolved.cta.secondary_button.href }}" class="btn btn-outline-adaptive btn-lg px-5 py-3">
-              {% uj_icon page.resolved.cta.secondary_button.icon, "me-2" %}
-              {{ page.resolved.cta.secondary_button.text }}
-            </a>
-          </div>
-        </div>
-        <div class="col-lg-4 d-none d-lg-block text-end">
-          {% uj_icon "download", "text-light display-1" %}
+        </h2>
+
+        {% iftruthy page.resolved.cta.subheadline %}
+          <p class="lead mb-4">{{ page.resolved.cta.subheadline }}</p>
+        {% endiftruthy %}
+
+        <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center">
+          <a href="{{ page.resolved.cta.primary_button.href }}" class="btn btn-light btn-lg px-4">
+            {% uj_icon page.resolved.cta.primary_button.icon, "me-2" %}
+            {{ page.resolved.cta.primary_button.text }}
+          </a>
         </div>
       </div>
     </div>