ultimate-jekyll-manager 0.0.118 → 0.0.120

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

@@ -11,8 +11,8 @@ theme:
 # Hero Section
 hero:
   tagline: "Introducing {{ site.brand.name }}"
-  headline: "The #1 Platform for"
-  headline_accent: "Business Success"
+  headline: "The #1 platform for business"
+  headline_accent: "success"
   description: "AI automation for modern businesses made simple."
   primary_button:
     text: "Get Started Free"
@@ -66,9 +66,11 @@ trusted_by:
 
 # Product Demo Section
 product_demo:
-  superheadline: "{% uj_icon 'desktop' %} Demo"
+  superheadline:
+    icon: "rocket"
+    text: "Demo"
   headline: "See {{ site.brand.name }} in"
-  headline_accent: "Action"
+  headline_accent: "action"
   subheadline: "Explore powerful features that help you succeed"
   tabs:
     - id: "dashboard"
@@ -102,28 +104,32 @@ product_demo:
         - "Compliance Tools"
         - "Data Protection"
 
-# Alternating Features Section
-alternating_features:
-  superheadline: "{% uj_icon 'sparkles' %} Features"
-  headline: "What Makes {{ site.brand.name }}"
-  headline_accent: "Different"
+# Showcase Section
+showcase:
+  superheadline:
+    icon: "cubes"
+    text: "Showcase"
+  headline: "What makes {{ site.brand.name }}"
+  headline_accent: "different"
   subheadline: "Powerful features designed to accelerate your success"
   image_ratio: "4x3" # Options: 1x1, 4x3, 16x9, 21x9
   image_object_position: "center" # Options: center, top, bottom, left, right
   items:
-    - title: "Seamless Integration"
+    - title: "Seamless integration"
       description: "Connect with your existing tools and platforms effortlessly. Our system automatically syncs data and streamlines your workflow for maximum efficiency."
       image: "https://cdn.itwcreativeworks.com/assets/sample/images/demos/1x1/sample-demo-1.svg"
-    - title: "Data-Driven Insights"
+    - title: "Data-driven insights"
       description: "Make informed decisions with real-time analytics and actionable insights that help you understand what matters most to your business."
       image: "https://cdn.itwcreativeworks.com/assets/sample/images/demos/1x1/sample-demo-2.svg"
-    - title: "Smart Automation"
+    - title: "Smart automation"
       description: "Focus on what matters while our intelligent platform handles routine tasks automatically, working 24/7 to keep your business running smoothly."
       image: "https://cdn.itwcreativeworks.com/assets/sample/images/demos/1x1/sample-demo-3.svg"
 
 # Features Section
 features:
-  superheadline: "{% uj_icon 'check-circle' %} Features"
+  superheadline:
+    icon: "sparkles"
+    text: "Features"
   headline: "Design made"
   headline_accent: "simple"
   subheadline: "Get unlimited design requests delivered fast with our streamlined process."
@@ -144,8 +150,11 @@ features:
 
 # Testimonials Section
 testimonials:
-  superheadline: "{% uj_icon 'comments' %} Testimonials"
-  headline: "People {% uj_icon \"heart\", \"text-danger\" %} {{ site.brand.name }}"
+  superheadline:
+    icon: "megaphone"
+    text: "Testimonials"
+  headline: "People {% uj_icon \"heart\", \"text-danger\" %} "
+  headline_accent: "{{ site.brand.name }}"
   subheadline: "Hear from real people who have transformed their business with us"
   items:
     - quote: "This platform transformed my business. The support is incredible!"
@@ -189,9 +198,11 @@ stats:
 
 # CTA Section
 cta:
-  superheadline: "{% uj_icon 'rocket' %} Launch"
-  headline: "Ready to Transform your"
-  headline_accent: "Business?"
+  superheadline:
+    icon: "rocket"
+    text: "Launch"
+  headline: "Ready to transform your"
+  headline_accent: "business?"
   description: "Join thousands of successful companies who have already accelerated their growth with {{ site.brand.name }}"
   primary_button:
     text: "Start Today"
@@ -307,8 +318,7 @@ cta:
           <p class="text-uppercase fw-semibold mb-3 opacity-80">{{ page.resolved.hero.tagline }}</p>
 
           <h1 class="h1 fw-900 mb-4">
-            {{ page.resolved.hero.headline }}<br>
-            <span class="text-accent">{{ page.resolved.hero.headline_accent }}</span>
+            {{ page.resolved.hero.headline }} <span class="text-accent">{{ page.resolved.hero.headline_accent }}</span>
           </h1>
 
           <p class="fs-4 mb-4 opacity-80">
@@ -334,7 +344,7 @@ cta:
 <!-- Trusted By Section -->
 <section class="overflow-hidden pt-7">
   <div class="container-fluid px-0">
-    <div class="text-center mb-4" data-lazy="@class animation-slide-up">
+    <div class="text-center mb-3" data-lazy="@class animation-slide-up">
       <h3 class="fs-4">{{ page.resolved.trusted_by.headline }}</h3>
     </div>
 
