mulmocast-vision 0.0.1

package/assets/html2/sensitivityAnalysisPage.html

@@ -0,0 +1,82 @@
+<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">Sensitivity Analysis</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Analysis Overview -->
+  <div class="mb-12">
+    <div class="bg-gradient-to-br from-blue-500 to-indigo-600 rounded-3xl p-8 text-white shadow-2xl">
+      <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="M3 3a1 1 0 000 2v8a2 2 0 002 2h2.586l-1.293 1.293a1 1 0 101.414 1.414L10 15.414l2.293 2.293a1 1 0 001.414-1.414L12.414 15H15a2 2 0 002-2V5a1 1 0 100-2H3zm11.707 4.707a1 1 0 00-1.414-1.414L10 9.586 8.707 8.293a1 1 0 00-1.414 0l-2 2a1 1 0 001.414 1.414L8 10.414l1.293 1.293a1 1 0 001.414 0l4-4z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <div>
+          <h2 class="text-2xl font-semibold mb-2">Analysis Framework</h2>
+          <p class="text-xl">Variables x Scenarios</p>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Variables and Scenarios Grid -->
+  <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-8">
+    <!-- Variables Section -->
+    <div>
+      <h2 class="text-3xl font-bold text-gray-900 mb-8">Key Variables</h2>
+      <div class="space-y-6">
+        {% for v in variables %}
+        <div class="bg-gradient-to-br from-amber-500 to-orange-600 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300">
+          <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="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 class="flex-1">
+              <p class="text-xl font-semibold leading-relaxed">{{v}}</p>
+            </div>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+
+    <!-- Scenarios Section -->
+    <div>
+      <h2 class="text-3xl font-bold text-gray-900 mb-8">Test Scenarios</h2>
+      <div class="space-y-6">
+        {% for s in scenarios %}
+        <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">
+            <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="M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 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="flex-1">
+              <p class="text-xl font-semibold leading-relaxed">{{s}}</p>
+            </div>
+          </div>
+        </div>
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</div>

package/assets/html2/sevenSPage.html

@@ -0,0 +1,31 @@
+<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">McKinsey 7S Model</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">
+    {% set pairs = [ ["Strategy", strategy, "emerald", "from-emerald-500 to-green-600"], ["Structure", structure, "blue", "from-blue-500 to-indigo-600"],
+    ["Systems", systems, "purple", "from-purple-500 to-violet-600"], ["Shared Values", sharedValues, "rose", "from-rose-500 to-pink-600"], ["Skills", skills,
+    "amber", "from-amber-500 to-orange-600"], ["Style", style, "teal", "from-teal-500 to-cyan-600"], ["Staff", staff, "indigo", "from-indigo-500 to-blue-600"] ]
+    %} {% for p in pairs %}
+    <section class="bg-gradient-to-br {{p[3]}} 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 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-3xl font-bold">{{p[0]}}</h2>
+      </div>
+      <p class="text-xl leading-relaxed whitespace-pre-wrap font-light">{{p[1]}}</p>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/assets/html2/shareholderValueTreePage.html

@@ -0,0 +1,32 @@
+<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">Shareholder Value Drivers</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Value Drivers Section -->
+  <div class="mb-8">
+    <div class="grid gap-6">
+      {% for d in drivers %}
+      <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">
+        <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="M3 4a1 1 0 011-1h4a1 1 0 010 2H6.414l2.293 2.293a1 1 0 01-1.414 1.414L5 6.414V8a1 1 0 01-2 0V4zm9 1a1 1 0 010-2h4a1 1 0 011 1v4a1 1 0 01-2 0V6.414l-2.293 2.293a1 1 0 11-1.414-1.414L13.586 5H12zm-9 7a1 1 0 012 0v1.586l2.293-2.293a1 1 0 111.414 1.414L6.414 15H8a1 1 0 010 2H4a1 1 0 01-1-1v-4zm13-1a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 010-2h1.586l-2.293-2.293a1 1 0 111.414-1.414L15.586 13H14a1 1 0 01-1-1z"
+                clip-rule="evenodd"
+              />
+            </svg>
+          </div>
+          <div class="flex-1">
+            <p class="text-2xl font-semibold leading-relaxed">{{d}}</p>
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

package/assets/html2/stakeholderMapPage.html

@@ -0,0 +1,36 @@
+<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">Stakeholder Map</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Stakeholders Grid -->
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-7xl mx-auto">
+    {% for s in stakeholders %}
+    <section 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 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="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">{{s.name}}</h2>
+      </div>
+      <div class="bg-white bg-opacity-10 rounded-2xl p-4 mb-4">
+        <p class="text-xl font-semibold">
+          Influence: <span class="text-blue-100">{{s.influence}}</span> / Interest: <span class="text-blue-100">{{s.interest}}</span>
+        </p>
+      </div>
+      {% if s.notes %}
+      <p class="text-lg leading-relaxed">{{s.notes}}</p>
+      {% endif %}
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/assets/html2/supportOrgModelPage.html

