Build a single-page landing page and interactive demo app for Voxlink — a payments infrastructure layer built for AI voice agents. Developers integrate a simple SDK into their voice AI stack, and the agent can trigger a secure payment flow at any point in a live phone conversation — collecting, processing, and confirming payments mid-call. PCI-compliant tokenization handles the sensitive card data so the AI never actually "hears" the card number. The app should have a waitlist signup that stores emails in a database, a full interactive voice call demo with developer console, and a premium Stripe-inspired dark design.

Design System

Colors

• Background: Deep navy #0A2540 as primary, #0D1B2A for cards/sections
• Gradients: Subtle gradients from #0A2540 → #1B1464 (navy to deep purple) for hero and section backgrounds
• Primary accent: Electric indigo #635BFF (buttons, links, highlights)
• Success/teal accent: #00D4AA (success states, payment confirmations, checkmarks)
• Error/warning: #FF6B6B
• Text: White #FFFFFF for headings, #94A3B8 (muted blue-gray) for body text
• Card backgrounds: rgba(255,255,255,0.05) with a subtle 1px border of rgba(255,255,255,0.1) — glassmorphism effect
• Code blocks: #0F172A background with syntax-colored text

Typography

• Use Inter or the system sans-serif font stack
• Hero heading: 56px bold, letter-spacing -0.02em
• Section headings: 40px bold
• Subheadings: 20px, 400 weight, muted blue-gray color
• Body text: 16px, line-height 1.6
• Code: 14px monospace (JetBrains Mono or Fira Code or system monospace)

Layout