improve headline
This commit is contained in:
101
src/index.html
101
src/index.html
@@ -38,15 +38,16 @@
|
||||
<header class="py-6 px-4 md:px-12 flex items-center justify-between">
|
||||
<img src="img/logo.png" alt="SummitWave logo" class="h-24 md:h-28" />
|
||||
<nav class="space-x-6 text-lg font-medium" aria-label="Primary">
|
||||
<a href="#usecases" class="hover:text-blue-600">Use cases</a>
|
||||
<a href="#why" class="hover:text-blue-600">Why Auracast</a>
|
||||
<a href="#features" class="hover:text-blue-600">Features</a>
|
||||
<a href="#usecases" class="hover:text-blue-600">Use‑cases</a>
|
||||
<a href="#contact" class="hover:text-blue-600">Contact</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
|
||||
<!-- =========== Hero =========== -->
|
||||
<section class="flex flex-col items-center text-center mt-12 px-4">
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-blue-700">Multichannel audio for everyone.</h1>
|
||||
<h1 class="text-4xl md:text-5xl font-bold text-blue-700">Clear, personal audio for everyone</h1>
|
||||
<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">
|
||||
@@ -54,77 +55,73 @@
|
||||
</a>
|
||||
</section>
|
||||
|
||||
<!-- =========== Features =========== -->
|
||||
<section id="features" class="mt-24 px-4 md:px-12">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-blue-700">Key Features</h2>
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Flexible audio input options</h3>
|
||||
<p>Native <strong>AES67</strong> compatibility, USB audio and web audio input ensure seamless integration with existing technology and make usage simple.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Multicast audio</h3>
|
||||
<p>Broadcast up to six simultaneous audio channels — perfect for multi‑language or program feeds. Flexible channel configuration options.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Web‑Based Control</h3>
|
||||
<p>Configure, monitor, and update from any device—no additional software needed.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Smart features</h3>
|
||||
<p>Group multiple transmitters to send the same audio stream.</p>
|
||||
<p>Integrated multichannel translation integration keeps every attendee posted.</p>
|
||||
<p>Auto-detect sources, and load OTA firmware updates with a click.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Automate deployment</h3>
|
||||
<p>Comprehensive rest-api for automated deployment and management.</p>
|
||||
</div>
|
||||
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Compact & Efficient</h3>
|
||||
<p>Flexible mounting options with screws, cable ties or adhesive mount.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- =========== Use‑Cases =========== -->
|
||||
<!-- =========== Use cases =========== -->
|
||||
<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">Usecases</h2>
|
||||
<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">Universities & Lecture Halls</h3>
|
||||
<p>Stream the lecturer’s voice, assistive listening, and up channels simultaneously. Listeners tune in with any Auracast‑enabled personal devices like phone, headset or hearing aids—no venue‑owned receivers to sanitize or distribute.</p>
|
||||
<p>Stream the lecturer’s voice, assistive listening, and multiple channels simultaneously. Listeners tune in with any Auracast‑enabled personal devices like phone, headset, or hearing aids—no venue‑owned receivers to sanitize or distribute.</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 prefered language or program.</p>
|
||||
<p>Deliver pristine audio to breakout rooms, overflow areas, and press feeds without additional cabling. Listeners choose their preferred language or program.</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, on‑demand streams for general information, location‑based tourist information. And emergency messages</p>
|
||||
<p>Replace unintelligible PA announcements with clear, on‑demand streams for general information and location‑based tourist information, plus emergency messages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Hero moved to top -->
|
||||
|
||||
<!-- =========== Auracast Explainer =========== -->
|
||||
<section class="mt-24 px-4 md:px-12">
|
||||
<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> – one‑to‑many audio with no pairing headaches.</li>
|
||||
<li><strong>Widespread adaption</strong> – works with any modern device with Bluetooth-Auracast like Hearing aids, euarbuds and headphones.</li>
|
||||
<li><strong>Device Independence</strong> – listeners use their own phones, earbuds, or hearing aids.</li>
|
||||
<li><strong>Low Latency</strong> – lip‑synced speech for presentations, video and live performances.</li>
|
||||
<li><strong>Broadcast Bluetooth</strong> – one‑to‑many 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> – lip‑synced speech for presentations, video and live performances.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<!-- =========== Features (moved below Why) =========== -->
|
||||
<section id="features" class="mt-24 px-4 md:px-12">
|
||||
<h2 class="text-3xl md:text-4xl font-bold text-center mb-12 text-blue-700">Features</h2>
|
||||
<div class="grid gap-8 md:grid-cols-3">
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Flexible audio input options</h3>
|
||||
<p>Native <strong>AES67</strong> compatibility, USB audio and web audio inputs ensure seamless integration with existing technology and make usage simple.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Multicast audio</h3>
|
||||
<p>Broadcast up to six simultaneous audio channels — perfect for multi‑language or program feeds. Flexible channel configuration options.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Web‑Based Control</h3>
|
||||
<p>Configure, monitor, and update from any device—no additional software needed.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Smart features</h3>
|
||||
<p>Group multiple transmitters to send the same audio stream.</p>
|
||||
<p>Integrated multichannel translation keeps every attendee posted.</p>
|
||||
<p>Auto-detect sources and load OTA firmware updates with a click.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Automate deployment</h3>
|
||||
<p>Comprehensive REST API for automated deployment and management.</p>
|
||||
</div>
|
||||
<div class="bg-white rounded-2xl p-6 shadow-lg">
|
||||
<h3 class="text-xl font-semibold mb-2">Compact & Efficient</h3>
|
||||
<p>Flexible mounting options with screws, cable ties, or adhesive mounting.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- =========== 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>
|
||||
|
||||
Reference in New Issue
Block a user