mulmocast-vision 0.0.2 → 0.0.3

package/assets/html2/optionEvaluationPage.html

@@ -1,128 +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">Option Evaluation</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <div class="max-w-7xl mx-auto">
-    <!-- Options Overview -->
-    <div class="grid grid-cols-{{options|length}} gap-6 mb-12">
-      {% for o in options %}
-      <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl p-6 text-white shadow-xl">
-        <div class="flex items-center gap-3 mb-4">
-          <div class="w-12 h-12 bg-white bg-opacity-20 rounded-xl flex items-center justify-center">
-            <span class="text-white font-bold text-lg">{{loop.index}}</span>
-          </div>
-          <h3 class="text-xl font-bold">{{o}}</h3>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-
-    <!-- Evaluation Matrix -->
-    <div class="bg-white rounded-2xl shadow-2xl overflow-hidden">
-      <div class="bg-gradient-to-r from-gray-50 to-blue-50 p-8 border-b border-gray-200">
-        <div class="flex items-center gap-4">
-          <div class="w-16 h-16 bg-gradient-to-br from-purple-500 to-violet-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 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 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"
-              />
-            </svg>
-          </div>
-          <h2 class="text-3xl font-bold text-gray-900">Evaluation Matrix</h2>
-        </div>
-      </div>
-
-      <div class="overflow-x-auto">
-        <table class="w-full">
-          <thead>
-            <tr class="bg-gray-50">
-              <th class="p-6 text-left text-lg font-semibold text-gray-900 border-b border-gray-200">
-                <div class="flex items-center gap-2">
-                  <svg class="w-5 h-5 text-gray-600" 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 2v12a2 2 0 002 2h10a2 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"
-                    />
-                  </svg>
-                  Criteria
-                </div>
-              </th>
-              {% for o in options %}
-              <th class="p-6 text-center text-lg font-semibold text-gray-900 border-b border-gray-200">
-                <div class="flex flex-col items-center gap-2">
-                  <div class="w-8 h-8 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg flex items-center justify-center text-white font-bold text-sm">
-                    {{loop.index}}
-                  </div>
-                  <span>{{o}}</span>
-                </div>
-              </th>
-              {% endfor %}
-            </tr>
-          </thead>
-          <tbody>
-            {% for i in range(0, criteria|length) %}
-            <tr class="hover:bg-gray-50 transition-colors duration-200">
-              <td class="p-6 font-medium text-gray-900 border-b border-gray-100">
-                <div class="flex items-center gap-3">
-                  <div class="w-8 h-8 bg-gradient-to-br from-gray-400 to-gray-600 rounded-lg flex items-center justify-center text-white font-bold text-sm">
-                    {{loop.index}}
-                  </div>
-                  {{criteria[i]}}
-                </div>
-              </td>
-              {% for j in range(0, options|length) %}
-              <td class="p-6 text-center border-b border-gray-100">
-                <div
-                  class="inline-flex items-center justify-center w-12 h-12 rounded-xl text-lg font-bold text-white {% if scores[j][i]|int >= 8 %}bg-gradient-to-br from-emerald-500 to-green-600 {% elif scores[j][i]|int >= 6 %}bg-gradient-to-br from-blue-500 to-indigo-600 {% elif scores[j][i]|int >= 4 %}bg-gradient-to-br from-amber-500 to-orange-600 {% else %}bg-gradient-to-br from-red-500 to-rose-600{% endif %}"
-                >
-                  {{scores[j][i]}}
-                </div>
-              </td>
-              {% endfor %}
-            </tr>
-            {% endfor %}
-          </tbody>
-        </table>
-      </div>
-    </div>
-
-    <!-- Evaluation Summary -->
-    <div class="mt-12 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-emerald-500 to-green-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 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-          </svg>
-        </div>
-        <h3 class="text-3xl font-bold text-gray-900">Evaluation Framework</h3>
-      </div>
-      <div class="grid grid-cols-1 md:grid-cols-4 gap-4 mt-6">
-        <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-xl p-4 text-white text-center">
-          <p class="text-sm text-green-100 mb-1">Excellent</p>
-          <p class="text-lg font-bold">8-10</p>
-        </div>
-        <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-xl p-4 text-white text-center">
-          <p class="text-sm text-blue-100 mb-1">Good</p>
-          <p class="text-lg font-bold">6-7</p>
-        </div>
-        <div class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-xl p-4 text-white text-center">
-          <p class="text-sm text-amber-100 mb-1">Fair</p>
-          <p class="text-lg font-bold">4-5</p>
-        </div>
-        <div class="bg-gradient-to-br from-red-500 to-rose-600 rounded-xl p-4 text-white text-center">
-          <p class="text-sm text-red-100 mb-1">Poor</p>
-          <p class="text-lg font-bold">1-3</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>

