From 8ee1c75673adc8f3cf7c6b8c2b900cac4165c688 Mon Sep 17 00:00:00 2001
From: gator <gatordevin@gmail.com>
Date: Wed, 11 Mar 2026 01:38:19 +0000
Subject: [PATCH] Refactor Company page to cleaner capability cards and profile
 list without headshot-heavy claims layout

---
 views/company.ejs | 36 ++++++++++++++++++++++++++----------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/views/company.ejs b/views/company.ejs
index c39e758..2683d7e 100644
--- a/views/company.ejs
+++ b/views/company.ejs
@@ -3,39 +3,55 @@
     <div class="container split split-visual">
       <div>
         <h1>Company</h1>
-        <p class="lead"><%= config.brand.legalName %> is focused on improving emergency bleeding response through intuitive automation and practical readiness programs.</p>
+        <p class="lead"><%= config.brand.legalName %> is focused on improving emergency bleeding response through intuitive automation and practical readiness support.</p>
       </div>
       <div class="split-media reveal" data-reveal>
-        <img src="<%= config.assets.images.company4 %>" alt="AutoTQ team collaboration" loading="lazy" />
+        <img src="<%= config.assets.images.company4 %>" alt="AutoTQ company operations and collaboration" loading="lazy" />
       </div>
     </div>
   </section>
 
   <section class="section">
+    <div class="container capability-grid">
+      <article class="capability-card reveal" data-reveal>
+        <h2>Product development</h2>
+        <p>Design and engineering work centered on simplified bleeding-control operation for high-stress moments.</p>
+      </article>
+      <article class="capability-card reveal" data-reveal>
+        <h2>Quality and regulatory</h2>
+        <p>Quality-system and regulatory planning support across device development and deployment readiness.</p>
+      </article>
+      <article class="capability-card reveal" data-reveal>
+        <h2>Commercial readiness</h2>
+        <p>Distribution and implementation planning for organizations evaluating emergency-preparedness workflows.</p>
+      </article>
+    </div>
+  </section>
+
+  <section class="section section-band">
     <div class="container split split-reverse">
       <article class="split-copy reveal" data-reveal>
         <h2>Operating mission</h2>
-        <p>The team’s work centers on a clear goal: improve readiness for severe bleeding incidents by making intervention more practical for people who may be under pressure and short on time.</p>
-        <p>This includes product development, quality systems, operational planning, and education-oriented resources for real-world deployment settings.</p>
+        <p>The team’s work centers on practical intervention readiness: improve severe-bleeding response capability while keeping claims aligned to referenced materials.</p>
+        <a class="btn btn-ghost" href="/research#sources">Review source references</a>
       </article>
       <div class="split-media reveal" data-reveal>
-        <img src="<%= config.assets.images.company5 %>" alt="AutoTQ operations and planning" loading="lazy" />
+        <img src="<%= config.assets.images.company5 %>" alt="Operational planning and emergency readiness coordination" loading="lazy" />
       </div>
     </div>
   </section>
 
   <section class="section section-alt">
     <div class="container">
-      <h2>Team</h2>
-      <div class="team-grid">
+      <h2>Leadership and specialists</h2>
+      <div class="people-list">
         <% (config.team || []).forEach(member => { %>
-        <article class="team-card reveal" data-reveal>
-          <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <article class="person-row reveal" data-reveal>
           <div>
             <h3><%= member.name %></h3>
             <p><%= member.role %></p>
-            <a class="text-link" href="/<%= member.slug %>">View profile →</a>
           </div>
+          <a class="text-link" href="/<%= member.slug %>">View profile →</a>
         </article>
         <% }) %>
       </div>