Refresh AutoTQ clone content, pages, assets config, and dynamic UI styles/scripts

public/css/style.css

@@ -10,27 +10,35 @@
   --shadow: 0 10px 30px rgba(0,0,0,0.08);
 }
 *{box-sizing:border-box}html,body{margin:0;padding:0}
-body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6}
+body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:var(--text);background:var(--bg);line-height:1.6;overflow-x:hidden}
 a{text-decoration:none;color:inherit}img{max-width:100%;display:block}
 .container{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.section{padding:4.5rem 0}.section-alt{background:var(--bg-alt)}
 
-.site-header{position:sticky;top:0;z-index:999;background:#fff;border-bottom:1px solid var(--border)}
+.site-header{position:sticky;top:0;z-index:999;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
 .nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:1rem}
 .brand{display:inline-flex;align-items:center;gap:.65rem;font-weight:700}.brand img{width:44px;height:44px;object-fit:contain}
-.site-nav{display:flex;align-items:center;gap:.9rem}.site-nav a{color:var(--muted);font-weight:500}.site-nav a.active,.site-nav a:hover{color:var(--accent)}
+.site-nav{display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;justify-content:flex-end}.site-nav a{color:var(--muted);font-weight:500}.site-nav a.active,.site-nav a:hover{color:var(--accent)}
 .mobile-toggle{display:none;border:0;background:transparent}.mobile-toggle span{display:block;width:22px;height:2px;background:#222;margin:5px 0}
 
 .hero{padding:6rem 0 3.5rem;position:relative;overflow:clip}
 .hero-bg{position:absolute;inset:0;background:radial-gradient(700px 350px at 70% -30%,rgba(209,32,32,.12),transparent),radial-gradient(500px 280px at 20% 0%,rgba(220,0,0,.08),transparent)}
+.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;pointer-events:none;animation:drift 10s ease-in-out infinite alternate}
+.hero-orb-1{width:260px;height:260px;right:-70px;top:60px;background:radial-gradient(circle at 30% 30%,#ff6a6a,#d12020)}
+.hero-orb-2{width:180px;height:180px;left:-60px;bottom:20px;background:radial-gradient(circle at 30% 30%,#ffb2b2,#dc0000);animation-duration:14s}
+@keyframes drift{from{transform:translateY(-8px)}to{transform:translateY(14px)}}
+
 .hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}
 .eyebrow{color:var(--accent);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}
 h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:.25rem 0 .75rem}h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-top:0}
 .lead{color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:.8rem;margin-top:1.2rem;flex-wrap:wrap}
-.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border-radius:999px;border:1px solid transparent;font-weight:600}
+.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.1rem;border-radius:999px;border:1px solid transparent;font-weight:600;transition:.25s ease}
-.btn-primary{background:var(--accent);color:#fff}.btn-ghost{border-color:#ccc;background:#fff}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
+.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(209,32,32,.3)}
+.btn-ghost{border-color:#ccc;background:#fff}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
 
-.glass-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}
+.glass-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.98));border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow);transition:transform .25s ease, box-shadow .25s ease}
+.glass-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.11)}
 .media-card{padding:.75rem}.media-card img{border-radius:12px;width:100%;object-fit:cover}
+.video-frame{padding:.5rem}.video-frame iframe{width:100%;aspect-ratio:16/9;border:0;border-radius:12px}
 .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
 .split{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;align-items:center}.page-hero{padding:5rem 0 1.5rem}
 
@@ -39,8 +47,8 @@ h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:.25rem 0 .75rem}h2{fo
 .cta-card{text-align:center}.text-link{color:var(--accent);font-weight:600}
 
 .gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.gallery-grid img{border-radius:12px;min-height:150px;object-fit:cover;border:1px solid var(--border)}
-.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.team-card img{border-radius:12px;margin-bottom:.7rem;height:220px;width:100%;object-fit:cover}
+.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.team-card img{border-radius:12px;margin-bottom:.7rem;height:260px;width:100%;object-fit:cover}
-.profile-card{max-width:760px}.profile-card img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:1rem}
+.profile-card{max-width:820px}.profile-card img{width:220px;height:220px;border-radius:24px;object-fit:cover;margin-bottom:1rem}
 
 .timeline{display:grid;gap:1rem}.news-card .date,.date{color:#a61c1c;font-weight:700;font-size:.9rem}
 .quote-card p{font-size:1.05rem}
@@ -53,4 +61,12 @@ h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1.1;margin:.25rem 0 .75rem}h2{fo
 .footer-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;gap:1.2rem}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin:.5rem 0;color:#bdbdbd}
 .footer-bottom{padding:1.25rem 0 1.8rem;color:#bdbdbd}.legal{color:#bdbdbd}
 
-@media (max-width:980px){.hero-grid,.split,.grid-3,.grid-2,.footer-grid,.form-grid,.gallery-grid,.team-grid,.stats-grid{grid-template-columns:1fr}.mobile-toggle{display:inline-block}.site-nav{position:absolute;top:76px;right:1rem;left:1rem;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem;flex-direction:column;align-items:stretch;transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none}.site-nav.open{transform:scaleY(1);opacity:1;pointer-events:auto}}
+.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
+.reveal.is-visible{opacity:1;transform:translateY(0)}
+
+@media (max-width:980px){
+  .hero-grid,.split,.grid-3,.grid-2,.footer-grid,.form-grid,.gallery-grid,.team-grid,.stats-grid{grid-template-columns:1fr}
+  .mobile-toggle{display:inline-block}
+  .site-nav{position:absolute;top:76px;right:1rem;left:1rem;background:#fff;border:1px solid var(--border);border-radius:14px;padding:.9rem;flex-direction:column;align-items:stretch;transform-origin:top;transform:scaleY(0);opacity:0;pointer-events:none}
+  .site-nav.open{transform:scaleY(1);opacity:1;pointer-events:auto}
+}

public/js/main.js

@@ -17,6 +17,35 @@
     });
   }
 