package/assets/html2/orgChartPage.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="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">Org Chart</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Organization Structure -->
-  <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 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="M9 6a3 3 0 11-6 0 3 3 0 016 0zM17 6a3 3 0 11-6 0 3 3 0 016 0zM12.93 17c.046-.327.07-.66.07-1a6.97 6.97 0 00-1.5-4.33A5 5 0 0119 16v1h-6.07zM6 11a5 5 0 015 5v1H1v-1a5 5 0 015-5z"
-          />
-        </svg>
-      </div>
-      <h2 class="text-4xl font-bold">Organization Structure</h2>
-    </div>
-    <ul class="space-y-4 text-xl">
-      {% for n in nodes %}
-      <li class="flex items-start">
-        <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
-        <span>{{n.label}}{% if n.parentId %} — reports to {{n.parentId}}{% endif %}</span>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-</div>

package/assets/html2/pLBreakdownPage.html

@@ -1,73 +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">P&L Breakdown</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- P&L Table -->
-  <div class="max-w-5xl mx-auto">
-    <div class="bg-white rounded-3xl shadow-2xl border border-gray-100 overflow-hidden">
-      <div class="bg-gradient-to-r from-blue-600 to-indigo-600 text-white">
-        <div class="grid grid-cols-2 gap-4 px-8 py-6">
-          <div class="text-xl font-bold">Category</div>
-          <div class="text-xl font-bold text-right">Value</div>
-        </div>
-      </div>
-      <div class="divide-y divide-gray-100">
-        {% for i in range(0, categories|length) %}
-        <div class="grid grid-cols-2 gap-4 px-8 py-6 hover:bg-gray-50 transition-colors duration-200">
-          <div class="text-lg font-medium text-gray-800">{{categories[i]}}</div>
-          <div class="text-lg font-bold text-right {% if values[i]|string|first == '-' %}text-red-600{% else %}text-gray-900{% endif %}">{{values[i]}}</div>
-        </div>
-        {% endfor %}
-      </div>
-    </div>
-  </div>
-
-  <!-- Financial Summary Cards -->
-  <div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-5xl mx-auto mt-12">
-    <div class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-2xl p-6 text-white shadow-xl">
-      <div class="flex items-center mb-3">
-        <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
-          <path
-            fill-rule="evenodd"
-            d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L10 4.414 6.707 7.707a1 1 0 01-1.414 0z"
-            clip-rule="evenodd"
-          />
-        </svg>
-        <span class="text-lg font-semibold">Revenue</span>
-      </div>
-      <div class="text-sm opacity-90">Total Income Generated</div>
-    </div>
-
-    <div class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-2xl p-6 text-white shadow-xl">
-      <div class="flex items-center mb-3">
-        <svg class="w-8 h-8 mr-3" fill="currentColor" viewBox="0 0 20 20">
-          <path
-            fill-rule="evenodd"
-            d="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L10 15.586l3.293-3.293a1 1 0 011.414 0z"
-            clip-rule="evenodd"
-          />
-        </svg>
-        <span class="text-lg font-semibold">Expenses</span>
-      </div>
-      <div class="text-sm opacity-90">Operating & Other Costs</div>
-    </div>
-
-    <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl p-6 text-white shadow-xl">
-      <div class="flex items-center mb-3">
-        <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-lg font-semibold">Net Profit</span>
-      </div>
-      <div class="text-sm opacity-90">Bottom Line Result</div>
-    </div>
-  </div>
-</div>

package/assets/html2/partnershipMapPage.html

@@ -1,26 +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">Partnership 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 p in partners %}
-    <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 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>
-        <div>
-          <h2 class="text-2xl font-bold mb-2">{{p.category}}</h2>
-          <p class="text-xl font-light">{{p.name}}</p>
-        </div>
-      </div>
-    </section>
-    {% endfor %}
-  </div>
-</div>

