feat: expand use cases and refine Auracast section with improved layout and content

This commit is contained in:
2025-08-25 15:01:21 +02:00
parent 7fb136865f
commit a6696b8a2b
2 changed files with 23 additions and 12 deletions

View File

@@ -51,7 +51,7 @@
<h2 class="mt-2 text-xl md:text-2xl text-gray-700">For venues, integrators, and event pros who need low latency sound delivered to personal devices.</h2>
<img src="img/device.png" alt="SummitWave Auracast transmitter" loading="lazy" class="mt-8 w-full max-w-md rounded-lg shadow-xl"/>
<a href="#contact" class="mt-8 inline-block bg-blue-600 text-white rounded-2xl px-8 py-3 shadow-lg transform transition hover:scale-105">
Request a Demo
Get in touch
</a>
</section>
@@ -59,19 +59,29 @@
<section id="usecases" class="mt-24 bg-blue-50 py-16 px-4 md:px-12">
<h2 class="text-3xl md:text-4xl font-bold text-center text-blue-700">Use cases</h2>
<div class="mt-12 grid gap-10 md:grid-cols-3">
<div class="bg-white rounded-2xl p-6 shadow-lg flex flex-col">
<h3 class="text-xl font-semibold mb-2">Live Events & Festivals</h3>
<p>Multiple stages and languages without RFcoordination headaches. Guests choose channels on their own devices.</p>
</div>
<div class="bg-white rounded-2xl p-6 shadow-lg flex flex-col">
<h3 class="text-xl font-semibold mb-2">Universities & Lecture Halls</h3>
<p>Stream the lecturers voice, assistive listening, and multiple channels simultaneously. Listeners tune in with any Auracastenabled personal devices like phone, headset, or hearing aids—no venueowned receivers to sanitize or distribute.</p>
<p>Stream the lecturers voice, assistive listening, and multiple language channels. Attendees listen on their own phones, earbuds, or hearing devices—no receivers to hand out.</p>
</div>
<div class="bg-white rounded-2xl p-6 shadow-lg flex flex-col">
<h3 class="text-xl font-semibold mb-2">Theaters & Cinemas</h3>
<p>Lipsynced assisted listening, audio description, and multilingual tracks—without disturbing others.</p>
</div>
<div class="bg-white rounded-2xl p-6 shadow-lg flex flex-col">
<h3 class="text-xl font-semibold mb-2">Conference Centers</h3>
<p>Deliver pristine audio to breakout rooms, overflow areas, and press feeds without additional cabling. Listeners choose their preferred language or program.</p>
<p>Serve overflow rooms, breakouts, and press feeds without extra cabling. Attendees select their preferred language or program on their devices.</p>
</div>
<div class="bg-white rounded-2xl p-6 shadow-lg flex flex-col">
<h3 class="text-xl font-semibold mb-2">Rail & Transit Hubs</h3>
<p>Replace unintelligible PA announcements with clear, ondemand streams for general information and locationbased tourist information, plus emergency messages.</p>
<p>Replace unintelligible PA with clear, ondemand streams for announcements, tourist info, and emergency messages.</p>
</div>
</div>
</section>
@@ -79,13 +89,14 @@
<!-- Hero moved to top -->
<!-- =========== Auracast Explainer =========== -->
<section id="why" class="mt-24 px-4 md:px-12">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-8 text-blue-700">Why Auracast?</h2>
<ul class="max-w-3xl mx-auto space-y-4 text-lg">
<li><strong>Broadcast Bluetooth</strong> onetomany audio with ease.</li>
<li><strong>Accessibility</strong> inclusive listening for people with hearing devices: compatible with modern hearing aids and cochlear implants that support Bluetooth LE Audio/Auracast.</li>
<li><strong>Device Independence</strong> listeners use their own phones, earbuds, or hearing aids.</li>
<li><strong>Low Latency</strong> lipsynced speech for presentations, video and live performances.</li>
<section id="why" class="mt-20 md:mt-24 pt-12 pb-10 px-4 md:px-12 border-t border-gray-200">
<h2 class="text-3xl md:text-4xl font-bold text-center mb-6 md:mb-8 text-blue-700 tracking-tight">Why Auracast?</h2>
<p class="max-w-2xl mx-auto text-lg text-gray-700 text-center mb-6">Auracast is a Bluetooth LE Audio broadcast technology that lets venues transmit onetomany, lowlatency audio streams that anyone can join with their own device.</p>
<ul class="max-w-4xl mx-auto grid gap-3 md:gap-4 md:grid-cols-2 text-lg">
<li class="leading-relaxed text-left"><span class="font-semibold text-gray-900">Widespread adoption</span> <span class="text-gray-700">supported across modern smartphones, earbuds, and hearing devices via Bluetooth LE Audio/Auracast.</span></li>
<li class="leading-relaxed text-left"><span class="font-semibold text-gray-900">Accessibility</span> <span class="text-gray-700">inclusive listening for people with hearing devices- compatible with modern hearing aids and cochlear implants that support Bluetooth LE Audio/Auracast.</span></li>
<li class="leading-relaxed text-left"><span class="font-semibold text-gray-900">Device Independence</span> <span class="text-gray-700">listeners use their own phones, earbuds, or hearing aids.</span></li>
<li class="leading-relaxed text-left"><span class="font-semibold text-gray-900">Low Latency</span> <span class="text-gray-700">lipsynced speech for presentations, video and live performances.</span></li>
</ul>
</section>
@@ -125,7 +136,7 @@
<!-- =========== Contact =========== -->
<section id="contact" class="mt-24 bg-blue-700 text-white py-16 px-4 md:px-12 text-center">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to elevate your audio?</h2>
<p class="max-w-2xl mx-auto mb-10 text-lg">Tell us about you and we'll set up a personalised demo.</p>
<p class="max-w-2xl mx-auto mb-10 text-lg">Tell us about you and we'll get in touch.</p>
<form action="https://formspree.io/f/xrbkynzk" method="POST" class="max-w-xl mx-auto flex flex-col gap-5 text-left">
<label class="block">
<span class="block mb-1 font-medium">Name</span>