function MainComponent() { React.useEffect(()=>{ const favicon = document.querySelector("link[rel='icon']"); if (favicon) { document.head.removeChild(favicon); } 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); }, []); const streamingLinks = [ { name: "Spotify", url: "https://open.spotify.com/artist/2fPGQU6IStFCxytyMtaq0u", icon: "fab fa-spotify", color: "#1DB954" }, { name: "Apple Music", url: "https://music.apple.com/us/artist/jayceepee/1516438325", icon: "fab fa-apple", color: "#FC3C44" }, { name: "YouTube Music", url: "https://music.youtube.com/search?q=jayceepee", icon: "fab fa-youtube", color: "#FF0000" }, { name: "Amazon Music", url: "https://www.amazon.com/music/player/search/jayceepee?filter=IsLibrary%7Cfalse&sc=none", icon: "fab fa-amazon", color: "#00A8E1" }, { name: "Deezer", url: "https://www.deezer.com/en/artist/96643762", icon: "fas fa-music", color: "#00C7F2" }, { name: "Tidal", url: "https://tidal.com/browse/artist/19855021", icon: "fas fa-wave-square", color: "#000000" }, { name: "Pandora", url: "https://www.pandora.com/search/jayceepee/all", icon: "fas fa-broadcast-tower", color: "#00A0EE" }, { name: "SoundCloud", url: "https://soundcloud.com/jaycee-pee-309363022", icon: "fab fa-soundcloud", color: "#FF3300" }, { name: "iHeart Radio", url: "https://www.iheart.com/artist/jayceepee-34575672/", icon: "fas fa-heart", color: "#C6002B" }, { name: "Vimeo", url: "https://jayceepeetv.vhx.tv/", icon: "fab fa-vimeo-v", color: "#1AB7EA" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] text-white p-4 flex flex-col", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto flex-grow w-full", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-flex items-center px-4 py-2 rounded-lg font-roboto bg-[#1a1a1a] hover:bg-[#2a2a2a] transition-colors mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }), "Back to Home"), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-center mb-12 mt-8 font-roboto bg-gradient-to-r from-[#f4a261] to-[#e76f51] bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, "Listen to JayceePee Gospel"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-8", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, streamingLinks.map((platform)=>/*#__PURE__*/ React.createElement("a", { key: platform.name, href: platform.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-center p-4 rounded-lg bg-[#1a1a1a] hover:bg-[#2a2a2a] transition-all transform hover:scale-105", style: { borderLeft: `4px solid ${platform.color}` }, __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${platform.icon} fa-lg mr-4`, style: { color: platform.color }, __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, platform.name), /*#__PURE__*/ React.createElement("i", { className: "fas fa-external-link-alt ml-auto", style: { color: platform.color }, __source: { fileName: "", lineNumber: 105, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-lg p-4 mb-8", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-video bg-black rounded-lg mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { className: "w-full h-full rounded-lg", src: "https://www.youtube.com/embed/videoseries?list=PLKxeTm073DCoeP0zfom0EV9WcVgSv4HJn", title: "JayceePEE Gospel Playlist", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-lg p-4 mb-8", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { className: "w-full rounded-lg", src: "https://open.spotify.com/embed/show/6LmoP432PYxE5Zha5aIAst?utm_source=generator", height: "352", frameBorder: "0", allowFullScreen: true, allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture", loading: "lazy", __source: { fileName: "", lineNumber: 126, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-[#666666] py-4 font-roboto flex flex-col items-center", __source: { fileName: "", lineNumber: 138, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.facebook.com/jayceepeegospel_", target: "_blank", rel: "noopener noreferrer", className: "text-[#666666] hover:text-[#4267B2] transition-colors", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook fa-lg", __source: { fileName: "", lineNumber: 146, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/jayceepeegospel_", target: "_blank", rel: "noopener noreferrer", className: "text-[#666666] hover:text-[#E1306C] transition-colors", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram fa-lg", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.youtube.com/c/JayceePEE", target: "_blank", rel: "noopener noreferrer", className: "text-[#666666] hover:text-[#FF0000] transition-colors", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube fa-lg", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.tiktok.com/discover/jayceepee-gospel", target: "_blank", rel: "noopener noreferrer", className: "text-[#666666] hover:text-[#69C9D0] transition-colors", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-tiktok fa-lg", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-[#666666] font-roboto mb-2", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, "Copyright © 2024 JayceePee Gospel. All rights reserved."), /*#__PURE__*/ React.createElement("div", { className: "text-[#666666] font-roboto", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, "Powered by", " ", /*#__PURE__*/ React.createElement("a", { href: "https://www.fivestarsappsolutions.com/", target: "_blank", rel: "noopener noreferrer", className: "hover:text-[#f4a261] transition-colors", __source: { fileName: "", lineNumber: 178, columnNumber: 11 }, __self: this }, "Five Stars App Solutions AI Builder")))); }