package/assets/html2/personasPage.html

@@ -1,39 +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">Personas</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Personas Grid -->
-  <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-7xl mx-auto">
-    {% for p in personas %}
-    <section class="bg-gradient-to-br from-purple-500 to-violet-600 rounded-3xl p-8 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 9a3 3 0 100-6 3 3 0 000 6zm-7 9a7 7 0 1114 0H3z" clip-rule="evenodd" />
-          </svg>
-        </div>
-        <h2 class="text-3xl font-bold">{{p.name}}</h2>
-      </div>
-      {% if p.bio %}
-      <p class="text-xl mb-6 leading-relaxed">{{p.bio}}</p>
-      {% endif %} {% if p.needs %}
-      <div>
-        <h3 class="text-xl font-semibold mb-4">Key Needs</h3>
-        <ul class="space-y-3 text-lg">
-          {% for n in p.needs %}
-          <li class="flex items-start">
-            <span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span>
-            <span>{{n}}</span>
-          </li>
-          {% endfor %}
-        </ul>
-      </div>
-      {% endif %}
-    </section>
-    {% endfor %}
-  </div>
-</div>

package/assets/html2/pipelineFunnelPage.html

@@ -1,77 +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">Pipeline Funnel</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Pipeline Funnel -->
-  <div class="max-w-4xl mx-auto">
-    <div class="space-y-4">
-      {% for i in range(0, stages|length) %} {% set width_percent = 100 - (i * 12) %}
-      <div class="flex justify-center">
-        <div
-          class="bg-gradient-to-r from-purple-{{ 500 + (i * 50) }} to-indigo-{{ 600 + (i * 50) }} rounded-2xl shadow-xl text-white transform hover:scale-105 transition-all duration-300"
-          style="width: {{ width_percent }}%; min-width: 350px;"
-        >
-          <div class="p-6 text-center">
-            <div class="flex items-center justify-center mb-3">
-              <div class="w-10 h-10 bg-white bg-opacity-20 rounded-xl flex items-center justify-center mr-4">
-                <span class="text-lg font-bold">{{ i + 1 }}</span>
-              </div>
-              <h3 class="text-xl font-bold">{{stages[i]}}</h3>
-            </div>
-            {% if values %}
-            <div class="text-3xl font-black mb-2">{{values[i]}}</div>
-            {% endif %} {% if i < (stages|length - 1) %}
-            <div class="text-xs opacity-75">↓ Next Stage</div>
-            {% endif %}
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-
-  <!-- Pipeline Metrics -->
-  <div class="grid grid-cols-1 md:grid-cols-3 gap-6 max-w-4xl mx-auto mt-16">
-    <div class="bg-white rounded-2xl shadow-lg p-6 text-center">
-      <div class="w-12 h-12 bg-purple-100 rounded-xl flex items-center justify-center mx-auto mb-3">
-        <svg class="w-6 h-6 text-purple-600" fill="currentColor" viewBox="0 0 20 20">
-          <path d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
-        </svg>
-      </div>
-      <div class="text-2xl font-bold text-purple-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 text-center">
-      <div class="w-12 h-12 bg-blue-100 rounded-xl flex items-center justify-center mx-auto mb-3">
-        <svg class="w-6 h-6 text-blue-600" fill="currentColor" viewBox="0 0 20 20">
-          <path
-            fill-rule="evenodd"
-            d="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L10 4.414 6.707 7.707a1 1 0 01-1.414 0z"
-            clip-rule="evenodd"
-          />
-        </svg>
-      </div>
-      <div class="text-2xl font-bold text-blue-600 mb-2">{% if values %}{{values[0]}}{% else %}--{% endif %}</div>
-      <div class="text-gray-600 font-semibold">Top of Pipeline</div>
-    </div>
-
-    <div class="bg-white rounded-2xl shadow-lg p-6 text-center">
-      <div class="w-12 h-12 bg-indigo-100 rounded-xl flex items-center justify-center mx-auto mb-3">
-        <svg class="w-6 h-6 text-indigo-600" 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>
-      <div class="text-2xl font-bold text-indigo-600 mb-2">{% if values %}{{values[-1]}}{% else %}--{% endif %}</div>
-      <div class="text-gray-600 font-semibold">Conversion</div>
-    </div>
-  </div>
-</div>

