mirror of https://github.com/jamiepine/voicebox.git synced 2026-09-16 21:30:39 -07:00

Files

T

James Pine 0c6aa15746 Responsive polish: pointer-events-none on animations, sticky header with scroll fade, desktop scroll-to-active fix, iOS audio unlock, player and UI tweaks

- Add pointer-events-none/select-none to feature cards, voice creator, and ControlUI mock
- Sticky header with gradient fade overlay (matching real app 3-layer technique)
- Fix desktop scroll-to-active: separate mobile/desktop card refs to prevent mobile refs overwriting desktop
- Scroll selected card to 2nd row when outside safe zone above generate box
- iOS Safari audio unlock via WaveSurfer's actual media element
- Player: accent fill play/pause button, padding on volume slider, remove close button
- Profile cards: fixed 143px height, mobile edge fades with scroll-aware left fade
- Generate box: accent effect pill when active, white fill sparkle icon, edge-aligned on desktop
- Voice creator: animated waveform background with height-based bars
- 12 profiles (added Attenborough, Zendaya, Obama) for 4-row grid with scroll

2026-03-15 06:17:54 -07:00

public

Redesign landing page with animated ControlUI hero

2026-03-14 23:08:29 -07:00

src

Responsive polish: pointer-events-none on animations, sticky header with scroll fade, desktop scroll-to-active fix, iOS audio unlock, player and UI tweaks

2026-03-15 06:17:54 -07:00

.gitignore

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

components.json

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

next.config.js

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

nixpacks.toml

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

package.json

Redesign landing page with animated ControlUI hero

2026-03-14 23:08:29 -07:00

postcss.config.js

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

README.md

Add landing page for voicebox.sh

2026-01-25 13:40:18 -08:00

tailwind.config.js

Redesign landing page with animated ControlUI hero

2026-03-14 23:08:29 -07:00

tsconfig.json

Update dependencies and enhance UI components for better functionality

2026-01-25 16:38:25 -08:00

README.md

Voicebox Landing Page

Landing page for voicebox.sh - a modern Next.js 16 application.

Tech Stack

Next.js 16 with App Router
Bun for package management
Tailwind CSS with shadcn/ui components
TypeScript with strict mode
Railway deployment ready

Getting Started

Prerequisites

Bun installed (bun.sh)

Installation

cd landing
bun install

Development

bun run dev

Open http://localhost:3000 to view the landing page.

Build

bun run build

Production

bun run start

Configuration

Update Download Links

Edit src/lib/constants.ts to update:

LATEST_VERSION - Current release version
DOWNLOAD_LINKS - GitHub release download URLs
GITHUB_REPO - Repository URL

Update GitHub Username

Replace USERNAME in src/lib/constants.ts with your actual GitHub username.

Deployment to Railway

Connect your GitHub repository to Railway
Railway will auto-detect nixpacks.toml
Set root directory to landing/
Railway will automatically:
- Install dependencies with bun install
- Build with bun run build
- Start with bun run start
Configure custom domain voicebox.sh in Railway settings

Project Structure

landing/
├── src/
│   ├── app/
│   │   ├── layout.tsx      # Root layout with metadata
│   │   ├── page.tsx        # Landing page
│   │   └── globals.css     # Global styles
│   ├── components/
│   │   ├── Header.tsx      # Top navigation
│   │   ├── Footer.tsx      # Footer
│   │   ├── DownloadSection.tsx  # Download buttons
│   │   └── ui/             # shadcn/ui components
│   └── lib/
│       ├── utils.ts        # Utility functions
│       └── constants.ts    # App constants
├── public/
│   └── voicebox-logo.png   # Logo asset
└── nixpacks.toml          # Railway deployment config

Features

Responsive design (mobile-first)
Dark mode by default
SEO optimized metadata
Download links for Mac, Windows, Linux
Feature showcase
Platform highlights
GitHub integration