Hack #7: v0 · v0
7 May, 13:43
This project is a complete visual redesign of Stripe's payment platform website, transformed from its modern minimal aesthetic into a Y2K Cyber-Futurism style featuring chrome metallic text, holographic gradients, neon glow effects, cyber grid backgrounds, and CRT scan line overlays. Built with Next.js 16, React 19, and Tailwind CSS v4, the application consists of 12 custom React components including a hero section, features grid, animated statistics, interactive code editor, globe visualization, testimonials, and footer. The project integrates ElevenLabs text-to-speech API through a dedicated endpoint (`/api/text-to-speech`) that powers three voice features: a 5-step guided tour, an AI-powered feature overview with narration, and an audio showcase section demonstrating the voice capabilities. All original Stripe content and messaging is preserved while the visual presentation is completely reinvented with early 2000s cyber-futuristic design elements like floating 3D orbs, glassmorphism navigation, and animated holographic backgrounds. The project is production-ready, fully responsive, and designed specifically for the Vercel x ElevenLabs hackathon challenge to "Redesign the Web."
