78 lines
3.2 KiB
Text
78 lines
3.2 KiB
Text
<main>
|
|
<section class="hero">
|
|
<div class="hero-bg"></div>
|
|
<div class="container hero-grid">
|
|
<div>
|
|
<p class="eyebrow">FDA-Registered • Patented • Trusted Nationwide</p>
|
|
<h1>Automatic Bleeding Control for Real-World Emergencies</h1>
|
|
<p class="lead">AutoTQ closes the bleeding control gap with a two-step operation, one-button activation, and audio guidance that helps bystanders and professionals act fast.</p>
|
|
<div class="hero-actions">
|
|
<a href="/contact" class="btn btn-primary">Request Information</a>
|
|
<a href="/about-autotq" class="btn btn-ghost">Learn About AutoTQ</a>
|
|
</div>
|
|
</div>
|
|
<div class="glass-card media-card">
|
|
<img src="<%= config.assets.images.hero %>" alt="AutoTQ demonstration" loading="eager" />
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container split">
|
|
<div>
|
|
<h2>The bleeding control gap is real</h2>
|
|
<p>In severe extremity bleeding events, people on scene need a solution they can deploy quickly and correctly. AutoTQ was built to simplify intervention at the point of injury.</p>
|
|
</div>
|
|
<div class="stats-grid">
|
|
<article class="glass-card stat-card"><h3>92%</h3><p>First-time user success in cited findings.</p></article>
|
|
<article class="glass-card stat-card"><h3>100%</h3><p>Arterial occlusion mention in cited findings.</p></article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section-alt">
|
|
<div class="container">
|
|
<h2>Research-backed and deployment-ready</h2>
|
|
<p class="lead">AutoTQ emphasizes intuitive use, rapid application, and consistency under stress. Explore published references and source pages in Research.</p>
|
|
<a class="text-link" href="/research">Review research and sources →</a>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container">
|
|
<h2>Trusted nationwide</h2>
|
|
<p class="lead">Organizations across public safety, education, and operations are adopting AutoTQ into preparedness plans.</p>
|
|
<div class="chip-list">
|
|
<span class="chip">Public Safety</span>
|
|
<span class="chip">Law Enforcement</span>
|
|
<span class="chip">Schools</span>
|
|
<span class="chip">Parks & Recreation</span>
|
|
<span class="chip">Transportation Operations</span>
|
|
<span class="chip">Workplace Safety Programs</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section section-alt">
|
|
<div class="container">
|
|
<h2>Testimonials</h2>
|
|
<div class="grid-2">
|
|
<% (config.testimonials || []).slice(0, 2).forEach(t => { %>
|
|
<article class="glass-card quote-card">
|
|
<p>“<%= t.quote %>”</p>
|
|
<span>— <%= t.name %>, <%= t.title %></span>
|
|
</article>
|
|
<% }) %>
|
|
</div>
|
|
<p><a href="/testimonials" class="text-link">Read all testimonials →</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="section">
|
|
<div class="container cta-card glass-card">
|
|
<h2>Bring AutoTQ into your safety ecosystem</h2>
|
|
<p>Contact the AutoTQ team for deployment, training, and literature.</p>
|
|
<a href="/contact" class="btn btn-primary">Contact AutoTQ</a>
|
|
</div>
|
|
</section>
|
|
</main>
|