package/assets/html2/porterFiveForcesPage.html

@@ -1,140 +0,0 @@
-<div class="bg-gradient-to-br from-slate-50 to-gray-100 text-gray-900 px-16 py-16 min-h-screen">
-  <!-- Header -->
-  <div class="text-center mb-16">
-    <h1 class="text-5xl font-bold text-gray-900 mb-4">Porter's Five Forces</h1>
-    <div class="w-24 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto"></div>
-  </div>
-
-  <!-- Forces Layout -->
-  <div class="max-w-7xl mx-auto">
-    <!-- Top Force -->
-    <div class="flex justify-center mb-8">
-      <section
-        class="bg-gradient-to-br from-red-500 to-rose-600 rounded-2xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300 w-80"
-      >
-        <div class="flex items-center mb-6">
-          <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="M5.293 7.707a1 1 0 010-1.414l4-4a1 1 0 011.414 0l4 4a1 1 0 01-1.414 1.414L10 4.414 6.707 7.707a1 1 0 01-1.414 0z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <h2 class="text-xl font-bold">Threat of New Entrants</h2>
-        </div>
-        <ul class="space-y-2 text-sm">
-          {% for x in newEntrants %}
-          <li class="flex items-start"><span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span><span>{{x}}</span></li>
-          {% endfor %}
-        </ul>
-      </section>
-    </div>
-
-    <!-- Middle Row -->
-    <div class="grid grid-cols-3 gap-8 items-center mb-8">
-      <!-- Supplier Power -->
-      <section
-        class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-      >
-        <div class="flex items-center mb-6">
-          <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="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <h2 class="text-xl font-bold">Supplier Power</h2>
-        </div>
-        <ul class="space-y-2 text-sm">
-          {% for x in suppliers %}
-          <li class="flex items-start"><span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span><span>{{x}}</span></li>
-          {% endfor %}
-        </ul>
-      </section>
-
-      <!-- Central Competition Circle -->
-      <div class="flex justify-center">
-        <div class="w-32 h-32 bg-gradient-to-br from-gray-700 to-gray-900 rounded-full flex items-center justify-center shadow-2xl">
-          <span class="text-white font-bold text-lg text-center leading-tight">Industry<br />Rivalry</span>
-        </div>
-      </div>
-
-      <!-- Buyer Power -->
-      <section
-        class="bg-gradient-to-br from-purple-500 to-indigo-600 rounded-2xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-      >
-        <div class="flex items-center mb-6">
-          <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="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <h2 class="text-xl font-bold">Buyer Power</h2>
-        </div>
-        <ul class="space-y-2 text-sm">
-          {% for x in buyers %}
-          <li class="flex items-start"><span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span><span>{{x}}</span></li>
-          {% endfor %}
-        </ul>
-      </section>
-    </div>
-
-    <!-- Bottom Row -->
-    <div class="grid grid-cols-2 gap-8">
-      <!-- Threat of Substitutes -->
-      <section
-        class="bg-gradient-to-br from-orange-500 to-amber-600 rounded-2xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-      >
-        <div class="flex items-center mb-6">
-          <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="M14.707 12.293a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 111.414-1.414L10 15.586l3.293-3.293a1 1 0 011.414 0z"
-                clip-rule="evenodd"
-              />
-            </svg>
-          </div>
-          <h2 class="text-xl font-bold">Threat of Substitutes</h2>
-        </div>
-        <ul class="space-y-2 text-sm">
-          {% for x in substitutes %}
-          <li class="flex items-start"><span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span><span>{{x}}</span></li>
-          {% endfor %}
-        </ul>
-      </section>
-
-      <!-- Competitive Rivalry -->
-      <section
-        class="bg-gradient-to-br from-emerald-500 to-green-600 rounded-2xl p-8 text-white shadow-2xl transform hover:scale-105 transition-all duration-300"
-      >
-        <div class="flex items-center mb-6">
-          <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="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>
-          <h2 class="text-xl font-bold">Competitive Rivalry</h2>
-        </div>
-        <ul class="space-y-2 text-sm">
-          {% for x in rivalry %}
-          <li class="flex items-start"><span class="w-1.5 h-1.5 bg-white rounded-full mt-2 mr-2 flex-shrink-0"></span><span>{{x}}</span></li>
-          {% endfor %}
-        </ul>
-      </section>
-    </div>
-  </div>
-</div>

