Skip to content

Landing page v0.2.0 redesign#274

Merged
jamiepine merged 3 commits intomainfrom
feat/landing-page-redesign
Mar 15, 2026
Merged

Landing page v0.2.0 redesign#274
jamiepine merged 3 commits intomainfrom
feat/landing-page-redesign

Conversation

@jamiepine
Copy link
Owner

@jamiepine jamiepine commented Mar 15, 2026

Summary

Complete redesign of the landing page to reflect the v0.2.0 multi-engine release.

  • Multi-engine messaging — replaced all Qwen-specific copy with multi-engine language across hero, meta tags, and feature descriptions
  • GitHub star count — server-side fetched via /api/stars route with 10-min cache, displayed as a Spacedrive-style badge in the navbar
  • Model cards section — replaced "Why Voicebox exists" manifesto with cards for all 4 TTS engines (Qwen3-TTS, Chatterbox, Chatterbox Turbo, LuxTTS) with specs and capabilities
  • Voice Creator section — new section with animated 3-tab UI (Upload, Microphone, System Audio) featuring waveform background animation matching the real app's recording UI
  • Responsive ControlUI — horizontal scroll profile cards on mobile, stacked layout, scroll-to-active profile with separate mobile/desktop refs, sticky header with gradient fade overlay
  • iOS Safari audio fix — unlock WaveSurfer's actual media element on user gesture to prevent NotAllowedError
  • Linux download enabled — was greyed out "Coming soon", now active with dynamic release link
  • GPU support copy — updated to include ROCm, Intel Arc, and DirectML
  • UI polish — pointer-events-none on all animations, accent play button, fixed-height profile cards, mobile edge fades, hero logo blend fix, grain overlay disabled (tile seams)

Files changed

  • landing/src/components/ControlUI.tsx — new animated hero component
  • landing/src/components/Features.tsx — rewritten feature cards with animations
  • landing/src/components/VoiceCreator.tsx — new voice creator section
  • landing/src/components/LandingAudioPlayer.tsx — new WaveSurfer audio player
  • landing/src/components/Navbar.tsx — star count badge
  • landing/src/app/page.tsx — new sections, model cards, updated copy
  • landing/src/app/api/stars/route.ts — GitHub star count API
  • docs/RELEASE_v0.2.0.md — full release notes and video script

Summary by CodeRabbit

  • New Features

    • Added "Save as Custom Preset" dialog for audio effects with name and description inputs
    • Landing page redesign featuring interactive demos: voice cloning animation, effects showcase, transcription UI, and voice creator component
    • GitHub star counter on landing navigation bar
  • Improvements

    • Enhanced audio playback handling with improved backend configuration
    • Dynamic sidebar styling with progressive accent opacity
    • Updated landing page layout with component-driven architecture and refreshed typography
    • Footer redesign with expanded footer sections
  • Dependencies

    • Added Framer Motion, WaveSurfer.js, and Space Grotesk font

Loading
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant