Skip to content

feat: voice prompt generator landing page #125

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
wavekat-eason merged 5 commits into from
Jul 18, 2026
+3,442 −9
Merged

feat: voice prompt generator landing page #125

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
89aafab
feat: voice prompt generator landing page
wavekat-eason Jul 17, 2026
703d568
feat: translate voice prompt generator page (9 locales)
wavekat-eason Jul 17, 2026
5e7bc5e
feat: split homepage tool band into two actions
wavekat-eason Jul 17, 2026
f67c659
refactor: content-first homepage tool band (variant C)
wavekat-eason Jul 17, 2026
edde6f2
refactor: use wk-orange token on prompts page
wavekat-eason Jul 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions src/lib/i18n.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -66,6 +66,7 @@ export const localeDefs: LocaleDef[] = [
const fullSite = [
'/',
'/voice/',
'/voice/prompts/',
'/voice/use-cases/',
'/voice/download/',
'/voice/talk/',
Expand Down
46 changes: 45 additions & 1 deletion src/pages/de/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import Base from '../../layouts/Base.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import VoiceDownload from '../../components/VoiceDownload.astro';
import { ArrowRight } from '@lucide/astro';
import { ArrowRight, ArrowUpRight } from '@lucide/astro';

const voicePipeline = [
{
Expand Down Expand Up @@ -174,6 +174,50 @@ const pipelineBase = voicePipeline.slice(4);
</div>
</section>

<!-- Free tool: the public voice-prompt generator, a browser-based front door
to the platform. Links to its dedicated landing page (/de/voice/prompts/). -->
<section class="mx-auto max-w-6xl px-6 pt-20 sm:pt-24" data-reveal>
<h2 class="mb-8 font-mono text-xs font-bold uppercase tracking-widest text-gray-400">Kostenloses Tool</h2>
<div
class="group relative overflow-hidden rounded-2xl border border-gray-200/70 bg-white p-8 shadow-sm dark:border-white/[0.06] dark:bg-white/[0.02] dark:shadow-none sm:p-10"
>
<span
class="absolute inset-x-0 top-0 h-0.5 opacity-60 transition-opacity group-hover:opacity-100"
style="background: linear-gradient(90deg, transparent, #ff6d00, transparent);"
aria-hidden="true"
></span>
<div class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
<div class="max-w-2xl">
<span class="inline-flex items-center rounded-full border border-wk-orange/30 bg-wk-orange/10 px-2.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-wider text-wk-orange">
kostenlos · ohne Anmeldung
</span>
<h3 class="mt-4 text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-3xl">
Ansagen- &amp; IVR-Sprachgenerator
</h3>
<p class="mt-3 text-base leading-relaxed text-gray-500 dark:text-gray-400">
Verwandeln Sie Text in telefonfertige Ansagen, IVR-Menüs und Anrufbeantworter-Ansagen mit
KI-Stimmen in Studioqualität — in genau dem Format, das Ihre Telefonanlage braucht. Kostenlos im
Browser testen.
</p>
<a
href="/de/voice/prompts/"
class="group/more mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-wk-orange transition-opacity hover:opacity-70"
>
Mehr über den Sprachgenerator erfahren
<ArrowRight class="h-4 w-4 transition-transform group-hover/more:translate-x-0.5" />
</a>
</div>
<a
href="https://platform.wavekat.com/voice/prompts"
class="group/cta inline-flex shrink-0 items-center gap-2 self-start rounded-full bg-wk-orange px-6 py-3 text-sm font-semibold text-white shadow-lg shadow-wk-orange/25 transition-all hover:-translate-y-0.5 hover:shadow-xl hover:shadow-wk-orange/40 sm:self-auto"
>
Kostenlos testen
<ArrowUpRight class="h-4 w-4 transition-transform group-hover/cta:translate-x-0.5 group-hover/cta:-translate-y-0.5" />
</a>
</div>
</div>
</section>

<!-- Libraries: the pipeline drawn as the signal chain it is -->
<section class="mx-auto max-w-6xl px-6 py-20 sm:py-24">
<h2 class="mb-3 font-mono text-xs font-bold uppercase tracking-widest text-gray-400">Bibliotheken</h2>
Expand Down
339 changes: 339 additions & 0 deletions src/pages/de/voice/prompts.astro
View file
Open in desktop

Large diffs are not rendered by default.

44 changes: 43 additions & 1 deletion src/pages/es/index.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@ import Base from '../../layouts/Base.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import VoiceDownload from '../../components/VoiceDownload.astro';
import { ArrowRight } from '@lucide/astro';
import { ArrowRight, ArrowUpRight } from '@lucide/astro';

const voicePipeline = [
{
Expand Down Expand Up @@ -174,6 +174,48 @@ const pipelineBase = voicePipeline.slice(4);
</div>
</section>

<!-- Free tool: the public voice-prompt generator, a browser-based front door
to the platform. Links to its dedicated landing page (/es/voice/prompts/). -->
<section class="mx-auto max-w-6xl px-6 pt-20 sm:pt-24" data-reveal>
<h2 class="mb-8 font-mono text-xs font-bold uppercase tracking-widest text-gray-400">Herramienta gratuita</h2>
<div class="group relative overflow-hidden rounded-2xl border border-gray-200/70 bg-white p-8 shadow-sm dark:border-white/[0.06] dark:bg-white/[0.02] dark:shadow-none sm:p-10">
<span
class="absolute inset-x-0 top-0 h-0.5 opacity-60 transition-opacity group-hover:opacity-100"
style="background: linear-gradient(90deg, transparent, #ff6d00, transparent);"
aria-hidden="true"
></span>
<div class="flex flex-col gap-6 sm:flex-row sm:items-center sm:justify-between">
<div class="max-w-2xl">
<span class="inline-flex items-center rounded-full border border-wk-orange/30 bg-wk-orange/10 px-2.5 py-0.5 font-mono text-[10px] font-bold uppercase tracking-wider text-wk-orange">
gratis · sin registro
</span>
<h3 class="mt-4 text-2xl font-bold tracking-tight text-gray-900 dark:text-white sm:text-3xl">
Generador de voz para menús telefónicos e IVR
</h3>
<p class="mt-3 text-base leading-relaxed text-gray-500 dark:text-gray-400">
Convierta texto en saludos telefónicos, menús IVR y mensajes de buzón de voz listos para
telefonía con voces de IA de calidad de estudio, en el formato exacto que su sistema
telefónico necesita. Gratis para probar en su navegador.
</p>
<a
href="/es/voice/prompts/"
class="group/more mt-4 inline-flex items-center gap-1.5 text-sm font-semibold text-wk-orange transition-opacity hover:opacity-70"
>
Más información sobre el generador
<ArrowRight class="h-4 w-4 transition-transform group-hover/more:translate-x-0.5" />
</a>
</div>
<a
href="https://platform.wavekat.com/voice/prompts"
class="group/cta inline-flex shrink-0 items-center gap-2 self-start rounded-full bg-wk-orange px-6 py-3 text-sm font-semibold text-white shadow-lg shadow-wk-orange/25 transition-all hover:-translate-y-0.5 hover:shadow-xl hover:shadow-wk-orange/40 sm:self-auto"
>
Pruébelo gratis
<ArrowUpRight class="h-4 w-4 transition-transform group-hover/cta:translate-x-0.5 group-hover/cta:-translate-y-0.5" />
</a>
</div>
</div>
</section>

<!-- Libraries: the pipeline drawn as the signal chain it is -->
<section class="mx-auto max-w-6xl px-6 py-20 sm:py-24">
<h2 class="mb-3 font-mono text-xs font-bold uppercase tracking-widest text-gray-400">Librerías</h2>
Expand Down
Loading
Loading