@@ -0,0 +1,57 @@
+<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">Support Org Model</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Support Model Grid -->
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-7xl mx-auto">
+    <!-- Tiers -->
+    <section 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">
+      <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 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zm0 4a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Support Tiers</h2>
+      </div>
+      <ul class="space-y-4 text-xl">
+        {% for t in tiers %}
+        <li class="flex items-start">
+          <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
+          <span>{{t}}</span>
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <!-- Roles -->
+    <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
+              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-3xl font-bold">Support Roles</h2>
+      </div>
+      <ul class="space-y-4 text-xl">
+        {% for r in roles %}
+        <li class="flex items-start">
+          <span class="w-3 h-3 bg-white rounded-full mt-2 mr-4 flex-shrink-0"></span>
+          <span>{{r}}</span>
+        </li>
+        {% endfor %}
+      </ul>
+    </section>
+  </div>
+</div>

package/assets/html2/surveyResultsPage.html

@@ -0,0 +1,32 @@
+<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">Survey Results</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Survey Results Grid -->
+  <div class="grid grid-cols-1 md:grid-cols-2 gap-8 max-w-7xl mx-auto">
+    {% for i in range(0, questions|length) %}
+    <section 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 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="M18 3a1 1 0 00-1.447-.894L8.763 6H5a3 3 0 000 6h.28l1.771 5.316A1 1 0 008 18h1a1 1 0 001-1v-4.382l6.553 3.276A1 1 0 0018 15V3z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-2xl font-bold leading-tight">Question {{i + 1}}</h2>
+      </div>
+      <div class="bg-white bg-opacity-10 rounded-2xl p-4 mb-4">
+        <h3 class="text-xl font-semibold mb-2">{{questions[i]}}</h3>
+      </div>
+      <p class="text-lg leading-relaxed">{{summaries[i]}}</p>
+    </section>
+    {% endfor %}
+  </div>
+</div>

package/assets/html2/sustainabilityRoadmapPage.html

@@ -0,0 +1,54 @@
+<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">Sustainability 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-emerald-500 to-green-600 hidden md:block"></div>
+
+    <!-- Phase Cards -->
+    <div class="grid grid-cols-1 md:grid-cols-{{phases|length}} gap-8 relative">
+      {% for ph in phases %}
+      <div class="relative">
+        <!-- Timeline Dot -->
+        <div
+          class="absolute -top-3 left-1/2 transform -translate-x-1/2 w-6 h-6 bg-emerald-600 rounded-full border-4 border-white shadow-lg hidden md:block"
+        ></div>
+
+        <!-- Phase Card -->
+        <div class="bg-gradient-to-br from-emerald-600 to-green-700 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300 mt-12">
+          <!-- Phase 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="M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9v-9m0-9v9m0 0a9 9 0 019 9"
+              ></path>
+            </svg>
+          </div>
+
+          <!-- Phase Title -->
+          <h2 class="text-2xl font-bold mb-6">{{ph}}</h2>
+
+          <!-- Actions List -->
+          <div class="space-y-3">
+            {% for a in actions %}
+            <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">{{a}}</span>
+            </div>
+            {% endfor %}
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

package/assets/html2/swotPage.html

@@ -0,0 +1,97 @@
+<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">SWOT Analysis</h1>
+    <div class="w-24 h-1 bg-gradient-to-r from-blue-600 to-indigo-600 mx-auto"></div>
+  </div>
+
+  <div class="grid grid-cols-2 gap-8 max-w-7xl mx-auto">
+    <!-- Strengths -->
+    <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-transform 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-3xl font-bold">Strengths</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for s in strengths %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{s}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <!-- Weaknesses -->
+    <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-transform 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 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Weaknesses</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for w in weaknesses %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{w}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <!-- Opportunities -->
+    <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-transform 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 d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Opportunities</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for o in opportunities %}
+        <li class="flex items-start"><span class="w-2 h-2 bg-white rounded-full mt-3 mr-3 flex-shrink-0"></span><span>{{o}}</span></li>
+        {% endfor %}
+      </ul>
+    </section>
+
+    <!-- Threats -->
+    <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-transform 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="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </div>
+        <h2 class="text-3xl font-bold">Threats</h2>
+      </div>
+      <ul class="space-y-3 text-lg">
+        {% for t in threats %}
+        <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>
+    </section>
+  </div>
+</div>

package/assets/html2/synergyCapturePage.html

