function MainComponent() { React.useEffect(()=>{ document.title = "JayceePEETV"; const link = document.createElement("link"); link.type = "image/svg+xml"; link.rel = "icon"; link.href = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNMCAxMjhDMCA5Mi43IDI4LjcgNjQgNjQgNjRIMzIwYzM1LjMgMCA2NCAyOC43IDY0IDY0VjM4NGMwIDM1LjMtMjguNyA2NC02NCA2NEg2NGMtMzUuMyAwLTY0LTI4LjctNjQtNjRWMTI4ek01NTkuMSA5OS44YzEwLjQgNS42IDE2LjkgMTYuNCAxNi45IDI4LjJWMzg0YzAgMTEuOC02LjUgMjIuNi0xNi45IDI4LjJzLTIzIDUtMzIuOS0xLjZsLTk2LTY0TDQxNiAzMzcuMVYxNzQuOWwxNC4yLTkuNSA5Ni02NGM5LjgtNi41IDIyLjQtNy4yIDMyLjktMS42eiIvPjwvc3ZnPg=="; document.head.appendChild(link); return ()=>{ if (document.head.contains(link)) { document.head.removeChild(link); } }; }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] text-white py-8 text-center border-b-4 border-gradient snowfall-container relative overflow-hidden", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-4 mb-2", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-4xl", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "🎄 🎀"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-red-500", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "JayceePee this Christmas"), /*#__PURE__*/ React.createElement("span", { className: "text-4xl", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "🎀 🎄")), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-2 text-green-400", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, "Merry Christmas"), /*#__PURE__*/ React.createElement("h3", { className: "text-3xl mb-6 text-red-500 font-bold", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "LIVE NOW")), /*#__PURE__*/ React.createElement("div", { className: "w-full h-auto mx-auto block", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative min-h-[200px] overflow-hidden h-[500px]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { allow: "autoplay", allowFullScreen: true, className: "m-0 border-none absolute top-0 left-0 w-full h-full overflow-hidden", src: "https://www.youtube.com/embed/Qdpy5ZWq0gQ?autoplay=1&loop=1&playlist=Qdpy5ZWq0gQ", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, ` .snowfall-container::before, .snowfall-container::after { content: ''; position: absolute; top: -10px; left: 0; width: 100%; height: 100%; pointer-events: none; } .snowfall-container::before { background: radial-gradient(circle, rgba(239,68,68,0.15) 2px, transparent 2px) 0 0, radial-gradient(circle, rgba(74,222,128,0.15) 2px, transparent 2px) 15px 15px, radial-gradient(circle, rgba(234,179,8,0.15) 2px, transparent 2px) 30px 30px; background-size: 45px 45px; animation: confetti 12s linear infinite; } .snowfall-container::after { background: radial-gradient(circle, rgba(239,68,68,0.1) 1px, transparent 1px) 10px 10px, radial-gradient(circle, rgba(74,222,128,0.1) 1px, transparent 1px) 25px 25px, radial-gradient(circle, rgba(234,179,8,0.1) 1px, transparent 1px) 40px 40px; background-size: 45px 45px; animation: confetti 8s linear infinite; } @keyframes confetti { 0% { transform: translateY(-10px) rotate(0deg); } 100% { transform: translateY(100%) rotate(45deg); } } .border-gradient { border-image: linear-gradient(to right, #ef4444, #4ade80) 1; } `)); }