autotq-modern-ejs/views/testimonials.ejs

40 lines
1.5 KiB
Text

<main>
<section class="page-hero">
<div class="container split split-visual">
<div>
<h1>Testimonials</h1>
<p class="lead">Feedback from public safety and medical professionals.</p>
</div>
<div class="split-media reveal" data-reveal>
<img src="<%= config.assets.images.company7 %>" alt="Public safety and medical stakeholder engagement" loading="lazy" />
</div>
</div>
</section>
<section class="section section-alt">
<div class="container testimonials-stack">
<% (config.testimonials || []).forEach((t, i) => { %>
<article class="quote-row <%= i % 2 === 1 ? 'reverse' : '' %> reveal" data-reveal>
<div class="quote-mark">“</div>
<div>
<p><%= t.quote %></p>
<span>— <%= t.name %>, <%= t.title %></span>
</div>
</article>
<% }) %>
</div>
</section>
<section class="section">
<div class="container split split-reverse">
<article class="split-copy reveal" data-reveal>
<h2>Context for quoted feedback</h2>
<p>Testimonials reflect individual stakeholder perspectives and should be reviewed alongside source literature and research links.</p>
<a class="text-link" href="/literature">Review literature files →</a>
</article>
<div class="split-media reveal" data-reveal>
<img src="<%= config.assets.images.company2 %>" alt="Public safety collaboration and product review setting" loading="lazy" />
</div>
</div>
</section>
</main>