8f:I[903690,["/chat-static/_next/static/immutable/chunks/19x10s5ceog9a.js","/chat-static/_next/static/immutable/chunks/12f-nm5otxtlb.js","/chat-static/_next/static/immutable/chunks/3iq-dyxnzhw6x.js","/chat-static/_next/static/immutable/chunks/1zebkw4t37hrt.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/1ihyvxny9u4w4.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/1e-qtuskm58ha.js","/chat-static/_next/static/immutable/chunks/0ue-l2nq6d-fd.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3hnrzurk988jk.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/1-qk02sdtfqkn.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/0lys-rd0h1ssv.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1vea1ewevhe85.js","/chat-static/_next/static/immutable/chunks/3ucy-zmd9da95.js","/chat-static/_next/static/immutable/chunks/3a3e1uof0x3hs.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/2fjkv44_ofoly.js","/chat-static/_next/static/immutable/chunks/40d8rjwe4x81w.js","/chat-static/_next/static/immutable/chunks/1nma-60foff1_.js","/chat-static/_next/static/immutable/chunks/14jzqba1i3vth.js"],"ExplicitChatIdProvider"] 90:I[838238,["/chat-static/_next/static/immutable/chunks/19x10s5ceog9a.js","/chat-static/_next/static/immutable/chunks/12f-nm5otxtlb.js","/chat-static/_next/static/immutable/chunks/3iq-dyxnzhw6x.js","/chat-static/_next/static/immutable/chunks/1zebkw4t37hrt.js","/chat-static/_next/static/immutable/chunks/02d62qecapvyp.js","/chat-static/_next/static/immutable/chunks/1ca1eagukd03f.js","/chat-static/_next/static/immutable/chunks/1ihyvxny9u4w4.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/41hpffipu4cd5.js","/chat-static/_next/static/immutable/chunks/06l8mr_zo_pdk.js","/chat-static/_next/static/immutable/chunks/05ziczzmpg4l8.js","/chat-static/_next/static/immutable/chunks/2_3cf1lh0ov9g.js","/chat-static/_next/static/immutable/chunks/1o3uedpb5nwwe.js","/chat-static/_next/static/immutable/chunks/3tvsw776zkqg9.js","/chat-static/_next/static/immutable/chunks/1e-qtuskm58ha.js","/chat-static/_next/static/immutable/chunks/0ue-l2nq6d-fd.js","/chat-static/_next/static/immutable/chunks/1e5k5x1kcenwe.js","/chat-static/_next/static/immutable/chunks/3hnrzurk988jk.js","/chat-static/_next/static/immutable/chunks/0vmwm1j0c62ij.js","/chat-static/_next/static/immutable/chunks/1-qk02sdtfqkn.js","/chat-static/_next/static/immutable/chunks/1te_-knuy9ss-.js","/chat-static/_next/static/immutable/chunks/3siudrckqpsjx.js","/chat-static/_next/static/immutable/chunks/120lp9kxd910m.js","/chat-static/_next/static/immutable/chunks/3w1zcr9c32026.js","/chat-static/_next/static/immutable/chunks/2x3mu3fgb5m94.js","/chat-static/_next/static/immutable/chunks/3_y066xfe1cmo.js","/chat-static/_next/static/immutable/chunks/2_9d7galk0wiq.js","/chat-static/_next/static/immutable/chunks/0lys-rd0h1ssv.js","/chat-static/_next/static/immutable/chunks/3p3trwcegfkeh.js","/chat-static/_next/static/immutable/chunks/1vea1ewevhe85.js","/chat-static/_next/static/immutable/chunks/3ucy-zmd9da95.js","/chat-static/_next/static/immutable/chunks/3a3e1uof0x3hs.js","/chat-static/_next/static/immutable/chunks/2ikegn6lkshq2.js","/chat-static/_next/static/immutable/chunks/2fjkv44_ofoly.js","/chat-static/_next/static/immutable/chunks/40d8rjwe4x81w.js","/chat-static/_next/static/immutable/chunks/1nma-60foff1_.js","/chat-static/_next/static/immutable/chunks/14jzqba1i3vth.js"],"SWRDataProvider"] 91:T2a1a,[V0_FILE]typescriptreact:file="valentine-card.tsx" isMerged="true" import { Heart } from "lucide-react" export default function ValentineCard() { return (

Happy

Valentine's Day

You're the CSS to my HTML

) } [V0_FILE]typescriptreact:file="page.tsx" isFixed="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { motion, AnimatePresence } from "framer-motion" import { Hearts } from "./hearts" import { Clouds } from "./clouds" import { Button } from "@/components/ui/button" import { Sparkles } from "./sparkles" export default function ValentinePage() { const [noCount, setNoCount] = useState(0) const [yesPressed, setYesPressed] = useState(false) const [mousePosition, setMousePosition] = useState({ x: 0, y: 0 }) // Expanded phrases for more variety const phrases = [ "¿Estás seguro?", "¿De verdad?", "¿En serio?", "¡Piénsalo otra vez!", "¿Última oportunidad?", "¿No te arrepentirás?", "¡Mejor el otro botón!", "¡No me hagas esto!", "¡Mira el botón verde!", "¡Dame una oportunidad!", ] const handleMouseMove = (e: React.MouseEvent) => { setMousePosition({ x: e.clientX, y: e.clientY }) } const getNoButtonPosition = () => { const phi = noCount * 0.5 const radius = Math.min(100 + noCount * 10, 200) const x = radius * Math.cos(phi) + Math.sin(mousePosition.x * 0.1) * 20 const y = radius * Math.sin(phi) + Math.cos(mousePosition.y * 0.1) * 20 return { x, y } } return (

