Rewrite homepage with stronger chapter-based story flow

views/index.ejs

@@ -6,11 +6,11 @@
     <div class="container hero-grid">
       <div class="reveal" data-reveal>
         <p class="eyebrow">FDA-Registered • Patented • Trusted Nationwide</p>
-        <h1>Automatic Bleeding Control for Real-World Emergencies</h1>
+        <h1>A bleeding emergency becomes a race against time.</h1>
-        <p class="lead">AutoTQ closes the bleeding control gap with two-step operation, one-button activation, and audio guidance that helps bystanders and professionals act fast.</p>
+        <p class="lead">AutoTQ was built so the first person on scene can move from panic to action in seconds, with guided operation and one-button activation.</p>
         <div class="hero-actions">
-          <a href="/contact" class="btn btn-primary">Request Information</a>
+          <a href="/contact" class="btn btn-primary">Start a Deployment Conversation</a>
-          <a href="/about-autotq" class="btn btn-ghost">Learn About AutoTQ</a>
+          <a href="/about-autotq" class="btn btn-ghost">See How AutoTQ Works</a>
         </div>
       </div>
       <div class="glass-card media-card reveal" data-reveal data-parallax="0.05">
@@ -19,11 +19,31 @@
     </div>
   </section>
 
+  <section class="story-band">
+    <div class="container story-steps">
+      <article class="story-step reveal" data-reveal>
+        <p class="story-kicker">Chapter 1</p>
+        <h3>The gap</h3>
+        <p>In severe extremity bleeding events, bystanders and teams need a response that is fast, repeatable, and simple under stress.</p>
+      </article>
+      <article class="story-step reveal" data-reveal>
+        <p class="story-kicker">Chapter 2</p>
+        <h3>The response</h3>
+        <p>AutoTQ simplifies intervention through a two-step process and onboard guidance so users can focus on the patient, not guesswork.</p>
+      </article>
+      <article class="story-step reveal" data-reveal>
+        <p class="story-kicker">Chapter 3</p>
+        <h3>The outcome</h3>
+        <p>Public research and deployment content highlight strong first-time usability and arterial occlusion performance in context.</p>
+      </article>
+    </div>
+  </section>
+
   <section class="section">
     <div class="container split">
       <div class="reveal" data-reveal>
-        <h2>The bleeding control gap is real</h2>
+        <h2>Proof points in context</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>
+        <p>These figures come from source research/deployment pages referenced throughout the site.</p>
       </div>
       <div class="stats-grid reveal" data-reveal>
         <article class="glass-card stat-card"><h3>92%</h3><p>First-time user success from source research pages.</p></article>
@@ -35,7 +55,7 @@
   <section class="section section-alt">
     <div class="container split">
       <div class="reveal" data-reveal>
-        <h2>Watch AutoTQ in deployment context</h2>
+        <h2>See deployment footage</h2>
         <p class="lead">Video source: Cape Coral Police deployment page.</p>
         <p><a class="text-link" href="<%= config.videos[0].pageUrl %>" target="_blank" rel="noopener noreferrer">Open source page →</a></p>
       </div>
@@ -53,7 +73,7 @@
 
   <section class="section">
     <div class="container">
-      <h2 class="reveal" data-reveal>Latest updates</h2>
+      <h2 class="reveal" data-reveal>The story continues: updates</h2>
       <div class="timeline">
         <% (config.news || []).forEach(item => { %>
           <article class="glass-card news-card reveal" data-reveal>
@@ -68,7 +88,7 @@
 
   <section class="section section-alt">
     <div class="container">
-      <h2 class="reveal" data-reveal>Testimonials</h2>
+      <h2 class="reveal" data-reveal>Voices from the field</h2>
       <div class="grid-2">
         <% (config.testimonials || []).forEach(t => { %>
         <article class="glass-card quote-card reveal" data-reveal>
@@ -82,8 +102,8 @@
 
   <section class="section">
     <div class="container cta-card glass-card reveal" data-reveal>
-      <h2>Bring AutoTQ into your safety ecosystem</h2>
+      <h2>Write the next chapter with your team</h2>
-      <p>Contact the team for deployment, training, literature, and partnership details.</p>
+      <p>Contact AutoTQ for deployment planning, training, literature, and partnership details.</p>
       <a href="/contact" class="btn btn-primary">Contact AutoTQ</a>
     </div>
   </section>