[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_219":220,"_221":222},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_158":-5,"_20":159,"_22":160,"_161":162,"_163":164,"_25":165,"_24":-5,"_166":167,"_168":169,"_170":52,"_171":172,"_173":73,"_174":-5,"_175":-5,"_176":177},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":28,"_29":-5,"_30":31,"_32":31,"_33":-5},"handle","mog","name","Valentines","branchName","Kko","version","path","","project",{"_34":42,"_13":14,"_36":116,"_50":-5,"_117":52,"_53":54,"_118":54,"_119":-5,"_120":-5,"_121":122,"_123":124,"_125":73,"_126":-5,"_127":-5,"_128":31,"_56":57,"_129":-5,"_130":-5,"_131":-5,"_132":-5,"_133":134,"_135":134,"_136":137,"_138":137,"_139":137,"_140":134,"_141":134,"_142":143,"_144":145,"_146":147,"_51":52},"tree",[99,100,101,102],"file","contents",[59,60,61,62],"upstream",{"_34":35,"_36":37,"_38":39,"_13":40,"_41":42,"_17":43,"_44":45,"_46":47,"_48":49,"_50":-5,"_51":52,"_53":54,"_55":12,"_56":57,"_58":14},"pull","ahead",0,"behind","envVars","id","05d41aba-05fe-11f1-ad73-42dde27851f2","createdAt",["D",1770672400116],"updatedAt",["D",1770672809655],"main","projectId","05c9b232-05fe-11f1-ad73-42dde27851f2",13,"forkedBranchId","fdd9b22e-27b0-11f0-aecd-569c3dd06744","forkedBranchVersion",11,"lockfileKey","1770672918259-esm.town_v_mog_Valentines@13-main","deletedAt","isOwned",false,"privacy","public","userHandle","orgId","019c4438-882d-74df-84a2-085ecf8fcd90","projectName",{"_34":93,"_13":94,"_65":95,"_67":-5,"_68":69,"_70":71,"_72":73,"_36":96,"_17":31,"_75":24,"_77":97,"_78":52,"_79":-5,"_18":98},{"_34":87,"_13":88,"_65":89,"_67":-5,"_68":69,"_70":71,"_72":73,"_36":90,"_17":31,"_75":91,"_77":85,"_78":52,"_79":-5,"_18":92},{"_34":81,"_13":82,"_65":83,"_67":-5,"_68":69,"_70":71,"_72":73,"_36":84,"_17":31,"_75":76,"_77":85,"_78":52,"_79":-5,"_18":86},{"_34":63,"_13":64,"_65":66,"_67":-5,"_68":69,"_70":71,"_72":73,"_36":74,"_17":31,"_75":76,"_77":19,"_78":52,"_79":-5,"_18":80},"06d9bf54-05ff-11f1-884b-42dde27851f2","new-file-8859.ts","fileId","019c4453-3bef-773f-83d5-c990dff2ba07","parentId","branchId","06d50ce8-05ff-11f1-884b-42dde27851f2","branchVersion",1,"latest",true,["D",1770672831479],"fileType","script","content","deleted","label",[64],"06d9ac44-05ff-11f1-884b-42dde27851f2","new-file-4189.ts","019c4453-3bef-773f-83d5-c4d8442ebc76",["D",1770672831479],"import React, { useState } from 'react';\n\nconst ValentinePage: React.FC = () => {\n const [messageVisible, setMessageVisible] = useState(false);\n\n // Function to trigger the message and fireworks\n const sayYes = () => {\n setMessageVisible(true);\n };\n\n return (\n

💖 Ameerah Benting 💖

\n Every moment with you means the world to me.
\n So I just need to ask you one thing…\n

\n\n

Will you be my Valentine?

\n\n {/* YES and NO buttons */}\n \n YES 💘\n \n {\n const x = Math.random() * (window.innerWidth - 100);\n const y = Math.random() * (window.innerHeight - 100);\n document.getElementById('noBtn')!.style.left = `${x}px`;\n document.getElementById('noBtn')!.style.top = `${y}px`;\n }}\n >\n No 🙃\n \n\n {/* Conditional Message Display */}\n {messageVisible && (\n

\n I LOVE YOU BABY ❤️❤️❤️\n
\n – Adiel 💖\n

\n )}\n\n {/* Fireworks (CSS animation) */}\n {messageVisible && (\n

\n \n \n \n \n

Code