@@ -354,8 +364,13 @@ cta:
 <section>
   <div class="container">
     <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.product_demo.superheadline %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.product_demo.superheadline }}</span>
+      {% iftruthy page.resolved.product_demo.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.product_demo.superheadline.icon %}
+            {% uj_icon page.resolved.product_demo.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ page.resolved.product_demo.superheadline.text }}
+        </span>
       {% endiftruthy %}
 
       <h2 class="h2 mb-2">
@@ -422,21 +437,26 @@ cta:
   </div>
 </section>
 
-<!-- Alternating Features Section -->
+<!-- Showcase Section -->
 <section class="bg-body-secondary rounded-4">
   <div class="container">
     <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.alternating_features.superheadline %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.alternating_features.superheadline }}</span>
+      {% iftruthy page.resolved.showcase.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.showcase.superheadline.icon %}
+            {% uj_icon page.resolved.showcase.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ page.resolved.showcase.superheadline.text }}
+        </span>
       {% endiftruthy %}
       <h2 class="h2 mb-2">
-        {{ page.resolved.alternating_features.headline }}
-        <span class="text-accent">{{ page.resolved.alternating_features.headline_accent }}</span>
+        {{ page.resolved.showcase.headline }}
+        <span class="text-accent">{{ page.resolved.showcase.headline_accent }}</span>
       </h2>
-      <p class="fs-5 text-muted">{{ page.resolved.alternating_features.subheadline }}</p>
+      <p class="fs-5 text-muted">{{ page.resolved.showcase.subheadline }}</p>
     </div>
 
-    {% for item in page.resolved.alternating_features.items %}
+    {% for item in page.resolved.showcase.items %}
       {% assign is_even = forloop.index | modulo: 2 %}
 
       <!-- Set classes based on position -->
@@ -450,8 +470,8 @@ cta:
 
       <!-- Common content -->
       {% capture image_content %}
-        {% assign ratio = page.resolved.alternating_features.image_ratio | default: "4x3" %}
-        {% assign object_position = page.resolved.alternating_features.image_object_position | default: "center" %}
+        {% assign ratio = page.resolved.showcase.image_ratio | default: "4x3" %}
+        {% assign object_position = page.resolved.showcase.image_object_position | default: "center" %}
         <div class="card border-0 shadow-sm ratio ratio-{{ ratio }}">
           {% uj_image item.image, class="w-100 h-100 object-fit-cover rounded", style="object-position: {{ object_position }};", alt=item.title %}
         </div>
@@ -478,8 +498,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 }}
@@ -523,10 +548,20 @@ cta:
 <section>
   <div class="container">
     <div class="text-center mb-5" data-lazy="@class animation-slide-up">
-      {% iftruthy page.resolved.testimonials.superheadline %}
-        <span class="badge bg-body-tertiary border-gradient-rainbow border-1 text-body p-2 mb-1 fw-semibold small">{{ page.resolved.testimonials.superheadline }}</span>
+      {% iftruthy page.resolved.testimonials.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.testimonials.superheadline.icon %}
+            {% uj_icon page.resolved.testimonials.superheadline.icon, "me-1" %}
+          {% endiftruthy %}
+          {{ page.resolved.testimonials.superheadline.text }}
+        </span>
       {% endiftruthy %}
-      <h2 class="h2 mb-2">{{ page.resolved.testimonials.headline }}</h2>
+      <h2 class="h2 mb-2">
+        {{ page.resolved.testimonials.headline }}
+        {% iftruthy page.resolved.testimonials.headline_accent %}
+          <span class="text-accent">{{ page.resolved.testimonials.headline_accent }}</span>
+        {% endiftruthy %}
+      </h2>
       {% iftruthy page.resolved.testimonials.subheadline %}
         <p class="fs-5 text-muted">{{ page.resolved.testimonials.subheadline }}</p>
       {% endiftruthy %}
@@ -607,29 +642,49 @@ cta:
 <!-- CTA Section -->
 <section>
   <div class="container">
-    <div class="rounded-4 p-5 bg-primary bg-gradient text-light text-center" data-lazy="@class animation-slide-up">
-      <div class="row justify-content-center">
-        <div class="col-lg-8">
-          {% 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 mb-4">
-            {{ page.resolved.cta.headline }}
+    <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 "rocket", "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 "sparkles", "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 %}
+            {{ 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>
-          </h2>
-          <p class="fs-5 mb-4 opacity-90">
-            {{ page.resolved.cta.description }}
-          </p>
-          <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-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-light btn-lg px-5 py-3">
+          {% endiftruthy %}
+        </h2>
+
+        {% iftruthy page.resolved.cta.description %}
+          <p class="lead mb-4">{{ page.resolved.cta.description }}</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>
+          {% iftruthy page.resolved.cta.secondary_button %}
+            <a href="{{ page.resolved.cta.secondary_button.href }}" class="btn btn-outline-light btn-lg px-4">
               {% uj_icon page.resolved.cta.secondary_button.icon, "me-2" %}
               {{ page.resolved.cta.secondary_button.text }}
             </a>
-          </div>
+          {% endiftruthy %}
         </div>
       </div>
     </div>