I'll build this Valentine proposal website for you with all the neon-romantic effects, avoiding NO button, and heart animations!
Your Valentine proposal website is now live! ✨
The page features a futuristic neon-romantic design with:
Try it out in the preview - hover over that NO button and watch it run away! 💖
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Previous build caches not available.
Downloading 81 deployment files...
...
type: 'TurbopackInternalError',
location: undefined
}
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1
I see the issue - the build is failing because the <style jsx> tag has multiline CSS that Turbopack can't parse. The error shows it's getting confused by the shadow class that spans multiple lines. Let me fix this by using Tailwind CSS classes directly instead of the styled-jsx approach.
I fixed the build error by replacing the <style jsx> syntax with a regular <style> tag and moving it outside the main div using a React fragment. The issue was that Turbopack couldn't parse the multiline className strings within the styled-jsx template literal. The animations and all functionality remain the same - the NO button still dodges on hover, the screen shakes and cat gets sad if NO is clicked, and clicking YES triggers the hearts animation followed by the love message.