{yesPressed && } ¿Quieres ser mi San Valentín? Two cute turtles holding a heart

{yesPressed && (

¡Yay! ¡Gracias por decir que sí! ❤️

Eres lo mejor que me ha pasado 💖

)}

) } [V0_FILE]typescriptreact:file="sparkles.tsx" isMerged="true" import { motion } from "framer-motion" import { useEffect, useState } from "react" export function Sparkles() { const [sparkles, setSparkles] = useState>([]) useEffect(() => { const interval = setInterval(() => { setSparkles((current) => { const newSparkle = { id: Date.now(), x: Math.random() * 100, y: Math.random() * 100, } return [...current, newSparkle].slice(-20) // Keep last 20 sparkles }) }, 300) return () => clearInterval(interval) }, []) return (

{sparkles.map((sparkle) => ( ))}

) } [V0_FILE]typescriptreact:file="clouds.tsx" isMerged="true" export function Clouds() { return (

{/* Top clouds */}

{Array.from({ length: 8 }, (_, i) => (

))}

{/* Bottom clouds */}

{Array.from({ length: 8 }, (_, i) => (

))}

) } [V0_FILE]css:file="globals.css" isMerged="true" @keyframes float { from { transform: translateX(0) translateY(0); } to { transform: translateX(20px) translateY(-10px); } } .text-shadow { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); } .text-shadow-lg { text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), 4px 4px 8px rgba(0, 0, 0, 0.1); } @keyframes sparkle { 0%, 100% { opacity: 0; transform: scale(0) rotate(0deg); } 50% { opacity: 1; transform: scale(1) rotate(180deg); } } [V0_FILE]typescriptreact:file="hearts.tsx" isEdit="true" isQuickEdit="true" import { motion } from "framer-motion" const HeartSVG = ({ color = "#ff4b4b" }) => ( ) export function Hearts() { // Create more hearts with varied sizes, delays, and colors const hearts = Array.from({ length: 15 }, (_, i) => ({ id: i, x: Math.random() * 100, delay: Math.random() * 10, duration: 10 + Math.random() * 10, scale: 0.3 + Math.random() * 0.7, opacity: 0.6 + Math.random() * 0.4, color: `hsl(${Math.random() * 40 + 340}, 100%, ${50 + Math.random() * 20}%)`, // Shades of red and pink })) return (

{hearts.map((heart) => ( ))}

) } 88:["$","$L8f",null,{"chatId":"x5UovvhCmeU","children":["$","$L90",null,{"data":{"@\"active-block\",\"x5UovvhCmeU\",":{"id":"b_tP1h9u0DO0b","messageId":"uqona80NwE82KBh3k6eCB7z5Rf46m71Y","source":"$91","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"ValentineCard","type":"code-project","project":"ValentineCard"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"x5UovvhCmeU\",":false},"children":"$L92"}]}]

About

Tags

Share

About

Tags

Share

More Templates Like This