76 lines
3.1 KiB
Text
76 lines
3.1 KiB
Text
<main>
|
||
<section class="page-hero">
|
||
<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 support.</p>
|
||
</div>
|
||
<div class="split-media reveal" data-reveal>
|
||
<img src="<%= config.assets.images.company2 %>" alt="AutoTQ community deployment and company operations context" 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 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.hero %>" alt="AutoTQ feature overview supporting operating mission" loading="lazy" />
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section section-alt">
|
||
<div class="container">
|
||
<h2>Leadership and specialists</h2>
|
||
<div class="team-roster" data-team-roster>
|
||
<% (config.team || []).forEach((member, index) => {
|
||
const bioId = `team-bio-${index}`;
|
||
const imageSrc = config?.assets?.images?.[member.image];
|
||
%>
|
||
<article class="team-person-card reveal" data-reveal>
|
||
<% if (imageSrc) { %>
|
||
<img src="<%= imageSrc %>" alt="<%= member.name %> headshot" loading="lazy" />
|
||
<% } %>
|
||
<div class="team-person-content">
|
||
<h3><%= member.name %></h3>
|
||
<p class="team-role"><%= member.role %></p>
|
||
<button
|
||
class="btn btn-team-bio team-bio-toggle"
|
||
type="button"
|
||
aria-expanded="false"
|
||
aria-controls="<%= bioId %>">
|
||
Read bio
|
||
</button>
|
||
<div class="team-bio-panel" id="<%= bioId %>" hidden>
|
||
<p><%= member.bio %></p>
|
||
<a class="text-link" href="/<%= member.slug %>">View full profile →</a>
|
||
</div>
|
||
</div>
|
||
</article>
|
||
<% }) %>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</main>
|