mulmocast-vision 0.0.2 → 0.0.3

package/assets/html2/cultureValuesPage.html

@@ -1,44 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Culture & Values</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-7xl mx-auto space-y-12">
-    <section class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path d="M3.172 5.172a4 4 0 015.656 0L10 6.343l1.172-1.171a4 4 0 115.656 5.656L10 17.657l-6.828-6.829a4 4 0 010-5.656z" />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Core Values</h2>
-      </div>
-      <ul class="space-y-4 text-xl">
-        {% for v in values %}
-        <li class="flex items-start"><span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span><span class="font-light">{{v}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    {% if behaviors %}
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl">
-      <div class="flex items-center mb-8">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
-          </svg>
-        </div>
-        <h2 class="text-4xl font-bold">Expected Behaviors</h2>
-      </div>
-      <ul class="space-y-4 text-xl">
-        {% for b in behaviors %}
-        <li class="flex items-start"><span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span><span class="font-light">{{b}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/customerJourneyPage.html

@@ -1,68 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Customer Journey</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Journey Timeline -->
-  <div class="max-w-7xl mx-auto">
-    <!-- Stage Timeline -->
-    <div class="flex justify-center mb-12">
-      <div class="flex items-center space-x-4">
-        {% for s in stages %}
-        <div class="flex items-center">
-          <div
-            class="w-12 h-12 bg-gradient-to-r from-blue-500 to-indigo-600 rounded-full flex items-center justify-center text-white font-bold text-lg shadow-lg"
-          >
-            {{ loop.index }}
-          </div>
-          <div class="ml-3 text-lg font-semibold text-gray-800">{{s}}</div>
-          {% if not loop.last %}
-          <div class="ml-6 w-8 h-0.5 bg-gradient-to-r from-blue-300 to-indigo-300"></div>
-          {% endif %}
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-
-    <!-- Touchpoints -->
-    <div class="grid grid-cols-1 lg:grid-cols-{{stages|length}} gap-8">
-      {% for tp in touchpoints %} {% set colors = ['from-emerald-500 to-green-600', 'from-blue-500 to-indigo-600', 'from-purple-500 to-violet-600',
-      'from-amber-500 to-orange-600', 'from-red-500 to-rose-600', 'from-teal-500 to-cyan-600'] %}
-      <div
-        class="bg-gradient-to-br {{ colors[loop.index0 % (colors|length)] }} rounded-3xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-      >
-        <div class="flex items-center mb-6">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-4">
-            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-              <path fill-rule="evenodd" d="M10 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
-            </svg>
-          </div>
-          <h3 class="text-2xl font-bold">{{stages[loop.index0]}}</h3>
-        </div>
-        <ul class="space-y-3 text-lg">
-          {% for t in tp %}
-          <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{t}}</span></li>
-          {% endfor %}
-        </ul>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-
-  <!-- Journey Summary -->
-  <div class="text-center mt-16">
-    <div class="inline-flex items-center bg-gradient-to-r from-blue-600 to-indigo-600 text-white rounded-2xl shadow-xl px-8 py-6">
-      <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
-        <path
-          fill-rule="evenodd"
-          d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-          clip-rule="evenodd"
-        />
-      </svg>
-      <span class="text-2xl font-bold">End-to-End Customer Experience</span>
-    </div>
-  </div>
-</div>

package/assets/html2/customerSuccessJourneyPage.html

@@ -1,54 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Customer Success Journey</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Journey Stages -->
-  <div class="mb-12">
-    <h2 class="text-3xl font-bold text-gray-900 mb-8">Journey Stages</h2>
-    <div class="flex flex-wrap gap-4">
-      {% for s in stages %}
-      <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl px-8 py-4 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center">
-          <div class="w-8 h-8 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
-            <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
-              <path
-                fill-rule="evenodd"
-                d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <span class="text-xl font-semibold">{{s}}</span>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-
-  <!-- Success Metrics -->
-  {% if metrics %}
-  <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-    <div class="flex items-center mb-8">
-      <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-        <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-          <path d="M2 10a8 8 0 018-8v8h8a8 8 0 11-16 0z" />
-          <path d="M12 2.252A8.014 8.014 0 0117.748 8H12V2.252z" />
-        </svg>
-      </div>
-      <h2 class="text-4xl font-bold">Success Metrics</h2>
-    </div>
-    <ul class="space-y-4 text-xl">
-      {% for m in metrics %}
-      <li class="flex items-start">
-        <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
-        <span>{{m}}</span>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-  {% endif %}
-</div>

package/assets/html2/digitalMaturityPage.html

@@ -1,51 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Digital Maturity</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="max-w-7xl mx-auto space-y-8">
-    <div class="grid grid-cols-2 gap-8">
-      {% set colors = [ "from-blue-500 to-indigo-600", "from-purple-500 to-violet-600", "from-emerald-500 to-green-600", "from-amber-500 to-orange-600",
-      "from-rose-500 to-pink-600", "from-teal-500 to-cyan-600" ] %} {% for i in range(0, dimensions|length) %}
-      <section class="bg-gradient-to-br {{colors[i % 6]}} rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center mb-6">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-            <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-              <path
-                fill-rule="evenodd"
-                d="M3 4a1 1 0 000 2v9a2 2 0 002 2h1a1 1 0 100-2H5V6a1 1 0 00-1-1H3zM8.707 6.293a1 1 0 010 1.414L5.414 11l3.293 3.293a1 1 0 11-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0zM11.293 6.293a1 1 0 011.414 0l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414-1.414L14.586 11l-3.293-3.293a1 1 0 010-1.414z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <div>
-            <h2 class="text-2xl font-bold mb-2">{{dimensions[i]}}</h2>
-            <p class="text-xl font-light">Level: {{levels[i]}}</p>
-          </div>
-        </div>
-      </section>
-      {% endfor %}
-    </div>
-
-    {% if notes %}
-    <section class="bg-gradient-to-br from-indigo-500 to-blue-600 rounded-2xl p-8 text-white shadow-xl">
-      <div class="flex items-center mb-4">
-        <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
-          <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h3 class="text-2xl font-bold">Notes</h3>
-      </div>
-      <p class="text-lg font-light">{{notes}}</p>
-    </section>
-    {% endif %}
-  </div>
-</div>

package/assets/html2/driverTreePage.html

@@ -1,92 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-12">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Driver Tree Analysis</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <div class="max-w-7xl mx-auto">
-    <!-- Root Metric -->
-    <div class="flex justify-center mb-16">
-      <div class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center gap-4 mb-4">
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center">
-            <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2-2V7a2 2 0 012-2h2a2 2 0 002-2V1" />
-            </svg>
-          </div>
-          <div>
-            <p class="text-purple-100 text-sm uppercase tracking-wide">Root Metric</p>
-            <h2 class="text-3xl font-bold">{{metric}}</h2>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <!-- Driver Branches -->
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
-      {% for branch in drivers %}
-      <div class="relative">
-        <!-- Connection Line -->
-        {% if not loop.first %}
-        <div class="absolute -top-8 left-1/2 w-0.5 h-8 bg-gray-300 transform -translate-x-1/2"></div>
-        {% endif %}
-
-        <!-- Driver Group Card -->
-        <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-          <!-- Group Header -->
-          <div class="flex items-center gap-3 mb-6">
-            <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center">
-              <div class="w-8 h-8 bg-white bg-opacity-30 rounded-lg flex items-center justify-center">
-                <span class="text-white font-bold text-lg">{{loop.index}}</span>
-              </div>
-            </div>
-            <div>
-              <p class="text-green-100 text-sm uppercase tracking-wide">Driver Group</p>
-              <h3 class="text-2xl font-bold">Group {{loop.index}}</h3>
-            </div>
-          </div>
-
-          <!-- Driver Items -->
-          <div class="space-y-3">
-            {% for item in branch %}
-            <div class="bg-white bg-opacity-20 rounded-xl p-4 backdrop-blur-sm hover:bg-opacity-30 transition-all duration-300">
-              <div class="flex items-center gap-3">
-                <div class="w-6 h-6 bg-white bg-opacity-30 rounded-lg flex items-center justify-center">
-                  <svg class="w-3 h-3 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M9 5l7 7-7 7" />
-                  </svg>
-                </div>
-                <p class="text-white font-medium leading-relaxed">{{item}}</p>
-              </div>
-            </div>
-            {% endfor %}
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-
-    <!-- Analysis Summary -->
-    <div class="mt-16 bg-white rounded-2xl p-10 shadow-2xl">
-      <div class="flex items-center gap-4 mb-6">
-        <div class="w-16 h-16 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl flex items-center justify-center">
-          <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-            <path
-              stroke-linecap="round"
-              stroke-linejoin="round"
-              stroke-width="2"
-              d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2-2V7a2 2 0 012-2h2a2 2 0 002-2V1M13 19v-6a2 2 0 012-2h2a2 2 0 012-2V7a2 2 0 00-2-2h-2a2 2 0 00-2 2v2"
-            />
-          </svg>
-        </div>
-        <h3 class="text-3xl font-bold text-gray-900">Driver Analysis</h3>
-      </div>
-      <p class="text-gray-600 text-lg leading-relaxed">
-        This driver tree breaks down the key metric into its component drivers, enabling focused analysis and targeted improvement initiatives across each
-        driver group.
-      </p>
-    </div>
-  </div>
-</div>

package/assets/html2/ecosystemMapPage.html

@@ -1,30 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Ecosystem Map</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="grid grid-cols-2 gap-8 max-w-7xl mx-auto">
-    {% for e in entities %}
-    <section class="bg-gradient-to-br from-teal-500 to-cyan-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <div>
-          <h2 class="text-2xl font-bold mb-2">{{e.category}}</h2>
-          <p class="text-xl font-light">{{e.name}}</p>
-        </div>
-      </div>
-    </section>
-    {% endfor %}
-  </div>
-</div>

package/assets/html2/esgFrameworkPage.html

@@ -1,66 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">ESG Framework</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="grid grid-cols-3 gap-8 max-w-7xl mx-auto">
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Environmental</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for e in environmental %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span class="font-light">{{e}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <section class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path d="M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v3h8v-3z" />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Social</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for s in social %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span class="font-light">{{s}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <section class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M10 1.944A11.954 11.954 0 012.166 5C2.056 5.649 2 6.319 2 7c0 5.225 3.34 9.67 8 11.317C14.66 16.67 18 12.225 18 7c0-.682-.057-1.35-.166-2.001A11.954 11.954 0 0110 1.944zM11 14a1 1 0 11-2 0 1 1 0 012 0zm0-7a1 1 0 10-2 0v3a1 1 0 102 0V7z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Governance</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for g in governance %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span class="font-light">{{g}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-  </div>
-</div>

package/assets/html2/executiveSummaryPage.html

@@ -1,27 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 overflow-hidden flex flex-col min-h-screen">
-  <!-- Header with accent line -->
-  <header class="px-16 pt-16 pb-8">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-8"></div>
-    <h1 class="text-6xl font-extrabold tracking-tight text-gray-900 mb-4 leading-tight">{{title}}</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </header>
-
-  <!-- Executive summary content -->
-  <main class="flex-1 px-16 pb-16">
-    <div class="max-w-5xl">
-      <div class="bg-white rounded-2xl shadow-xl border border-gray-100 p-12">
-        <ol class="space-y-8 text-2xl leading-relaxed text-gray-700">
-          {% for bullet in bullets %}
-          <li class="flex items-start">
-            <span
-              class="inline-flex items-center justify-center w-8 h-8 bg-gradient-to-r from-blue-600 to-indigo-600 text-white text-lg font-bold rounded-full mr-6 mt-1 flex-shrink-0"
-              >{{ loop.index }}</span
-            >
-            <span class="break-words">{{ bullet }}</span>
-          </li>
-          {% endfor %}
-        </ol>
-      </div>
-    </div>
-  </main>
-</div>

package/assets/html2/fourPPage.html

@@ -1,85 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6 mx-auto"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">4P Marketing Mix</h1>
-    <div class="w-32 h-0.5 bg-gray-300 mx-auto"></div>
-  </div>
-
-  <div class="grid grid-cols-2 gap-8 max-w-7xl mx-auto">
-    <section class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path fill-rule="evenodd" d="M5 4a2 2 0 012-2h6a2 2 0 012 2v14l-5-2.5L5 18V4z" clip-rule="evenodd" />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Product</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for x in product %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{x}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <section class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              d="M8.433 7.418c.155-.103.346-.196.567-.267v1.698a2.305 2.305 0 01-.567-.267C8.07 8.34 8 8.114 8 8c0-.114.07-.34.433-.582zM11 12.849v-1.698c.22.071.412.164.567.267.364.243.433.468.433.582 0 .114-.07.34-.433.582a2.305 2.305 0 01-.567.267z"
-            />
-            <path
-              fill-rule="evenodd"
-              d="M10 18a8 8 0 100-16 8 8 0 000 16zm1-13a1 1 0 10-2 0v.092a4.535 4.535 0 00-1.676.662C6.602 6.234 6 7.009 6 8c0 .99.602 1.765 1.324 2.246.48.32 1.054.545 1.676.662v1.941c-.391-.127-.68-.317-.843-.504a1 1 0 10-1.51 1.31c.562.649 1.413 1.076 2.353 1.253V15a1 1 0 102 0v-.092a4.535 4.535 0 001.676-.662C13.398 13.766 14 12.991 14 12c0-.99-.602-1.765-1.324-2.246A4.535 4.535 0 0011 9.092V7.151c.391.127.68.317.843.504a1 1 0 101.511-1.31c-.563-.649-1.413-1.076-2.354-1.253V5z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Price</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for x in price %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{x}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <section class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Place</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for x in place %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{x}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-
-    <section class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-10 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center mb-6">
-        <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mr-6">
-          <svg class="w-8 h-8" fill="currentColor" viewBox="0 0 20 20">
-            <path
-              fill-rule="evenodd"
-              d="M12.395 2.553a1 1 0 00-1.45-.385c-.345.23-.614.558-.822.88-.214.33-.403.713-.57 1.116-.334.804-.614 1.768-.84 2.734a31.365 31.365 0 00-.613 3.58 2.64 2.64 0 01-.945-1.067c-.328-.68-.398-1.534-.398-2.654A1 1 0 005.05 6.05 6.981 6.981 0 003 11a7 7 0 1011.95-4.95c-.592-.591-.98-.985-1.348-1.467-.363-.476-.724-1.063-1.207-2.03zM12.12 15.12A3 3 0 017 13s.879.5 2.5.5c0-1 .5-4 1.25-4.5.5 1 .786 1.293 1.371 1.879A2.99 2.99 0 0113 13a2.99 2.99 0 01-.879 2.121z"
-              clip-rule="evenodd"
-            />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">Promotion</h2>
-      </div>
-      <ul class="space-y-3 text-lg">
-        {% for x in promotion %}
-        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{x}}</span></li>
-        {% endfor %}
-      </ul>
-    </section>
-  </div>
-</div>

package/assets/html2/funnelPage.html

@@ -1,53 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Funnel</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Funnel Visualization -->
-  <div class="max-w-4xl mx-auto">
-    <div class="space-y-4">
-      {% for st in stages %} {% set width_percent = 100 - (loop.index0 * 15) %}
-      <div class="flex justify-center">
-        <div
-          class="bg-gradient-to-r from-blue-{{ 600 - (loop.index0 * 100) }} to-indigo-{{ 700 - (loop.index0 * 100) }} rounded-2xl shadow-xl text-white transform hover:scale-105 transition-all duration-300"
-          style="width: {{ width_percent }}%; min-width: 300px;"
-        >
-          <div class="p-8 text-center">
-            <div class="flex items-center justify-center mb-4">
-              <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
-                <span class="text-2xl font-bold">{{ loop.index }}</span>
-              </div>
-              <h3 class="text-2xl font-bold">{{st.label}}</h3>
-            </div>
-            <div class="text-4xl font-black mb-2">{{st.value}}</div>
-            {% if not loop.last %}
-            <div class="text-sm opacity-75">↓ Next Stage</div>
-            {% endif %}
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-
-  <!-- Funnel Summary -->
-  <div class="text-center mt-16">
-    <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto">
-      <div class="bg-white rounded-2xl shadow-lg p-6">
-        <div class="text-3xl font-bold text-emerald-600 mb-2">{{stages|length}}</div>
-        <div class="text-gray-600 font-semibold">Total Stages</div>
-      </div>
-      <div class="bg-white rounded-2xl shadow-lg p-6">
-        <div class="text-3xl font-bold text-blue-600 mb-2">{{stages[0].value if stages}}</div>
-        <div class="text-gray-600 font-semibold">Top of Funnel</div>
-      </div>
-      <div class="bg-white rounded-2xl shadow-lg p-6">
-        <div class="text-3xl font-bold text-indigo-600 mb-2">{{stages[-1].value if stages}}</div>
-        <div class="text-gray-600 font-semibold">Bottom of Funnel</div>
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/ganttSimplePage.html

@@ -1,56 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-blue-50 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header Section -->
-  <div class="mb-16">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-6"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Gantt Chart</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Task Cards Layout -->
-  <div class="space-y-6">
-    {% for t in tasks %}
-    <div class="bg-gradient-to-br from-blue-600 to-indigo-700 rounded-2xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-      <div class="flex items-center justify-between">
-        <!-- Task Info -->
-        <div class="flex items-center space-x-6">
-          <!-- Task Icon -->
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center flex-shrink-0">
-            <svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="2"
-                d="M9 5H7a2 2 0 00-2 2v10a2 2 0 002 2h8a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2"
-              ></path>
-            </svg>
-          </div>
-
-          <!-- Task Details -->
-          <div>
-            <h3 class="text-2xl font-bold mb-2">{{t.name}}</h3>
-            <div class="flex items-center space-x-6 text-lg">
-              <div class="flex items-center space-x-2">
-                <svg class="w-5 h-5 text-white opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                </svg>
-                <span class="text-white opacity-90">Start: {{t.start}}</span>
-              </div>
-              <div class="flex items-center space-x-2">
-                <svg class="w-5 h-5 text-white opacity-80" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                  <path
-                    stroke-linecap="round"
-                    stroke-linejoin="round"
-                    stroke-width="2"
-                    d="M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z"
-                  ></path>
-                </svg>
-                <span class="text-white opacity-90">End: {{t.end}}</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-    {% endfor %}
-  </div>
-</div>