function MainComponent() { const [mindOverMatterImage, setMindOverMatterImage] = useState(null); const [mindOverMatter2Image, setMindOverMatter2Image] = useState(null); const [pickASideImage, setPickASideImage] = useState(null); const [loveWinsImage, setLoveWinsImage] = useState(null); React.useEffect(()=>{ const favicon = document.querySelector("link[rel='icon']"); if (!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); } fetch("/integrations/image-search/imagesearch?q=mind+over+matter+inspirational").then((res)=>res.json()).then((data)=>{ if (data.items && data.items.length > 0) { setMindOverMatterImage(data.items[0].originalImageUrl); } }); fetch("/integrations/image-search/imagesearch?q=mind+over+matter+success").then((res)=>res.json()).then((data)=>{ if (data.items && data.items.length > 0) { setMindOverMatter2Image(data.items[0].originalImageUrl); } }); fetch("/integrations/image-search/imagesearch?q=choose+your+path+crossroads").then((res)=>res.json()).then((data)=>{ if (data.items && data.items.length > 0) { setPickASideImage(data.items[0].originalImageUrl); } }); fetch("/integrations/image-search/imagesearch?q=love+conquers+all+heart").then((res)=>res.json()).then((data)=>{ if (data.items && data.items.length > 0) { setLoveWinsImage(data.items[0].originalImageUrl); } }); }, []); const blogPosts = [ { title: "Mind Over Matter Part 3", image: mindOverMatterImage || "/mom3.jpg", link: "https://jayceepeegospelblog.blogspot.com/2022/02/jayceepee.html" }, { title: "Mind Over Matter Part 1 & 2", image: mindOverMatter2Image || "/mom1n2.jpg", link: "https://jayceepeegospelblog.blogspot.com/2022/02/jayceepee.html" }, { title: "Pick a side", image: pickASideImage || "/pick-a-side.jpg", link: "https://jayceepeegospelblogs.blogspot.com/" }, { title: "Love Wins", image: loveWinsImage || "/love-wins.jpg", link: "#" } ]; 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 }, "JayceePee Gospel Blog"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-8", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, blogPosts.map((post)=>/*#__PURE__*/ React.createElement("a", { key: post.title, href: post.link, className: "block p-4 bg-[#ffa500] rounded-lg hover:opacity-90 transition-opacity", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-square mb-2", __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: post.image, alt: post.title, className: "w-full h-full object-cover rounded-lg", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-center font-roboto text-black", __source: { fileName: "", lineNumber: 104, columnNumber: 15 }, __self: this }, post.title)))), /*#__PURE__*/ React.createElement("a", { href: "/listen", className: "block w-full max-w-md mx-auto py-4 px-8 bg-black text-white text-center rounded-full font-roboto text-lg hover:opacity-90 transition-opacity mb-8", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, "STREAM JAYCEEPEE MUSIC"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] rounded-lg p-4 mb-8", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.jayceepeegospel.rocks/blog_1731461989945_12", className: "w-full h-[800px] rounded-lg", title: "JayceePee Gospel Blog", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "text-center text-[#666666] py-4 font-roboto flex flex-col gap-2", __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 126, columnNumber: 9 }, __self: this }, "Copyright © 2024 JayceePee Gospel. All rights reserved."), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 9 }, __self: this }, "Powered by", " ", /*#__PURE__*/ React.createElement("a", { href: "https://www.fivestarsappsolutions.com/", target: "_blank", rel: "noopener noreferrer", className: "hover:text-[#888888] transition-colors", __source: { fileName: "", lineNumber: 129, columnNumber: 11 }, __self: this }, "Five Stars App Solutions AI Builder")))); }