package/assets/html2/positioningMapPage.html

@@ -1,40 +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">Positioning Map</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Axis Labels -->
-  <div class="mb-12 flex items-center justify-between max-w-7xl mx-auto">
-    <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl px-8 py-4 text-white shadow-xl">
-      <div class="text-xl font-semibold">Y-Axis: {{yAxis}}</div>
-    </div>
-    <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-2xl px-8 py-4 text-white shadow-xl">
-      <div class="text-xl font-semibold">X-Axis: {{xAxis}}</div>
-    </div>
-  </div>
-
-  <!-- Players List -->
-  <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 max-w-7xl mx-auto"
-  >
-    <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="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-4xl font-bold">Market Players</h2>
-    </div>
-    <ul class="space-y-4 text-xl">
-      {% for p in players %}
-      <li class="flex items-start">
-        <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
-        <span>{{p.name}} <span class="text-green-100">(x: {{p.x}}, y: {{p.y}})</span></span>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
-</div>

package/assets/html2/pricingWaterfallPage.html

@@ -1,33 +0,0 @@
-<div class="min-h-screen bg-gradient-to-br from-slate-50 to-blue-50 px-16 py-16">
-  <!-- Header Section -->
-  <div class="mb-12">
-    <div class="w-20 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mb-8"></div>
-    <h1 class="text-6xl font-bold text-gray-900 mb-4 leading-tight">Pricing Waterfall</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Waterfall Steps Section -->
-  <div class="mb-8">
-    <div class="grid gap-6">
-      {% for s in steps %}
-      <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
-        <div class="flex items-center justify-between">
-          <div class="flex items-center">
-            <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="M2 5a2 2 0 012-2h8a2 2 0 012 2v10a2 2 0 002 2H4a2 2 0 01-2-2V5zm3 1h6v4H5V6zm6 6H5v2h6v-2z" clip-rule="evenodd" />
-              </svg>
-            </div>
-            <div>
-              <p class="text-2xl font-semibold">{{s.label}}</p>
-            </div>
-          </div>
-          <div class="text-right">
-            <p class="text-3xl font-bold">{{s.value}}</p>
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-</div>

package/assets/html2/productRoadmapPage.html

@@ -1,47 +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">Product Roadmap</h1>
-    <div class="w-32 h-0.5 bg-gray-300"></div>
-  </div>
-
-  <!-- Timeline Layout -->
-  <div class="relative">
-    <!-- Timeline Line -->
-    <div class="absolute top-20 left-0 right-0 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 hidden md:block"></div>
-
-    <!-- Release Cards -->
-    <div class="grid grid-cols-1 md:grid-cols-{{releases|length}} gap-8 relative">
-      {% for r in releases %}
-      <div class="relative">
-        <!-- Timeline Dot -->
-        <div class="absolute -top-3 left-1/2 transform -translate-x-1/2 w-6 h-6 bg-blue-600 rounded-full border-4 border-white shadow-lg hidden md:block"></div>
-
-        <!-- Release Card -->
-        <div class="bg-gradient-to-br from-blue-600 to-indigo-700 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300 mt-12">
-          <!-- Release Icon -->
-          <div class="w-16 h-16 bg-white bg-opacity-20 rounded-2xl flex items-center justify-center mb-6">
-            <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="M13 10V3L4 14h7v7l9-11h-7z"></path>
-            </svg>
-          </div>
-
-          <!-- Release Title -->
-          <h2 class="text-2xl font-bold mb-6">{{r}}</h2>
-
-          <!-- Features List -->
-          <div class="space-y-3">
-            {% for it in items %}{% if it.release == r %}
-            <div class="flex items-start space-x-3">
-              <div class="w-2 h-2 bg-white bg-opacity-60 rounded-full mt-2 flex-shrink-0"></div>
-              <span class="text-lg leading-relaxed">{{it.label}}</span>
-            </div>
-            {% endif %}{% endfor %}
-          </div>
-        </div>
-      </div>
-      {% endfor %}
-    </div>
-  </div>
-</div>