Source-faithful AutoTQ refresh: config, new about-autotq/team profiles, content pages, nav/layout, contact form wiring, and styling updates
This commit is contained in:
parent
11646f2731
commit
b891f49898
24 changed files with 307 additions and 221 deletions
|
|
@ -9,113 +9,48 @@
|
|||
--border: #e6e6e6;
|
||||
--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}
|
||||
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)}
|
||||
|
||||
* { 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;
|
||||
}
|
||||
a { color: inherit; text-decoration: none; }
|
||||
img { max-width: 100%; height: auto; 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)}
|
||||
.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)}
|
||||
.mobile-toggle{display:none;border:0;background:transparent}.mobile-toggle span{display:block;width:22px;height:2px;background:#222;margin:5px 0}
|
||||
|
||||
.site-header {
|
||||
position: sticky; top: 0; z-index: 999;
|
||||
background: #ffffff;
|
||||
border-bottom: 1px solid var(--border);
|
||||
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
|
||||
}
|
||||
.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: .95rem; }
|
||||
.site-nav a { color: var(--muted); font-weight: 500; transition: .25s ease; }
|
||||
.site-nav a:hover, .site-nav a.active { color: var(--accent); }
|
||||
.mobile-toggle { display: none; border: 0; background: transparent; padding: .25rem; }
|
||||
.mobile-toggle span { width: 22px; height: 2px; background: var(--text); display: block; 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-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-primary{background:var(--accent);color:#fff}.btn-ghost{border-color:#ccc;background:#fff}.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
|
||||
|
||||
.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-grid { position: relative; display: grid; grid-template-columns: 1.1fr .9fr; gap: 2rem; align-items: center; }
|
||||
.eyebrow { color: var(--accent); font-weight: 600; letter-spacing: .05em; text-transform: uppercase; font-size: .82rem; }
|
||||
h1 { font-size: clamp(2.2rem, 5vw, 4rem); margin: .25rem 0 .75rem; line-height: 1.1; }
|
||||
h2 { font-size: clamp(1.7rem, 3.2vw, 2.4rem); line-height: 1.2; margin-top: 0; }
|
||||
.lead { color: var(--muted); font-size: 1.1rem; max-width: 65ch; }
|
||||
.hero-actions { display: flex; gap: .8rem; margin-top: 1.5rem; flex-wrap: wrap; }
|
||||
.glass-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:1.2rem;box-shadow:var(--shadow)}
|
||||
.media-card{padding:.75rem}.media-card img{border-radius:12px;width:100%;object-fit:cover}
|
||||
.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}
|
||||
|
||||
.btn {
|
||||
display: inline-flex; align-items: center; justify-content: center;
|
||||
padding: .75rem 1.1rem; border-radius: 999px; font-weight: 600;
|
||||
border: 1px solid transparent; transition: .25s ease;
|
||||
}
|
||||
.btn-primary { background: var(--accent); color: #ffffff; }
|
||||
.btn-primary:hover { transform: translateY(-2px); background: var(--accent-2); }
|
||||
.btn-ghost { border-color: #cfcfcf; color: var(--text); background: #fff; }
|
||||
.btn-ghost:hover { border-color: var(--accent); color: var(--accent); }
|
||||
.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.stat-card h3{font-size:2rem;margin:.2rem 0;color:var(--accent)}
|
||||
.chip-list{display:flex;flex-wrap:wrap;gap:.55rem}.chip{border:1px solid #f0b7b7;background:#fff5f5;color:#961717;padding:.45rem .7rem;border-radius:999px;font-weight:600;font-size:.9rem}
|
||||
.cta-card{text-align:center}.text-link{color:var(--accent);font-weight:600}
|
||||
|
||||
.glass-card {
|
||||
background: var(--card);
|
||||
border: 1px solid var(--border);
|
||||
border-radius: 18px;
|
||||
padding: 1.2rem;
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
.media-card { padding: .75rem; overflow: hidden; }
|
||||
.media-card img { border-radius: 12px; width: 100%; object-fit: cover; }
|
||||
.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; }
|
||||
.feature-card, .literature-card, .quote-card { transition: transform .25s ease, border-color .25s ease; }
|
||||
.feature-card:hover, .literature-card:hover, .quote-card:hover { transform: translateY(-4px); border-color: rgba(209,32,32,.45); }
|
||||
.page-hero { padding: 5rem 0 1.5rem; }
|
||||
.text-link { color: var(--accent); font-weight: 600; }
|
||||
.checklist { padding-left: 1.1rem; }
|
||||
.checklist li { margin: .45rem 0; }
|
||||
.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}
|
||||
.profile-card{max-width:760px}.profile-card img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin-bottom:1rem}
|
||||
|
||||
.inquiry-form label { display: block; font-weight: 500; margin-bottom: .8rem; }
|
||||
.inquiry-form input, .inquiry-form textarea {
|
||||
width: 100%; margin-top: .35rem; padding: .7rem .8rem;
|
||||
border-radius: 12px; border: 1px solid #cccccc;
|
||||
background: #ffffff; color: var(--text);
|
||||
}
|
||||
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; }
|
||||
.alert {
|
||||
margin-top: 1rem; padding: .8rem .9rem; border-radius: 12px;
|
||||
border: 1px solid #f0b3b3; background: #fff1f1;
|
||||
color: #b42323;
|
||||
}
|
||||
.timeline{display:grid;gap:1rem}.news-card .date,.date{color:#a61c1c;font-weight:700;font-size:.9rem}
|
||||
.quote-card p{font-size:1.05rem}
|
||||
|
||||
.site-footer {
|
||||
border-top: 1px solid #2a2a2a;
|
||||
margin-top: 3rem;
|
||||
padding-top: 2.5rem;
|
||||
background: #1a1a1a;
|
||||
color: #f2f2f2;
|
||||
}
|
||||
.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; }
|
||||
.inquiry-form label{display:block;font-weight:500;margin-bottom:.8rem}.inquiry-form input,.inquiry-form textarea{width:100%;margin-top:.35rem;padding:.7rem .8rem;border-radius:12px;border:1px solid #ccc}
|
||||
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.alert{margin-top:1rem;padding:.8rem .9rem;border:1px solid #f0b3b3;background:#fff1f1;color:#b42323;border-radius:12px}
|
||||
.form-status{margin-top:.8rem;font-weight:600}.form-status.success{color:#146c2f}.form-status.error{color:#b42323}.form-status.pending{color:#8a5a00}
|
||||
|
||||
@media (max-width: 980px) {
|
||||
.hero-grid, .split, .grid-3 { grid-template-columns: 1fr; }
|
||||
.grid-2, .footer-grid, .form-grid { grid-template-columns: 1fr; }
|
||||
.mobile-toggle { display: inline-block; }
|
||||
.site-nav {
|
||||
position: absolute; top: 76px; right: 1rem; left: 1rem;
|
||||
background: #ffffff; 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; }
|
||||
}
|
||||
.site-footer{border-top:1px solid #2a2a2a;margin-top:3rem;padding-top:2.5rem;background:#1a1a1a;color:#f2f2f2}
|
||||
.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}}
|
||||
|
|
|
|||
|
|
@ -16,4 +16,42 @@
|
|||
});
|
||||
});
|
||||
}
|
||||
|
||||
const contactForm = document.getElementById('contactForm');
|
||||
const status = document.getElementById('formStatus');
|
||||
const endpoint = 'https://api.corben.world/forms/af90392e-9399-4778-9b80-9eed83580f1d/submit';
|
||||
|
||||
if (contactForm && status) {
|
||||
contactForm.addEventListener('submit', async (event) => {
|
||||
event.preventDefault();
|
||||
|
||||
if (!contactForm.checkValidity()) {
|
||||
status.textContent = 'Please complete all required fields.';
|
||||
status.className = 'form-status error';
|
||||
contactForm.reportValidity();
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = Object.fromEntries(new FormData(contactForm).entries());
|
||||
status.textContent = 'Sending...';
|
||||
status.className = 'form-status pending';
|
||||
|
||||
try {
|
||||
const response = await fetch(endpoint, {
|
||||
method: 'POST',
|
||||
headers: { 'Content-Type': 'application/json' },
|
||||
body: JSON.stringify(payload)
|
||||
});
|
||||
|
||||
if (!response.ok) throw new Error('Submission failed');
|
||||
|
||||
status.textContent = 'Thank you. Your inquiry was submitted successfully.';
|
||||
status.className = 'form-status success';
|
||||
contactForm.reset();
|
||||
} catch (error) {
|
||||
status.textContent = 'Unable to submit right now. Please try again.';
|
||||
status.className = 'form-status error';
|
||||
}
|
||||
});
|
||||
}
|
||||
})();
|
||||
|
|
|
|||
|
|
@ -2,8 +2,7 @@ module.exports = {
|
|||
brand: {
|
||||
name: 'AutoTQ',
|
||||
legalName: 'Golden Hour Medical, Inc.',
|
||||
tagline:
|
||||
'Empowering anyone to stop the bleed with audio instructions and one-button activation.'
|
||||
tagline: 'Empowering anyone to stop the bleed with audio instructions and one-button activation.'
|
||||
},
|
||||
contact: {
|
||||
phoneDisplay: '+1 561-325-8758',
|
||||
|
|
@ -13,38 +12,70 @@ module.exports = {
|
|||
addressLine2: 'Boca Raton, FL 33487'
|
||||
},
|
||||
assets: {
|
||||
logo: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/44ea0cbc-1d90-43ab-b2ca-38f9f2717c73/newlogooo.png?format=1500w',
|
||||
logo: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/4748daf4-ded0-42be-a799-724b222d0eab/image.webp',
|
||||
images: {
|
||||
hero: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/379c6058-a7a4-4af5-b379-fe86a13084b8/IMG_6201.JPG',
|
||||
product: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/38f01936-8f6b-439d-9fa1-5c9860745f16/DSC_7139+%281%29.jpg',
|
||||
videoThumb: 'https://img.youtube.com/vi/4PnhBm5WIg0/maxresdefault.jpg',
|
||||
hannah: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/27abd685-ee03-4aa7-915e-f297515184eb/Hannah+Headshot.jpg',
|
||||
team2: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/809cb685-0242-4d26-a5ec-55904d83d054/1666112743775.jpg',
|
||||
team3: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/d545653b-92ba-4db5-91a7-aec5e7e35b9f/IMG_2699.png',
|
||||
team4: 'https://images.squarespace-cdn.com/content/v1/6491d25fefa4aa7d4b856ce6/922b633d-e930-472e-bda6-da2c08eb6fb3/DSC_1584.jpg'
|
||||
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',
|
||||
team2: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/52ff9890-bf70-4e83-af9b-95618602b1e1/image.webp',
|
||||
team3: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/4c097122-4779-4016-a93b-74ac6812e596/image.webp',
|
||||
team4: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/80eaa398-3bef-4685-88ae-67f22a89b217/image.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',
|
||||
company4: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/504be994-7727-4127-bd66-0491cf4874ff/image.webp',
|
||||
company5: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/7a501c53-9d3c-469b-bf57-6f61cb607b94/image.webp',
|
||||
company6: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/2503910d-8783-47c5-85f3-d5e4b81698d2/image.webp',
|
||||
company7: 'https://nyc3.digitaloceanspaces.com/corben-sites/images/c23ea202-5442-41b4-9a1b-1586e81c50eb/ac084500-51a1-456a-b7fd-31b84d238eea/image.webp'
|
||||
}
|
||||
},
|
||||
literature: [
|
||||
{
|
||||
title: 'AutoTQ Booklet',
|
||||
url: 'https://theautotq.com/s/AutoTQ-Booklet.pdf'
|
||||
url: 'https://api.corben.world/files/f1aa8c2f-f815-4db7-883c-223ab4bda43d/public'
|
||||
},
|
||||
{
|
||||
title: 'AutoTQ Flyer',
|
||||
url: 'https://theautotq.com/s/AutoTQ-Flyer.pdf'
|
||||
title: 'Final IFU',
|
||||
url: 'https://api.corben.world/files/f149787a-90fe-41f9-8650-6351a8b54be2/public'
|
||||
}
|
||||
],
|
||||
team: [
|
||||
{ name: 'Hannah', slug: 'hannah', role: '', bio: '', image: 'hannah' },
|
||||
{ name: 'Laresa', slug: 'laresa', role: '', bio: '', image: 'team2' },
|
||||
{ name: 'Jamie', slug: 'jamie', role: '', bio: '', image: 'team3' },
|
||||
{ name: 'Gabriella', slug: 'gabriella', role: '', bio: '', image: 'team4' },
|
||||
{ name: 'Devin', slug: 'devin', role: '', bio: '', image: 'team2' },
|
||||
{ name: 'Nandini', slug: 'nandini', role: '', bio: '', image: 'team3' },
|
||||
{ name: 'Max', slug: 'max', role: '', bio: '', image: 'team4' },
|
||||
{ name: 'Nick', slug: 'nick', role: '', bio: '', image: 'team2' },
|
||||
{ name: 'Carisse', slug: 'carisse', role: '', bio: '', image: 'team3' }
|
||||
],
|
||||
testimonials: [
|
||||
{
|
||||
quote: 'To have a product like this... was not even a question.',
|
||||
name: 'Anthony Sizemore',
|
||||
title: 'Chief, Cape Coral Police Department'
|
||||
},
|
||||
{
|
||||
title: 'OSHA Whitepaper',
|
||||
url: 'https://theautotq.com/s/OSHA-Whitepaper.pdf'
|
||||
quote: 'Knowing how to use [AutoTQ] is going to save someone’s life.',
|
||||
name: 'Colin Johnson',
|
||||
title: 'Deputy Chief, Lee County Public Safety'
|
||||
},
|
||||
{
|
||||
title: 'Relevant Industries AutoTQ',
|
||||
url: 'https://theautotq.com/s/Relevant-Industries-AutoTQ.pdf'
|
||||
quote: 'It is very difficult to put a tourniquet on... you put it on, strap it, push the button, and that’s it.',
|
||||
name: 'Dr. Peter Antevy',
|
||||
title: 'M.D.'
|
||||
},
|
||||
{
|
||||
quote: 'There has never been a greater need for an intuitive tourniquet...',
|
||||
name: 'Gracie Diaz',
|
||||
title: 'Deputy Superintendent, FAU K-12 Lab School District'
|
||||
}
|
||||
],
|
||||
nav: [
|
||||
{ label: 'Home', href: '/' },
|
||||
{ label: 'About', href: '/about' },
|
||||
{ label: 'About AutoTQ', href: '/about-autotq' },
|
||||
{ label: 'Company', href: '/company' },
|
||||
{ label: 'Research', href: '/research' },
|
||||
{ label: 'Training', href: '/training' },
|
||||
|
|
@ -65,11 +96,7 @@ module.exports = {
|
|||
card: '#ffffff',
|
||||
border: '#e6e6e6'
|
||||
},
|
||||
radius: {
|
||||
sm: '10px',
|
||||
md: '16px',
|
||||
lg: '24px'
|
||||
},
|
||||
radius: { sm: '10px', md: '16px', lg: '24px' },
|
||||
maxWidth: '1200px'
|
||||
}
|
||||
};
|
||||
|
|
|
|||
29
views/about-autotq.ejs
Normal file
29
views/about-autotq.ejs
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<main>
|
||||
<section class="page-hero">
|
||||
<div class="container split">
|
||||
<div>
|
||||
<h1>About AutoTQ</h1>
|
||||
<p class="lead">AutoTQ is an automatic pneumatic tourniquet platform designed to improve bleeding control outcomes with simplified operation and guided use.</p>
|
||||
</div>
|
||||
<div class="glass-card media-card">
|
||||
<img src="<%= config.assets.images.product %>" alt="AutoTQ product" loading="lazy" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<article class="glass-card"><h3>Two-Step Application</h3><p>Apply and tighten the cuff, then activate with one button.</p></article>
|
||||
<article class="glass-card"><h3>Audio Guidance</h3><p>Built-in audio prompts support users through critical steps under stress.</p></article>
|
||||
<article class="glass-card"><h3>Preparedness Focus</h3><p>Developed for broad deployment where non-expert response may be needed first.</p></article>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section section-alt">
|
||||
<div class="container stats-grid">
|
||||
<article class="glass-card stat-card"><h3>92%</h3><p>First-time user success mention from source research pages.</p></article>
|
||||
<article class="glass-card stat-card"><h3>100%</h3><p>Arterial occlusion mention from source research pages.</p></article>
|
||||
<article class="glass-card stat-card"><h3>Nationwide</h3><p>Referenced deployments and partnerships across U.S. organizations.</p></article>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
@ -1,23 +1,9 @@
|
|||
<main>
|
||||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>About <%= config.brand.name %></h1>
|
||||
<p class="lead"><%= config.brand.tagline %></p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container split">
|
||||
<div>
|
||||
<h2>Mission-driven innovation</h2>
|
||||
<p>
|
||||
AutoTQ exists to make life-saving hemorrhage control accessible to more people in more settings.
|
||||
The product combines simple operation with guided support for fast adoption.
|
||||
</p>
|
||||
<p><strong>Legal entity:</strong> <%= config.brand.legalName %></p>
|
||||
</div>
|
||||
<div class="glass-card media-card">
|
||||
<img src="<%= config.assets.images.videoThumb %>" alt="AutoTQ training video preview" loading="lazy" />
|
||||
</div>
|
||||
<h1>About</h1>
|
||||
<p class="lead">The primary About page is now <a class="text-link" href="/about-autotq">About AutoTQ</a>.</p>
|
||||
<p><a class="btn btn-primary" href="/about-autotq">Go to /about-autotq</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -2,19 +2,20 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>Articles</h1>
|
||||
<p class="lead">Insights on bleeding control readiness, implementation, and training strategy.</p>
|
||||
<p class="lead">Source-linked industry articles and preparedness insights.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-2">
|
||||
<article class="glass-card">
|
||||
<h3>Designing for high-stress usability</h3>
|
||||
<p>Why intuitive controls and guided audio matter in critical response workflows.</p>
|
||||
</article>
|
||||
<article class="glass-card">
|
||||
<h3>Bringing preparedness into daily operations</h3>
|
||||
<p>Practical steps for integrating modern tourniquet tools into organizational safety programs.</p>
|
||||
<p class="date">2026-02-19</p>
|
||||
<h3>Safety Preparedness Across Transportation Operations</h3>
|
||||
<p>Source: AutoTQ Articles</p>
|
||||
</article>
|
||||
</div>
|
||||
<div class="container">
|
||||
<p><a class="text-link" href="https://theautotq.com/articles" target="_blank" rel="noopener noreferrer">View all articles on theautotq.com →</a></p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
|
|||
1
views/carisse.ejs
Normal file
1
views/carisse.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
|
|
@ -2,23 +2,41 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>Company</h1>
|
||||
<p class="lead">Focused on scalable emergency response readiness.</p>
|
||||
<p class="lead"><%= config.brand.legalName %> is focused on improving emergency bleeding response through intuitive automation and practical deployment models.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<article class="glass-card">
|
||||
<h3>Who We Are</h3>
|
||||
<p><%= config.brand.legalName %> develops practical medical response technology for real-world deployment.</p>
|
||||
</article>
|
||||
<article class="glass-card">
|
||||
<h3>What We Build</h3>
|
||||
<p>FDA-registered and patented automatic pneumatic tourniquet systems with two-step operation.</p>
|
||||
</article>
|
||||
<article class="glass-card">
|
||||
<h3>How We Support</h3>
|
||||
<p>Training resources, literature, and responsive communication for partners and buyers.</p>
|
||||
<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">
|
||||
<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>
|
||||
<a class="text-link" href="/<%= member.slug %>">View profile →</a>
|
||||
</article>
|
||||
<% }) %>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
|
|||
|
|
@ -19,17 +19,18 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<form class="glass-card inquiry-form" action="#" method="post" novalidate>
|
||||
<form class="glass-card inquiry-form" id="contactForm" action="#" method="post" novalidate>
|
||||
<h2>Inquiry Form</h2>
|
||||
<div class="form-grid">
|
||||
<label>First Name<input type="text" name="firstName" autocomplete="given-name" required /></label>
|
||||
<label>Last Name<input type="text" name="lastName" autocomplete="family-name" required /></label>
|
||||
<label>Email<input type="email" name="email" autocomplete="email" required /></label>
|
||||
<label>Phone<input type="tel" name="phone" autocomplete="tel" /></label>
|
||||
<label>Phone<input type="tel" name="phone" autocomplete="tel" required /></label>
|
||||
</div>
|
||||
<label>Organization<input type="text" name="organization" /></label>
|
||||
<label>Organization<input type="text" name="organization" required /></label>
|
||||
<label>Message<textarea name="message" rows="5" required></textarea></label>
|
||||
<button type="submit" class="btn btn-primary">Send Inquiry</button>
|
||||
<p id="formStatus" class="form-status" role="status" aria-live="polite"></p>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
1
views/devin.ejs
Normal file
1
views/devin.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
1
views/gabriella.ejs
Normal file
1
views/gabriella.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
1
views/hannah.ejs
Normal file
1
views/hannah.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
|
|
@ -3,49 +3,76 @@
|
|||
<div class="hero-bg"></div>
|
||||
<div class="container hero-grid">
|
||||
<div>
|
||||
<p class="eyebrow">FDA-Registered • Patented</p>
|
||||
<h1><%= config.brand.name %></h1>
|
||||
<p class="lead"><%= config.brand.tagline %></p>
|
||||
<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="/training" class="btn btn-ghost">View Training</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 team and product demonstration" loading="eager" />
|
||||
<img src="<%= config.assets.images.hero %>" alt="AutoTQ demonstration" loading="eager" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<article class="glass-card feature-card">
|
||||
<h3>Two-Step Operation</h3>
|
||||
<p>Tighten and inflate for intuitive, high-confidence use during critical events.</p>
|
||||
</article>
|
||||
<article class="glass-card feature-card">
|
||||
<h3>Audio Guidance</h3>
|
||||
<p>Designed with clear spoken instructions and one-button activation to support users under stress.</p>
|
||||
</article>
|
||||
<article class="glass-card feature-card">
|
||||
<h3>Reusable + Disposable</h3>
|
||||
<p>Reusable inflator with disposable cuffs for practical readiness and efficient replenishment.</p>
|
||||
</article>
|
||||
<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 split">
|
||||
<div>
|
||||
<h2>Built for preparedness where seconds matter</h2>
|
||||
<p>
|
||||
<%= config.brand.name %> helps organizations improve emergency response posture with a modern automatic pneumatic tourniquet platform focused on simplicity and reliability.
|
||||
</p>
|
||||
<a href="/research" class="text-link">Explore research insights →</a>
|
||||
<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>
|
||||
<div class="glass-card media-card">
|
||||
<img src="<%= config.assets.images.product %>" alt="AutoTQ automatic pneumatic tourniquet" loading="lazy" />
|
||||
</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>
|
||||
|
|
|
|||
1
views/jamie.ejs
Normal file
1
views/jamie.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
1
views/laresa.ejs
Normal file
1
views/laresa.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
|
|
@ -8,8 +8,6 @@
|
|||
name="description"
|
||||
content="<%= (typeof metaDescription !== 'undefined' && metaDescription) ? metaDescription : (config?.brand?.tagline || '') %>"
|
||||
/>
|
||||
<link rel="preconnect" href="https://images.squarespace-cdn.com" />
|
||||
<link rel="preconnect" href="https://img.youtube.com" />
|
||||
<link rel="stylesheet" href="/css/style.css" />
|
||||
</head>
|
||||
<% const _pageName = (typeof pageName !== 'undefined' && pageName) ? pageName : 'default'; %>
|
||||
|
|
|
|||
|
|
@ -2,15 +2,15 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>Literature</h1>
|
||||
<p class="lead">Download product and research materials.</p>
|
||||
<p class="lead">Official AutoTQ literature files.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-2">
|
||||
<% config.literature.forEach((doc) => { %>
|
||||
<% (config.literature || []).forEach((doc) => { %>
|
||||
<article class="glass-card literature-card">
|
||||
<h3><%= doc.title %></h3>
|
||||
<p>Official AutoTQ document (PDF).</p>
|
||||
<p>PDF document</p>
|
||||
<a href="<%= doc.url %>" target="_blank" rel="noopener noreferrer" class="btn btn-primary">Open PDF</a>
|
||||
</article>
|
||||
<% }) %>
|
||||
|
|
|
|||
1
views/max.ejs
Normal file
1
views/max.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
1
views/nandini.ejs
Normal file
1
views/nandini.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
|
|
@ -2,18 +2,26 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>News</h1>
|
||||
<p class="lead">Latest updates from AutoTQ.</p>
|
||||
<p class="lead">Recent source-provided AutoTQ headlines.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-2">
|
||||
<article class="glass-card">
|
||||
<h3>Product awareness initiatives</h3>
|
||||
<p>AutoTQ continues outreach with organizations focused on emergency preparedness.</p>
|
||||
<div class="container timeline">
|
||||
<article class="glass-card news-card">
|
||||
<p class="date">Feb 9, 2026</p>
|
||||
<h3>A 21-Year-Old Saw a Deadly Gap in Emergency Care- Now the Solution Is Used Nationwide</h3>
|
||||
<a class="text-link" href="https://theautotq.com/deployed" target="_blank" rel="noopener noreferrer">View source →</a>
|
||||
</article>
|
||||
<article class="glass-card">
|
||||
<h3>Training-first communication</h3>
|
||||
<p>Updated guidance materials support faster onboarding and field confidence.</p>
|
||||
<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>
|
||||
|
|
|
|||
1
views/nick.ejs
Normal file
1
views/nick.ejs
Normal file
|
|
@ -0,0 +1 @@
|
|||
<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>
|
||||
|
|
@ -16,10 +16,11 @@
|
|||
</button>
|
||||
|
||||
<nav class="site-nav" id="siteNav" aria-label="Primary navigation">
|
||||
<% (config?.nav || []).forEach(item => { %>
|
||||
<a href="<%= item.href %>" class="<%= pageName === item.label.toLowerCase() || (pageName === 'home' && item.href === '/') ? 'active' : '' %>">
|
||||
<%= item.label %>
|
||||
</a>
|
||||
<% (config?.nav || []).forEach(item => {
|
||||
const itemPage = item.href === '/' ? 'home' : item.href.replace(/^\//, '').toLowerCase();
|
||||
const active = pageName === itemPage;
|
||||
%>
|
||||
<a href="<%= item.href %>" class="<%= active ? 'active' : '' %>"><%= item.label %></a>
|
||||
<% }) %>
|
||||
<a href="/contact" class="btn btn-primary">Contact</a>
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -2,18 +2,23 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>Research</h1>
|
||||
<p class="lead">Evidence-oriented design and usability are central to AutoTQ.</p>
|
||||
<p class="lead">AutoTQ source materials reference first-time-user success and arterial occlusion findings.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="section">
|
||||
<div class="container grid-2">
|
||||
<article class="glass-card">
|
||||
<h3>Human-Centered Response</h3>
|
||||
<p>Audio prompts and one-button activation support decision-making during high-stress scenarios.</p>
|
||||
<h3>Occlusion Finding</h3>
|
||||
<p>Source pages reference a 100% arterial occlusion mention.</p>
|
||||
<p><a class="text-link" href="/occlusion">Internal route: /occlusion</a></p>
|
||||
<p><a class="text-link" href="https://theautotq.com/occlusion" target="_blank" rel="noopener noreferrer">External source: theautotq.com/occlusion</a></p>
|
||||
</article>
|
||||
<article class="glass-card">
|
||||
<h3>Operational Simplicity</h3>
|
||||
<p>Two-step workflow (tighten + inflate) is designed for clarity and rapid execution.</p>
|
||||
<h3>First-Time User Finding</h3>
|
||||
<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="https://theautotq.com/firsttimeusers" target="_blank" rel="noopener noreferrer">External source: theautotq.com/firsttimeusers</a></p>
|
||||
</article>
|
||||
</div>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -2,14 +2,17 @@
|
|||
<section class="page-hero">
|
||||
<div class="container">
|
||||
<h1>Testimonials</h1>
|
||||
<p class="lead">Feedback centered on ease-of-use and confidence in urgent situations.</p>
|
||||
<p class="lead">Real quotes from source-provided attributions.</p>
|
||||
</div>
|
||||
</section>
|
||||
<section class="section">
|
||||
<div class="container grid-3">
|
||||
<article class="glass-card quote-card"><p>“The guided flow helps users stay calm and focused.”</p><span>— Training Partner</span></article>
|
||||
<article class="glass-card quote-card"><p>“Straightforward setup and clear operation are major strengths.”</p><span>— Safety Coordinator</span></article>
|
||||
<article class="glass-card quote-card"><p>“A compelling approach for high-readiness environments.”</p><span>— Program Lead</span></article>
|
||||
<div class="container grid-2">
|
||||
<% (config.testimonials || []).forEach(t => { %>
|
||||
<article class="glass-card quote-card">
|
||||
<p>“<%= t.quote %>”</p>
|
||||
<span>— <%= t.name %>, <%= t.title %></span>
|
||||
</article>
|
||||
<% }) %>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
|
|
|||
Loading…
Reference in a new issue