function MainComponent() { const [showJoinModal, setShowJoinModal] = useState(false); const [meetingUrl, setMeetingUrl] = useState(""); const [selectedCategory, setSelectedCategory] = useState("music"); useEffect(()=>{ const link = document.createElement("link"); link.rel = "icon"; link.href = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ctext y='.9em' font-size='90'%3E🎵%3C/text%3E%3C/svg%3E"; document.head.appendChild(link); return ()=>document.head.removeChild(link); }, []); const categories = { latest: { title: "Latest Release", url: "https://music.apple.com/us/album/grateful-chant-sierra-leone-remix-single/1781498802", icon: "fa-compact-disc", color: "from-yellow-500 to-amber-500" }, live: { title: "JayceePEETV Live", url: "https://jayceepeetv.created.app/", icon: "fa-tv", color: "from-green-500 to-teal-500", event: "JayceePEE this Christmas", date: "December 25, 2024" }, ondemand: { title: "JayceePEETV On Demand", url: "https://jayceepeetv.vhx.tv/", icon: "fa-play", color: "from-orange-500 to-red-500" }, music: { title: "Music Playlist", url: "https://youtu.be/Qdpy5ZWq0gQ", icon: "fa-music", color: "from-pink-500 to-rose-500" }, podcast: { title: "Podcast Playlist", id: "PLKxeTm073DCq4fTz-yA50MGvmfqNJQJZJ", icon: "fa-microphone", color: "from-purple-500 to-indigo-500" }, holiday: { title: "Holiday Tracks", id: "PLKxeTm073DCo3aTzuIIF3TlSka2-K9Wog", icon: "fa-star", color: "from-amber-500 to-orange-500" } }; const handleJoinMeeting = ()=>{ if (meetingUrl) { window.open(meetingUrl, "_blank"); setShowJoinModal(false); setMeetingUrl(""); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0f172a] to-[#1e293b] text-white", __source: { fileName: "", lineNumber: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto p-3 md:p-6", __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col md:flex-row justify-between items-center mb-6 md:mb-12 backdrop-blur-sm bg-white/5 p-4 rounded-xl gap-4", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://play.google.com/store/apps/details?id=com.app.jayceepeegosepl&pcampaignid=web_share", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-gray-500 to-slate-500 p-2 rounded-xl flex items-center justify-center hover:shadow-lg hover:shadow-gray-500/20 transition-all duration-200", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-white", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play-circle text-2xl text-rose-500", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto bg-gradient-to-r from-rose-500 to-pink-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "Video Platform"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-3 md:gap-4 w-full md:w-auto", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "mailto:admin@fivestarsappsolutions.com?subject=Request%20Access%20to%20Live%20Sessions&body=I%20would%20like%20to%20request%20access%20to%20the%20live%20sessions.", className: "bg-gradient-to-r from-purple-500 to-pink-500 px-4 md:px-6 py-2 md:py-2.5 rounded-xl flex items-center justify-center gap-2 hover:shadow-lg hover:shadow-purple-500/20 transition-all duration-200 font-medium w-full md:w-auto", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 91, columnNumber: 15 }, __self: this }, "Get Invited")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowJoinModal(true), className: "bg-gradient-to-r from-blue-500 to-cyan-500 px-4 md:px-6 py-2 md:py-2.5 rounded-xl flex items-center justify-center gap-2 hover:shadow-lg hover:shadow-blue-500/20 transition-all duration-200 font-medium w-full md:w-auto", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-video", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, "Join Live Podcast")), /*#__PURE__*/ React.createElement("a", { href: "https://goddessrantsforum.created.app/", target: "_blank", rel: "noopener noreferrer", className: "bg-gradient-to-r from-green-500 to-emerald-500 px-4 md:px-6 py-2 md:py-2.5 rounded-xl flex items-center justify-center gap-2 hover:shadow-lg hover:shadow-green-500/20 transition-all duration-200 font-medium w-full md:w-auto", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 107, columnNumber: 15 }, __self: this }, "Chat")))), /*#__PURE__*/ React.createElement("div", { className: "backdrop-blur-sm bg-white/5 p-4 md:p-6 rounded-xl mb-8", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mb-4 md:mb-6 text-gray-300", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle text-blue-400", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-sm md:text-base", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, "Select a category below to explore our curated playlists")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-4 gap-3 md:gap-4 mb-6 md:mb-8", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, Object.entries(categories).map(([key, category])=>key === "live" || key === "ondemand" || key === "latest" ? /*#__PURE__*/ React.createElement("div", { key: key, className: "flex flex-col", __source: { fileName: "", lineNumber: 122, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: category.url, target: "_blank", rel: "noopener noreferrer", className: `p-4 rounded-xl flex items-center gap-3 transition-all duration-200 bg-gradient-to-r ${category.color} shadow-lg`, __source: { fileName: "", lineNumber: 123, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${category.icon} text-white`, __source: { fileName: "", lineNumber: 129, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 130, columnNumber: 21 }, __self: this }, category.title)), key === "live" && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-center", __source: { fileName: "", lineNumber: 135, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-red-500 font-bold live-pulse", __source: { fileName: "", lineNumber: 136, columnNumber: 23 }, __self: this }, "LIVE NOW"))) : /*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>setSelectedCategory(key), className: `p-4 rounded-xl flex items-center gap-3 transition-all duration-200 ${selectedCategory === key ? `bg-gradient-to-r ${category.color} shadow-lg` : "bg-white/5 hover:bg-white/10"}`, __source: { fileName: "", lineNumber: 143, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${category.icon} ${selectedCategory === key ? "text-white" : "text-gray-400"}`, __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: selectedCategory === key ? "font-medium" : "text-gray-400", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, category.title)))), /*#__PURE__*/ React.createElement("div", { className: "rounded-xl overflow-hidden shadow-2xl", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, selectedCategory === "latest" ? /*#__PURE__*/ React.createElement("iframe", { allow: "autoplay *; encrypted-media *; fullscreen *; clipboard-write", frameBorder: "0", height: "450", style: { width: "100%", maxWidth: "660px", overflow: "hidden", borderRadius: "10px" }, sandbox: "allow-forms allow-popups allow-same-origin allow-scripts allow-storage-access-by-user-activation allow-top-navigation-by-user-activation", src: "https://embed.music.apple.com/us/album/burnin-me-up-single/1775728123", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }) : selectedCategory === "live" ? /*#__PURE__*/ React.createElement("iframe", { src: "https://jayceepeetv.created.app/", title: "JayceePEETV Live", className: "w-full aspect-video", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }) : selectedCategory === "music" ? /*#__PURE__*/ React.createElement("iframe", { src: "https://www.youtube.com/embed/Qdpy5ZWq0gQ", title: "Music Video", className: "w-full aspect-video", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("iframe", { src: `https://www.youtube.com/embed/videoseries?list=${categories[selectedCategory].id}`, title: categories[selectedCategory].title, className: "w-full aspect-video", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "text-center py-6 backdrop-blur-sm bg-white/5", __source: { fileName: "", lineNumber: 211, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 212, columnNumber: 9 }, __self: this }, "Powered by", " ", /*#__PURE__*/ React.createElement("span", { className: "font-medium bg-gradient-to-r from-rose-500 to-pink-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 214, columnNumber: 11 }, __self: this }, "Five Stars App Solutions"))), showJoinModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50", __source: { fileName: "", lineNumber: 221, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1e293b] p-4 md:p-6 rounded-xl w-full max-w-md mx-4", __source: { fileName: "", lineNumber: 222, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg md:text-xl font-medium mb-4", __source: { fileName: "", lineNumber: 223, columnNumber: 13 }, __self: this }, "Join Live Podcast"), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Enter meeting URL (Zoom/Google Meet/Teams)", value: meetingUrl, onChange: (e)=>setMeetingUrl(e.target.value), className: "w-full p-2 rounded bg-white/10 border border-white/20 mb-4 text-sm md:text-base", __source: { fileName: "", lineNumber: 226, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 233, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleJoinMeeting, disabled: !meetingUrl, className: "bg-gradient-to-r from-blue-500 to-cyan-500 px-4 py-2 rounded-lg flex-1 disabled:opacity-50", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, "Join Meeting"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowJoinModal(false), className: "px-4 py-2 rounded-lg bg-white/10 flex-1", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, "Cancel")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .live-pulse { animation: pulse 2s infinite; } `)); }