+  const reveals = document.querySelectorAll('[data-reveal]');
+  if ('IntersectionObserver' in window && reveals.length) {
+    const observer = new IntersectionObserver((entries) => {
+      entries.forEach((entry) => {
+        if (entry.isIntersecting) {
+          entry.target.classList.add('is-visible');
+          observer.unobserve(entry.target);
+        }
+      });
+    }, { threshold: 0.12 });
+
+    reveals.forEach((el) => observer.observe(el));
+  } else {
+    reveals.forEach((el) => el.classList.add('is-visible'));
+  }
+
+  const parallaxEls = document.querySelectorAll('[data-parallax]');
+  if (parallaxEls.length) {
+    const onScroll = () => {
+      const y = window.scrollY || 0;
+      parallaxEls.forEach((el) => {
+        const speed = Number(el.getAttribute('data-parallax')) || 0;
+        el.style.transform = `translateY(${y * speed}px)`;
+      });
+    };
+    onScroll();
+    window.addEventListener('scroll', onScroll, { passive: true });
+  }
+
   const contactForm = document.getElementById('contactForm');
   const status = document.getElementById('formStatus');
   const endpoint = 'https://api.corben.world/forms/af90392e-9399-4778-9b80-9eed83580f1d/submit';

site.config.js

@@ -5,7 +5,7 @@ module.exports = {
     tagline: 'Empowering anyone to stop the bleed with audio instructions and one-button activation.'
   },
   contact: {
-    phoneDisplay: '+1 561-325-8758',
+    phoneDisplay: '(561) 325-8758',
     phoneHref: 'tel:+15613258758',
     email: 'info@theautotq.com',
     addressLine1: '6590 W Rogers Circle Suite 5',
@@ -17,10 +17,15 @@ module.exports = {
       hero: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/3c6ce407-2505-4d5c-9fb9-fa29c51b490e/image.webp',
       product: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/00f3e56b-8bc6-4bef-893c-03aa2e545a04/image.webp',
       videoThumb: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/a5558c8e-49d6-4057-8afe-0955b884e624/image.jpg',
-      hannah: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/a717ce52-0cf3-4c27-9acc-5c64a4a062af/image.webp',
+      hannah: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/a5ac4452-2d20-462a-b00d-f3ab68c8e48d/Hannah Herbst - Chief Executive Officer Headshot.webp',
-      team2: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/52ff9890-bf70-4e83-af9b-95618602b1e1/image.webp',
+      laresa: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/7eb7cb9c-09be-4d6a-834c-b1d6f8c4463b/Laresa McIntyre - Chief Financial Officer Fractional Headshot.webp',
-      team3: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/4c097122-4779-4016-a93b-74ac6812e596/image.webp',
+      jamie: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/92faf8b4-e0a2-4bf8-899e-698f8947325a/Jamie Saltzman - VP of Commercial Strategy Fractional Headshot.webp',
-      team4: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/80eaa398-3bef-4685-88ae-67f22a89b217/image.webp',
+      gabriella: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/1bfcd77e-40ed-4d1b-afc0-56f1639381ec/Gabriella Martinez Brito - Operations and Administrative Coordinator Headshot.webp',
+      devin: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/950056bc-ca53-4dae-893a-b123ef8116c2/Devin Willis - Engineering Director Fractional Headshot.webp',
+      nandini: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/6b2c82bc-98b0-437e-adfc-a70ff338e704/Nandini Murthy - Quality Consultant Headshot.webp',
+      max: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/1b823bfd-442f-44fa-aa67-3415fefd37dc/Max Herbst - Logistics Coordinator Headshot.webp',
+      nick: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/3b70612c-8966-4b0d-aec4-c78b63577ac6/Nicholas Liautaud Nick - Mechanical Engineer Fractional Headshot.webp',
+      carisse: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/58d7c24d-921d-4fe7-9264-e5e4a458de35/Carisse Joseph - Social Media Manager Fractional Headshot.webp',
       company1: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/34789e8a-b10a-4c32-88c5-f1ee6e958fff/image.webp',
       company2: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/e1722340-8143-42fd-8289-afa1cf021f36/image.webp',
       company3: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/e7242e21-25b3-4c5b-974d-211fec1deeda/image.webp',
@@ -31,46 +36,72 @@ module.exports = {
     }
   },
   literature: [
+    { title: 'AutoTQ Booklet', url: 'https://api.corben.world/files/4339bcaa-c812-42fa-9bfa-cb16b81d0a37/public' },
+    { title: 'Final IFU', url: 'https://api.corben.world/files/406fd06f-f579-4184-b373-e986d26e95a2/public' },
+    { title: 'AutoTQ Flyer', url: 'https://api.corben.world/files/9ac9eb68-5886-4cb7-8c74-8d1613c2ee6f/public' },
+    { title: 'OSHA Whitepaper', url: 'https://api.corben.world/files/e8d2b880-6353-4357-9a9e-d294f48f0f36/public' },
+    { title: 'Relevant Industries Overview', url: 'https://api.corben.world/files/3694600d-f194-4651-9c73-ec947575ac25/public' }
+  ],
+  videos: [
     {
-      title: 'AutoTQ Booklet',
+      title: 'Cape Coral Police Department Deploys AutoTQ',
-      url: 'https://api.corben.world/files/f1aa8c2f-f815-4db7-883c-223ab4bda43d/public'
+      embedUrl: 'https://www.youtube.com/embed/UlaoT7LDwAw',
-    },
+      pageUrl: 'https://theautotq.com/capecoral'
-    {
-      title: 'Final IFU',
-      url: 'https://api.corben.world/files/f149787a-90fe-41f9-8650-6351a8b54be2/public'
     }
   ],
   team: [
-    { name: 'Hannah Herbst', slug: 'hannah', role: "Chief Executive Officer", bio: "Hannah Herbst is a Forbes 30 Under 30 inventor who has been recognized internationally for innovation. She developed an antibacterial, biomimetic wound dressing inspired by shark skin’s micropattern in FAU’s Biomechanics and Microbiology laboratories. For this work she won First Place and Best in Category in Translational Medical Science at the International Science and Engineering Fair in 2019. She further developed a chemical sensor for identifying airborne chemicals, and an ocean energy collection and conversion device for underdeveloped nations. She has presented her research at the White House to former POTUS, was named America’s Top Young Scientist by 3M and Discovery Education, and has been featured in Mashable, Business Insider, and more. Hannah was a Division 1 Track and Field Athlete, and she holds a B.S. in Management Information Systems with a concentration in Business Analytics from Florida Atlantic University and a certificate in Business and Innovation from Stanford University.", image: 'hannah' },
+    { name: 'Hannah Herbst', slug: 'hannah', role: 'Chief Executive Officer', image: 'hannah', bio: 'Hannah Herbst is a Forbes 30 Under 30 inventor who has been recognized internationally for innovation. She developed an antibacterial, biomimetic wound dressing inspired by shark skin’s micropattern in FAU’s Biomechanics and Microbiology laboratories. For this work she won First Place and Best in Category in Translational Medical Science at the International Science and Engineering Fair in 2019. She further developed a chemical sensor for identifying airborne chemicals, and an ocean energy collection and conversion device for underdeveloped nations. She has presented her research at the White House to former POTUS, was named America’s Top Young Scientist by 3M and Discovery Education, and has been featured in Mashable, Business Insider, and more. Hannah was a Division 1 Track and Field Athlete, and she holds a B.S. in Management Information Systems with a concentration in Business Analytics from Florida Atlantic University and a certificate in Business and Innovation from Stanford University.' },
-    { name: 'Laresa McIntyre', slug: 'laresa', role: "Chief Financial Officer (Fractional)", bio: "Laresa McIntyre is a seasoned financial leader who helps high-growth companies build strong, scalable foundations. She has spent her career guiding complex organizations through expansion, leading finance, forecasting, and operational planning with a clear, insight-driven approach. As CFO, she brings deep experience in creating financial clarity, shaping data-backed strategy, and building systems that support sustainable growth. Laresa has managed multimillion-dollar P&Ls across multiple geographies and is known for translating complex financial data into practical, founder-friendly decisions. She holds an MBA, a Master’s in Accounting, and is a Certified Management Accountant (CMA).", image: 'team2' },
+    { name: 'Laresa McIntyre', slug: 'laresa', role: 'Chief Financial Officer (Fractional)', image: 'laresa', bio: 'Laresa McIntyre is a seasoned financial leader who helps high-growth companies build strong, scalable foundations. She has spent her career guiding complex organizations through expansion, leading finance, forecasting, and operational planning with a clear, insight-driven approach. As CFO, she brings deep experience in creating financial clarity, shaping data-backed strategy, and building systems that support sustainable growth. Laresa has managed multimillion-dollar P&Ls across multiple geographies and is known for translating complex financial data into practical, founder-friendly decisions. She holds an MBA, a Master’s in Accounting, and is a Certified Management Accountant (CMA).' },
-    { name: 'Jamie Saltzman', slug: 'jamie', role: "VP of Commercial Strategy (Fractional)", bio: "James “Jamie” Saltzman is an accomplished sales leader with more than two decades of success expanding market share and scaling sales organizations in the medical device and public safety industries. Jamie previously spent 27 years at ZOLL Medical, where he advanced from Customer Service Representative to Group Vice President overseeing Public Safety and Healthcare. His career spans strategic sales leadership, complex channel development, and national account growth across high-stakes environments. Jamie is now spearheading national distribution for AutoTQ®—Golden Hour Medical’s patented, FDA-registered automated tourniquet—where he is building a coast-to-coast distributor and manufacturer-rep network to accelerate adoption of lifesaving bleeding-control technology. Known for his analytical approach, relationship-driven leadership, and ability to penetrate competitive markets, Jamie brings unmatched expertise to Golden Hour Medical’s mission of making effective bleeding control accessible to every bystander.", image: 'team3' },
+    { name: 'Jamie Saltzman', slug: 'jamie', role: 'VP of Commercial Strategy (Fractional)', image: 'jamie', bio: 'James “Jamie” Saltzman is an accomplished sales leader with more than two decades of success expanding market share and scaling sales organizations in the medical device and public safety industries. Jamie previously spent 27 years at ZOLL Medical, where he advanced from Customer Service Representative to Group Vice President overseeing Public Safety and Healthcare. His career spans strategic sales leadership, complex channel development, and national account growth across high-stakes environments. Jamie is now spearheading national distribution for AutoTQ®—Golden Hour Medical’s patented, FDA-registered automated tourniquet—where he is building a coast-to-coast distributor and manufacturer-rep network to accelerate adoption of lifesaving bleeding-control technology. Known for his analytical approach, relationship-driven leadership, and ability to penetrate competitive markets, Jamie brings unmatched expertise to Golden Hour Medical’s mission of making effective bleeding control accessible to every bystander.' },
-    { name: 'Gabriella Brito', slug: 'gabriella', role: "Operations and Administrative Coordinator", bio: "Gabriella Brito is the Operations and Administrative Coordinator at Golden Hour Medical, where she ensures the organization runs efficiently by managing day-to-day operations and providing critical administrative support. She earned her Bachelor’s Degree in Communication Studies from Florida Atlantic University, with a minor in Leadership and Human Resource Development. Gabriella applies her skills in communication, leadership, and organizational strategy to streamline processes, support teams, and enhance overall workflow. With a passion for building systems that help people and programs succeed, Gabriella is a key part of Golden Hour Medical’s operations, ensuring that the organization functions smoothly behind the scenes.", image: 'team4' },
+    { name: 'Gabriella Brito', slug: 'gabriella', role: 'Operations and Administrative Coordinator', image: 'gabriella', bio: 'Gabriella Brito is the Operations and Administrative Coordinator at Golden Hour Medical, where she ensures the organization runs efficiently by managing day-to-day operations and providing critical administrative support. She earned her Bachelor’s Degree in Communication Studies from Florida Atlantic University, with a minor in Leadership and Human Resource Development. Gabriella applies her skills in communication, leadership, and organizational strategy to streamline processes, support teams, and enhance overall workflow. With a passion for building systems that help people and programs succeed, Gabriella is a key part of Golden Hour Medical’s operations, ensuring that the organization functions smoothly behind the scenes.' },
-    { name: 'Devin Willis', slug: 'devin', role: "Engineering Director (Fractional)", bio: "Devin is the Director of Engineering at Golden Hour Medical. He is skilled in electronics, product development, and biology research. He has conducted research at Max Planck Neuroscience Institute and the Institute for Human Health and Disease Prevention. Nationally recognized for his inventions, he has developed RNAPath and RNAScopeCount, innovative platforms for COVID-19 diagnostics; 3DSeq for automated 3D Spatial genomics on tumor biopsies, and SlideMap, a cost-effective cancer pathology and diagnostic deep learning platform. Devin was a Division 1 Track and Field athlete, and is a double major at the University of Florida studying Electrical Engineering and Management.", image: 'team2' },
+    { name: 'Devin Willis', slug: 'devin', role: 'Engineering Director (Fractional)', image: 'devin', bio: 'Devin is the Director of Engineering at Golden Hour Medical. He is skilled in electronics, product development, and biology research. He has conducted research at Max Planck Neuroscience Institute and the Institute for Human Health and Disease Prevention. Nationally recognized for his inventions, he has developed RNAPath and RNAScopeCount, innovative platforms for COVID-19 diagnostics; 3DSeq for automated 3D Spatial genomics on tumor biopsies, and SlideMap, a cost-effective cancer pathology and diagnostic deep learning platform. Devin was a Division 1 Track and Field athlete, and is a double major at the University of Florida studying Electrical Engineering and Management.' },
-    { name: 'Nandini Murthy', slug: 'nandini', role: "Quality Consultant", bio: "Ms. Murthy has over 25 years of work experience in regulatory affairs, clinical and quality assurance functions with multiple device specialties. She has authored numerous, successful FDA submissions including a de novo, a modular PMA, a HDE, original PMAs, several original IDEs, pre-Submissions, PMA and IDE Supplements and 510(k)s for novel products including implantable devices, sensor/monitoring tools and diagnostic devices. She has experience with product approvals for the EU (CE Mark) and Canadian markets. She has led projects with complex submissions, where she has both managed a team and where necessary, written or executed on the various document deliverables in a hands-on manner. Ms. Murthy has a successful track record of on-time execution and FDA approvals. In addition to her core expertise in regulatory affairs, Ms. Murthy has designed and executed complex clinical trials and established quality systems to ISO 13485 and FDA Quality System requirements. She has helped early stage and more established larger companies develop their quality systems consistent with their stage of device development. She has experience in developing plans for Quality Systems projects, including tactically prioritizing and directing focus, and updating/communicating plans and status with Management.", image: 'team3' },
+    { name: 'Nandini Murthy', slug: 'nandini', role: 'Quality Consultant', image: 'nandini', bio: 'Ms. Murthy has over 25 years of work experience in regulatory affairs, clinical and quality assurance functions with multiple device specialties. She has authored numerous, successful FDA submissions including a de novo, a modular PMA, a HDE, original PMAs, several original IDEs, pre-Submissions, PMA and IDE Supplements and 510(k)s for novel products including implantable devices, sensor/monitoring tools and diagnostic devices. She has experience with product approvals for the EU (CE Mark) and Canadian markets. She has led projects with complex submissions, where she has both managed a team and where necessary, written or executed on the various document deliverables in a hands-on manner. Ms. Murthy has a successful track record of on-time execution and FDA approvals. In addition to her core expertise in regulatory affairs, Ms. Murthy has designed and executed complex clinical trials and established quality systems to ISO 13485 and FDA Quality System requirements. She has helped early stage and more established larger companies develop their quality systems consistent with their stage of device development. She has experience in developing plans for Quality Systems projects, including tactically prioritizing and directing focus, and updating/communicating plans and status with Management.' },
-    { name: 'Max Herbst', slug: 'max', role: "Logistics Coordinator", bio: "Max Herbst is a motivated operations and logistics professional with a strong foundation in political science and a proven track record of leadership. Currently serving as Product Operations Manager & Logistics Coordinator at Golden Hour Medical, he oversees quality assurance processes, implements inventory management systems, and provides operational insights to executive leadership. Previously, Max recruited physicians for underserved communities at Med Partners Locum Tenens, building lasting partnerships with hospitals across North America. With experience spanning healthcare staffing and hospitality management, he brings adaptability, people skills, and operational expertise. A graduate of Florida Atlantic University (B.A. in Political Science, GPA 3.88), Max has held multiple leadership roles, including Attorney General of Student Government and Co-Founder of the Speech & Debate Club. He is skilled in Excel, Power BI, and financial modeling, and holds a Florida Health & Life Insurance License. Outside of work, Max enjoys running, surfing, and open-ended questions.", image: 'team4' },
+    { name: 'Max Herbst', slug: 'max', role: 'Logistics Coordinator', image: 'max', bio: 'Max Herbst is a motivated operations and logistics professional with a strong foundation in political science and a proven track record of leadership. Currently serving as Product Operations Manager & Logistics Coordinator at Golden Hour Medical, he oversees quality assurance processes, implements inventory management systems, and provides operational insights to executive leadership. Previously, Max recruited physicians for underserved communities at Med Partners Locum Tenens, building lasting partnerships with hospitals across North America. With experience spanning healthcare staffing and hospitality management, he brings adaptability, people skills, and operational expertise. A graduate of Florida Atlantic University (B.A. in Political Science, GPA 3.88), Max has held multiple leadership roles, including Attorney General of Student Government and Co-Founder of the Speech & Debate Club. He is skilled in Excel, Power BI, and financial modeling, and holds a Florida Health & Life Insurance License. Outside of work, Max enjoys running, surfing, and open-ended questions.' },
-    { name: 'Nicholas Liautaud', slug: 'nick', role: "Mechanical Engineer (Fractional)", bio: "Nick has over 10 years of experience in robotics, rapid prototyping, biomedical sciences, and engineering. Nick formerly worked at Max Planck Neuroscience Institute, where he built a mechanism to examine Binocular Recovery in the visual cortex of mammals; Giliberti Electric Vehicles, where he assembled custom electric vehicles; and worked at DK Dynamic on custom part design and fabrication. Further, Nick holds a research role at FIU Innovative Anatomy Lab where he works to generate visual models of difficult anatomy concepts for medical school students. Nick is passionate about mentorship having worked at TechGarage Summer Camp for several years, where he shared his passion for engineering by teaching students rapid prototyping skills, programming, computer assisted design, and virtual reality.", image: 'team2' },
+    { name: 'Nick Liautaud', slug: 'nick', role: 'Mechanical Engineer (Fractional)', image: 'nick', bio: 'Nick has over 10 years of experience in robotics, rapid prototyping, biomedical sciences, and engineering. Nick formerly worked at Max Planck Neuroscience Institute, where he built a mechanism to examine Binocular Recovery in the visual cortex of mammals; Giliberti Electric Vehicles, where he assembled custom electric vehicles; and worked at DK Dynamic on custom part design and fabrication. Further, Nick holds a research role at FIU Innovative Anatomy Lab where he works to generate visual models of difficult anatomy concepts for medical school students. Nick is passionate about mentorship having worked at TechGarage Summer Camp for several years, where he shared his passion for engineering by teaching students rapid prototyping skills, programming, computer assisted design, and virtual reality.' },
-    { name: 'Carisse Joseph', slug: 'carisse', role: "Social Media Manager (Fractional)", bio: "Carisse Joseph is a Business strategist and analyst at Golden Hour where she uses data analysis and marketing to find solutions. She received her Bachelor's Degree in Management Information Systems from Florida Atlantic University in 2022 gaining a strong skillset in Cybersecurity, Business Analytics, and Business Management. Her deep understanding of account management, coupled with her expertise in creative advertising, customer service, and leadership, enables Carisse to think outside the box and approach challenges with innovative solutions. She consistently goes above and beyond to elevate the programs she oversees, ensuring their success and impact.", image: 'team3' }
+    { name: 'Carisse Joseph', slug: 'carisse', role: 'Social Media Manager (Fractional)', image: 'carisse', bio: 'Carisse Joseph is a Business strategist and analyst at Golden Hour where she uses data analysis and marketing to find solutions. She received her Bachelor\'s Degree in Management Information Systems from Florida Atlantic University in 2022 gaining a strong skillset in Cybersecurity, Business Analytics, and Business Management. Her deep understanding of account management, coupled with her expertise in creative advertising, customer service, and leadership, enables Carisse to think outside the box and approach challenges with innovative solutions. She consistently goes above and beyond to elevate the programs she oversees, ensuring their success and impact.' }
   ],
   testimonials: [
     {
       quote: 'To have a product like this... was not even a question.',
-      name: 'Anthony Sizemore',
+      name: 'Chief Anthony Sizemore',
-      title: 'Chief, Cape Coral Police Department'
+      title: 'Cape Coral Police Department'
     },
     {
       quote: 'Knowing how to use [AutoTQ] is going to save someone’s life.',
-      name: 'Colin Johnson',
+      name: 'Deputy Chief Colin Johnson',
-      title: 'Deputy Chief, Lee County Public Safety'
+      title: 'Lee County Public Safety'
     },
     {
-      quote: 'It is very difficult to put a tourniquet on... you put it on, strap it, push the button, and that’s it.',
+      quote: 'It is very difficult to put a tourniquet on. What I love about AutoTQ is that, first, it has a wider band, and second of all, you put it on, strap it, push the button, and that’s it.',
-      name: 'Dr. Peter Antevy',
+      name: 'Dr. Peter Antevy, M.D.',
-      title: 'M.D.'
+      title: 'Pediatric Emergency Medicine Physician and EMS Medical Director'
     },
     {
-      quote: 'There has never been a greater need for an intuitive tourniquet...',
+      quote: 'This is the AED of bleeding. You have a device here that has wide-scale interest, certainly from the public and private sector.',
-      name: 'Gracie Diaz',
+      name: 'Dr. Robert Glatter',
-      title: 'Deputy Superintendent, FAU K-12 Lab School District'
+      title: 'Emergency Medicine Physician, Lenox Hill Hospital'
+    }
+  ],
+  news: [
+    {
+      date: 'Feb 9, 2026',
+      title: 'A 21-Year-Old Saw a Deadly Gap in Emergency Care- Now the Solution Is Used Nationwide',
+      url: 'https://theautotq.com/deployed'
+    },
+    {
+      date: 'Jan 19, 2026',
+      title: 'Golden Hour Medical Aligns with The Blueprint Corporation to Expand Safety Solutions Nationwide',
+      url: 'https://theautotq.com/blueprint'
+    },
+    {
+      date: 'Jan 19, 2026',
+      title: 'Golden Hour Medical and PMG Safety Partner to Expand Workplace Safety Access',
+      url: 'https://theautotq.com/pmg'
+    },
+    {
+      date: 'Jan 8, 2026',
+      title: 'Lee County Deploys AutoTQ® Kits Alongside Public AEDs in County Parks',
+      url: 'https://theautotq.com/lee-press-release'
     }
   ],
   nav: [
@@ -81,9 +112,11 @@ module.exports = {
     { label: 'Training', href: '/training' },
     { label: 'Literature', href: '/literature' },
     { label: 'News', href: '/news' },
-    { label: 'Testimonials', href: '/testimonials' },
     { label: 'Articles', href: '/articles' },
-    { label: 'Contact', href: '/contact' }
+    { label: 'Testimonials', href: '/testimonials' },
+    { label: 'Shop', href: '/shop' },
+    { label: 'Contact', href: '/contact' },
+    { label: 'Report a Life Saved', href: '/report' }
   ],
   theme: {
     colors: {

views/articles.ejs

@@ -2,20 +2,21 @@
   <section class="page-hero">
     <div class="container">
       <h1>Articles</h1>
-      <p class="lead">Source-linked industry articles and preparedness insights.</p>
+      <p class="lead">Preparedness and safety articles from AutoTQ source pages.</p>
     </div>
   </section>
 
   <section class="section">
-    <div class="container grid-2">
+    <div class="container timeline">
-      <article class="glass-card">
+      <article class="glass-card news-card reveal" data-reveal><h3>Safety Preparedness Across Transportation Operations</h3><a class="text-link" href="https://theautotq.com/articles/safety-preparedness-transportation" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-        <p class="date">2026-02-19</p>
+      <article class="glass-card news-card reveal" data-reveal><h3>Why Schools Need Bleeding Control & Safety Tools</h3><a class="text-link" href="https://theautotq.com/articles/why-schools-need-bleeding-control-amp-safety-tools-preparedness-that-saves-lives" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-        <h3>Safety Preparedness Across Transportation Operations</h3>
+      <article class="glass-card news-card reveal" data-reveal><h3>What AEDs Taught Us About Emergency Response</h3><a class="text-link" href="https://theautotq.com/articles/what-aeds-taught-us-about-emergency-response-and-why-bleeding-control-is-evolving" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-        <p>Source: AutoTQ Articles</p>
+      <article class="glass-card news-card reveal" data-reveal><h3>Preparedness Behind the Scenes: Safety in Sports Venues</h3><a class="text-link" href="https://theautotq.com/articles/preparedness-behind-the-scenes-safety-in-sports-venues" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-      </article>
+      <article class="glass-card news-card reveal" data-reveal><h3>Do Tourniquets Have to Hurt to Work?</h3><a class="text-link" href="https://theautotq.com/articles/do-tourniquets-have-to-hurt-to-work" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-    </div>
+      <article class="glass-card news-card reveal" data-reveal><h3>Industrial Bleeding Emergencies in Manufacturing</h3><a class="text-link" href="https://theautotq.com/articles/industrial-bleeding-emergencies-a-growing-safety-risk-in-manufacturing" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-    <div class="container">
+      <article class="glass-card news-card reveal" data-reveal><h3>Automatic Tourniquets on Construction Sites</h3><a class="text-link" href="https://theautotq.com/articles/automatic-tourniquets-construction-sites" target="_blank" rel="noopener noreferrer">Read source →</a></article>
-      <p><a class="text-link" href="https://theautotq.com/articles" target="_blank" rel="noopener noreferrer">View all articles on theautotq.com →</a></p>
+      <article class="glass-card news-card reveal" data-reveal><h3>Safe and Effective Bleeding Intervention</h3><a class="text-link" href="https://theautotq.com/articles/safeandeffective" target="_blank" rel="noopener noreferrer">Read source →</a></article>
+      <article class="glass-card news-card reveal" data-reveal><h3>When Help Is Far Away: Safety in Forestry and Logging</h3><a class="text-link" href="https://theautotq.com/articles/when-help-is-far-away-safety-in-forestry-and-logging" target="_blank" rel="noopener noreferrer">Read source →</a></article>
     </div>
   </section>
 </main>

views/carisse.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team3 %>" alt="Carisse" /><h1>Carisse</h1><p><%= (config.team.find(t => t.slug === 'carisse') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'carisse') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'carisse'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/company.ejs

@@ -6,37 +6,30 @@
     </div>
   </section>
 
-  <section class="section">
-    <div class="container">
-      <h2>Mission</h2>
-      <p>Advance life-saving readiness by making tourniquet intervention more approachable for first responders and everyday users.</p>
-    </div>
-  </section>
-
   <section class="section section-alt">
-    <div class="container">
-      <h2>Company Gallery</h2>
-      <div class="gallery-grid">
-        <% for (let i = 1; i <= 7; i++) { %>
-        <img src="<%= config.assets.images[`company${i}`] %>" alt="AutoTQ company image <%= i %>" loading="lazy" />
-        <% } %>
-      </div>
-    </div>
-  </section>
-
-  <section class="section">
     <div class="container">
       <h2>Team</h2>
       <div class="team-grid">
         <% (config.team || []).forEach(member => { %>
-        <article class="glass-card team-card">
+        <article class="glass-card team-card reveal" data-reveal>
           <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
           <h3><%= member.name %></h3>
-          <p><%= member.role || 'Role and full bio available from source profile.' %></p>
+          <p><%= member.role %></p>
           <a class="text-link" href="/<%= member.slug %>">View profile →</a>
         </article>
         <% }) %>
       </div>
     </div>
   </section>
+
+  <section class="section">
+    <div class="container">
+      <h2>Company Gallery</h2>
+      <div class="gallery-grid">
+        <% for (let i = 1; i <= 7; i++) { %>
+        <img class="reveal" data-reveal src="<%= config.assets.images[`company${i}`] %>" alt="AutoTQ company image <%= i %>" loading="lazy" />
+        <% } %>
+      </div>
+    </div>
+  </section>
 </main>

views/devin.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team2 %>" alt="Devin" /><h1>Devin</h1><p><%= (config.team.find(t => t.slug === 'devin') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'devin') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'devin'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/firsttimeusers.ejs

@@ -0,0 +1,9 @@
+<main>
+  <section class="page-hero">
+    <div class="container">
+      <h1>First-Time User Finding</h1>
+      <p class="lead">Source pages reference 92% first-time-user success.</p>
+      <p><a class="text-link" href="https://theautotq.com/firsttimeusers" target="_blank" rel="noopener noreferrer">View source URL →</a></p>
+    </div>
+  </section>
+</main>

views/gabriella.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team4 %>" alt="Gabriella" /><h1>Gabriella</h1><p><%= (config.team.find(t => t.slug === 'gabriella') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'gabriella') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'gabriella'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/hannah.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.hannah %>" alt="Hannah" /><h1>Hannah</h1><p><%= (config.team.find(t => t.slug === 'hannah') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'hannah') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'hannah'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/index.ejs

@@ -1,17 +1,19 @@
 <main>
   <section class="hero">
     <div class="hero-bg"></div>
+    <div class="hero-orb hero-orb-1" aria-hidden="true"></div>
+    <div class="hero-orb hero-orb-2" aria-hidden="true"></div>
     <div class="container hero-grid">
-      <div>
+      <div class="reveal" data-reveal>
         <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>
+        <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>
         <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">
+      <div class="glass-card media-card reveal" data-reveal data-parallax="0.05">
         <img src="<%= config.assets.images.hero %>" alt="AutoTQ demonstration" loading="eager" />
       </div>
     </div>
@@ -19,59 +21,69 @@
 
   <section class="section">
     <div class="container split">
-      <div>
+      <div class="reveal" data-reveal>
         <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">
+      <div class="stats-grid reveal" data-reveal>
-        <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>92%</h3><p>First-time user success from source research pages.</p></article>
-        <article class="glass-card stat-card"><h3>100%</h3><p>Arterial occlusion mention in cited findings.</p></article>
+        <article class="glass-card stat-card"><h3>100%</h3><p>Arterial occlusion from source research pages.</p></article>
       </div>
     </div>
   </section>
 
   <section class="section section-alt">
-    <div class="container">
+    <div class="container split">
-      <h2>Research-backed and deployment-ready</h2>
+      <div class="reveal" data-reveal>
-      <p class="lead">AutoTQ emphasizes intuitive use, rapid application, and consistency under stress. Explore published references and source pages in Research.</p>
+        <h2>Watch AutoTQ in deployment context</h2>
-      <a class="text-link" href="/research">Review research and sources →</a>
+        <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>
+      <div class="glass-card video-frame reveal" data-reveal>
+        <iframe
+          src="<%= config.videos[0].embedUrl %>"
+          title="<%= config.videos[0].title %>"
+          loading="lazy"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+          allowfullscreen
+        ></iframe>
+      </div>
     </div>
   </section>
 
   <section class="section">
     <div class="container">
-      <h2>Trusted nationwide</h2>
+      <h2 class="reveal" data-reveal>Latest updates</h2>
-      <p class="lead">Organizations across public safety, education, and operations are adopting AutoTQ into preparedness plans.</p>
+      <div class="timeline">
-      <div class="chip-list">
+        <% (config.news || []).forEach(item => { %>
-        <span class="chip">Public Safety</span>
+          <article class="glass-card news-card reveal" data-reveal>
-        <span class="chip">Law Enforcement</span>
+            <p class="date"><%= item.date %></p>
-        <span class="chip">Schools</span>
+            <h3><%= item.title %></h3>
-        <span class="chip">Parks & Recreation</span>
+            <a class="text-link" href="<%= item.url %>" target="_blank" rel="noopener noreferrer">View source →</a>
-        <span class="chip">Transportation Operations</span>
+          </article>
-        <span class="chip">Workplace Safety Programs</span>
+        <% }) %>
       </div>
     </div>
   </section>
 
   <section class="section section-alt">
     <div class="container">
-      <h2>Testimonials</h2>
+      <h2 class="reveal" data-reveal>Testimonials</h2>
       <div class="grid-2">
-        <% (config.testimonials || []).slice(0, 2).forEach(t => { %>
+        <% (config.testimonials || []).forEach(t => { %>
-        <article class="glass-card quote-card">
+        <article class="glass-card quote-card reveal" data-reveal>
           <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">
+    <div class="container cta-card glass-card reveal" data-reveal>
       <h2>Bring AutoTQ into your safety ecosystem</h2>
-      <p>Contact the AutoTQ team for deployment, training, and literature.</p>
+      <p>Contact the team for deployment, training, literature, and partnership details.</p>
       <a href="/contact" class="btn btn-primary">Contact AutoTQ</a>
     </div>
   </section>

views/jamie.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team3 %>" alt="Jamie" /><h1>Jamie</h1><p><%= (config.team.find(t => t.slug === 'jamie') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'jamie') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'jamie'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/laresa.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team2 %>" alt="Laresa" /><h1>Laresa</h1><p><%= (config.team.find(t => t.slug === 'laresa') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'laresa') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'laresa'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/literature.ejs

@@ -2,13 +2,13 @@
   <section class="page-hero">
     <div class="container">
       <h1>Literature</h1>
-      <p class="lead">Official AutoTQ literature files.</p>
+      <p class="lead">Official AutoTQ literature and reference files.</p>
     </div>
   </section>
   <section class="section">
     <div class="container grid-2">
       <% (config.literature || []).forEach((doc) => { %>
-      <article class="glass-card literature-card">
+      <article class="glass-card literature-card reveal" data-reveal>
         <h3><%= doc.title %></h3>
         <p>PDF document</p>
         <a href="<%= doc.url %>" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Open PDF</a>

views/max.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team4 %>" alt="Max" /><h1>Max</h1><p><%= (config.team.find(t => t.slug === 'max') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'max') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'max'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/nandini.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team3 %>" alt="Nandini" /><h1>Nandini</h1><p><%= (config.team.find(t => t.slug === 'nandini') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'nandini') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'nandini'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/news.ejs

@@ -2,27 +2,19 @@
   <section class="page-hero">
     <div class="container">
       <h1>News</h1>
-      <p class="lead">Recent source-provided AutoTQ headlines.</p>
+      <p class="lead">Recent AutoTQ news and press links.</p>
     </div>
   </section>
 
   <section class="section">
     <div class="container timeline">
-      <article class="glass-card news-card">
+      <% (config.news || []).forEach(item => { %>
-        <p class="date">Feb 9, 2026</p>
+      <article class="glass-card news-card reveal" data-reveal>
-        <h3>A 21-Year-Old Saw a Deadly Gap in Emergency Care- Now the Solution Is Used Nationwide</h3>
+        <p class="date"><%= item.date %></p>
-        <a class="text-link" href="https://theautotq.com/deployed" target="_blank" rel="noopener noreferrer">View source →</a>
+        <h3><%= item.title %></h3>
-      </article>
+        <a class="text-link" href="<%= item.url %>" target="_blank" rel="noopener noreferrer">View source →</a>
-      <article class="glass-card news-card">
-        <p class="date">Jan 19, 2026</p>
-        <h3>Golden Hour Medical Aligns with The Blueprint Corporation to Expand Safety Solutions Nationwide</h3>
-        <a class="text-link" href="https://theautotq.com/blueprint" target="_blank" rel="noopener noreferrer">View source →</a>
-      </article>
-      <article class="glass-card news-card">
-        <p class="date">Jan 8, 2026</p>
-        <h3>Lee County Deploys AutoTQ® Kits Alongside Public AEDs in County Parks</h3>
-        <a class="text-link" href="https://theautotq.com/lee-press-release" target="_blank" rel="noopener noreferrer">View source →</a>
       </article>
+      <% }) %>
     </div>
   </section>
 </main>

views/nick.ejs

@@ -1 +1,17 @@
-<main><section class="page-hero"><div class="container profile-card glass-card"><img src="<%= config.assets.images.team2 %>" alt="Nick" /><h1>Nick</h1><p><%= (config.team.find(t => t.slug === 'nick') || {}).role || 'Role not included in provided source extract.' %></p><p><%= (config.team.find(t => t.slug === 'nick') || {}).bio || 'Full bio text was not included in the provided source extract.' %></p><p><a class="text-link" href="/company">← Back to Company</a></p></div></section></main>
+<main>
+  <section class="page-hero">
+    <div class="container profile-card glass-card reveal" data-reveal>
+      <% const member = (config.team || []).find(t => t.slug === 'nick'); %>
+      <% if (member) { %>
+        <img src="<%= config.assets.images[member.image] %>" alt="<%= member.name %>" loading="lazy" />
+        <h1><%= member.name %></h1>
+        <p><strong><%= member.role %></strong></p>
+        <p><%= member.bio %></p>
+      <% } else { %>
+        <h1>Profile</h1>
+        <p>Profile not found.</p>
+      <% } %>
+      <p><a class="text-link" href="/company">← Back to Company</a></p>
+    </div>
+  </section>
+</main>

views/occlusion.ejs

@@ -0,0 +1,9 @@
+<main>
+  <section class="page-hero">
+    <div class="container">
+      <h1>Occlusion Finding</h1>
+      <p class="lead">Source pages reference 100% arterial occlusion.</p>
+      <p><a class="text-link" href="https://theautotq.com/occlusion" target="_blank" rel="noopener noreferrer">View source URL →</a></p>
+    </div>
+  </section>
+</main>

views/report.ejs

@@ -0,0 +1,9 @@
+<main>
+  <section class="page-hero">
+    <div class="container">
+      <h1>Report a Life Saved</h1>
+      <p class="lead">Use the official source page to report a life saved event.</p>
+      <p><a class="btn btn-primary" href="https://theautotq.com/report" target="_blank" rel="noopener noreferrer">Open Report Page</a></p>
+    </div>
+  </section>
+</main>

views/research.ejs

@@ -8,17 +8,17 @@
 
   <section class="section">
     <div class="container grid-2">
-      <article class="glass-card">
+      <article class="glass-card reveal" data-reveal>
         <h3>Occlusion Finding</h3>
-        <p>Source pages reference a 100% arterial occlusion mention.</p>
+        <p>Source pages reference a 100% arterial occlusion finding.</p>
-        <p><a class="text-link" href="/occlusion">Internal route: /occlusion</a></p>
+        <p><a class="text-link" href="/occlusion">Read summary page →</a></p>
-        <p><a class="text-link" href="https://theautotq.com/occlusion" target="_blank" rel="noopener noreferrer">External source: theautotq.com/occlusion</a></p>
+        <p><a class="text-link" href="https://theautotq.com/occlusion" target="_blank" rel="noopener noreferrer">View source URL →</a></p>
       </article>
-      <article class="glass-card">
+      <article class="glass-card reveal" data-reveal>
         <h3>First-Time User Finding</h3>
-        <p>Source pages reference 92% first-time user success.</p>
+        <p>Source pages reference 92% first-time-user success.</p>
-        <p><a class="text-link" href="/firsttimeusers">Internal route: /firsttimeusers</a></p>
+        <p><a class="text-link" href="/firsttimeusers">Read summary page →</a></p>
-        <p><a class="text-link" href="https://theautotq.com/firsttimeusers" target="_blank" rel="noopener noreferrer">External source: theautotq.com/firsttimeusers</a></p>
+        <p><a class="text-link" href="https://theautotq.com/firsttimeusers" target="_blank" rel="noopener noreferrer">View source URL →</a></p>
       </article>
     </div>
   </section>

views/shop.ejs

@@ -0,0 +1,9 @@
+<main>
+  <section class="page-hero">
+    <div class="container">
+      <h1>Shop</h1>
+      <p class="lead">For current purchasing options, use the official source page.</p>
+      <p><a class="btn btn-primary" href="https://theautotq.com/shop" target="_blank" rel="noopener noreferrer">Open Official Shop</a></p>
+    </div>
+  </section>
+</main>

views/testimonials.ejs

@@ -2,13 +2,14 @@
   <section class="page-hero">
     <div class="container">
       <h1>Testimonials</h1>
-      <p class="lead">Real quotes from source-provided attributions.</p>
+      <p class="lead">Feedback from public safety and medical professionals.</p>
     </div>
   </section>
-  <section class="section">
+
+  <section class="section section-alt">
     <div class="container grid-2">
       <% (config.testimonials || []).forEach(t => { %>
-      <article class="glass-card quote-card">
+      <article class="glass-card quote-card reveal" data-reveal>
         <p>“<%= t.quote %>”</p>
         <span>— <%= t.name %>, <%= t.title %></span>
       </article>

views/training.ejs

@@ -2,23 +2,21 @@
   <section class="page-hero">
     <div class="container">
       <h1>Training</h1>
-      <p class="lead">Prepare teams to act confidently when every second counts.</p>
+      <p class="lead">Training and preparedness resources for effective deployment.</p>
+      <p><a class="text-link" href="https://theautotq.com/training" target="_blank" rel="noopener noreferrer">View source training page →</a></p>
     </div>
   </section>
+
   <section class="section">
-    <div class="container split">
+    <div class="container grid-2">
-      <div class="glass-card media-card">
+      <article class="glass-card reveal" data-reveal>
-        <img src="<%= config.assets.images.videoThumb %>" alt="Training resources thumbnail" loading="lazy" />
+        <h3>Deployment Familiarization</h3>
-      </div>
+        <p>Introduce teams to two-step use and one-button activation workflows.</p>
-      <div>
+      </article>
-        <h2>Core training flow</h2>
+      <article class="glass-card reveal" data-reveal>
-        <ul class="checklist">
+        <h3>Scenario Practice</h3>
-          <li>Recognize severe bleeding scenarios</li>
+        <p>Rehearse emergency response and communication under stress conditions.</p>
-          <li>Apply cuff and tighten</li>
+      </article>
-          <li>Activate inflation and follow audio instructions</li>
-          <li>Escalate to emergency services and advanced care</li>
-        </ul>
-      </div>
     </div>
   </section>
 </main>