@@ -0,0 +1,39 @@
+<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">Synergy Capture</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Synergy Sources Section -->
+  <div class="mb-8">
+    <div class="grid gap-6">
+      {% for i in range(0, sources|length) %}
+      <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">
+        <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="M12.316 3.051a1 1 0 01.633 1.265l-4 12a1 1 0 11-1.898-.632l4-12a1 1 0 011.265-.633zM5.707 6.293a1 1 0 010 1.414L3.414 10l2.293 2.293a1 1 0 11-1.414 1.414l-3-3a1 1 0 010-1.414l3-3a1 1 0 011.414 0zm8.586 0a1 1 0 011.414 0l3 3a1 1 0 010 1.414l-3 3a1 1 0 11-1.414-1.414L16.586 10l-2.293-2.293a1 1 0 010-1.414z"
+                  clip-rule="evenodd"
+                />
+              </svg>
+            </div>
+            <div class="flex-1">
+              <p class="text-2xl font-semibold leading-relaxed">{{sources[i]}}</p>
+            </div>
+          </div>
+          {% if values %}
+          <div class="text-right ml-6">
+            <p class="text-3xl font-bold">{{values[i]}}</p>
+          </div>
+          {% endif %}
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</div>

package/assets/html2/tamSamSomPage.html

@@ -0,0 +1,62 @@
+<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">TAM / SAM / SOM</h1>
+    <div class="w-32 h-0.5 bg-gray-300"></div>
+  </div>
+
+  <!-- Market Analysis -->
+  <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-4xl 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 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">Market Opportunity</h2>
+    </div>
+
+    <div class="space-y-6">
+      <div class="bg-white bg-opacity-10 rounded-2xl p-6">
+        <div class="flex items-center mb-4">
+          <div class="w-8 h-8 bg-white bg-opacity-30 rounded-xl flex items-center justify-center mr-4">
+            <span class="text-lg font-bold text-green-100">T</span>
+          </div>
+          <h3 class="text-2xl font-bold">Total Addressable Market (TAM)</h3>
+        </div>
+        <p class="text-xl">{{tam}}</p>
+      </div>
+
+      <div class="bg-white bg-opacity-10 rounded-2xl p-6">
+        <div class="flex items-center mb-4">
+          <div class="w-8 h-8 bg-white bg-opacity-30 rounded-xl flex items-center justify-center mr-4">
+            <span class="text-lg font-bold text-green-100">S</span>
+          </div>
+          <h3 class="text-2xl font-bold">Serviceable Addressable Market (SAM)</h3>
+        </div>
+        <p class="text-xl">{{sam}}</p>
+      </div>
+
+      <div class="bg-white bg-opacity-10 rounded-2xl p-6">
+        <div class="flex items-center mb-4">
+          <div class="w-8 h-8 bg-white bg-opacity-30 rounded-xl flex items-center justify-center mr-4">
+            <span class="text-lg font-bold text-green-100">S</span>
+          </div>
+          <h3 class="text-2xl font-bold">Serviceable Obtainable Market (SOM)</h3>
+        </div>
+        <p class="text-xl">{{som}}</p>
+      </div>
+    </div>
+
+    {% if notes %}
+    <div class="mt-8 bg-white bg-opacity-10 rounded-2xl p-6">
+      <h3 class="text-xl font-semibold mb-3">Additional Notes</h3>
+      <p class="text-lg leading-relaxed">{{notes}}</p>
+    </div>
+    {% endif %}
+  </div>
+</div>

package/assets/html2/techRoadmapPage.html

@@ -0,0 +1,54 @@
+<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">Technology 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-purple-600 to-blue-600 hidden md:block"></div>
+
+    <!-- Phase Cards -->
+    <div class="grid grid-cols-1 md:grid-cols-{{phases|length}} gap-8 relative">
+      {% for ph in phases %}
+      <div class="relative">
+        <!-- Timeline Dot -->
+        <div
+          class="absolute -top-3 left-1/2 transform -translate-x-1/2 w-6 h-6 bg-purple-600 rounded-full border-4 border-white shadow-lg hidden md:block"
+        ></div>
+
+        <!-- Phase Card -->
+        <div class="bg-gradient-to-br from-purple-600 to-violet-700 rounded-3xl p-8 text-white shadow-2xl hover:scale-105 transition-all duration-300 mt-12">
+          <!-- Phase 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="M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+              ></path>
+            </svg>
+          </div>
+
+          <!-- Phase Title -->
+          <h2 class="text-2xl font-bold mb-6">{{ph}}</h2>
+
+          <!-- Tech Items -->
+          <div class="space-y-3">
+            {% for it in items %}{% if it.phase == ph %}
+            <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>