Vite Hero

Vite Hero is a bilingual (English/French) web application that solves the content marketing bottleneck where teams wait on designers for simple graphics. It enables users to generate professional, branded hero images in 30 seconds without any design skills. The application targets content marketers publishing 10+ blog posts per month, SaaS product teams launching features weekly, freelancers managing multiple client brands, and developers who need graphics but hate Canva. What sets Vite Hero apart from general design tools is its laser focus on hero images, automatic brand application, metadata-driven data integration, zero learning curve, and native bilingual support for Canadian companies. The core workflow allows users to try before signing up: anonymous users can generate images that are saved for 24 hours, and upon signup, their generations transfer to their account. New users complete a visual style quiz that infers their design preferences, which then shape all future generations. Users can create multiple brand profiles with colors, fonts, and logos that are automatically applied to every image. The application features the Aurora Creative design system, a dark-mode-first aesthetic with cyan/purple/magenta accents that makes generated hero images visually pop against the interface. Built with Next.js 16, TypeScript, Tailwind CSS v4, and Supabase for authentication and database, images are generated server-side using Puppeteer for consistent, high-quality output.