function MainComponent() { const [photos, setPhotos] = useState([]); const [error, setError] = useState(null); useEffect(()=>{ fetchPhotos(); addPredefinedPhotos(); }, []); const fetchPhotos = async ()=>{ try { const response = await fetch("/api/get-gallery-photos", { method: "POST" }); if (!response.ok) throw new Error("Failed to fetch photos"); const data = await response.json(); setPhotos(data.photos || []); } catch (err) { setError("Failed to load gallery photos"); console.error(err); } }; const addPredefinedPhotos = async ()=>{ const photos = [ { title: "Meditative Wisdom", description: "Ancient practices for inner peace and spiritual growth", image_url: "https://ucarecdn.com/81db7fa1-dba7-4933-b2e6-10b407c3b0f3/-/format/auto/" }, { title: "Sacred Geometry", description: "Understanding the patterns of universal consciousness", image_url: "https://ucarecdn.com/d1a795f6-1990-47d8-afa3-49f159890517/-/format/auto/" }, { title: "Energy Flow", description: "Channeling and directing spiritual energy", image_url: "https://ucarecdn.com/a527155a-d103-4612-9ed9-19b734d92f5b/-/format/auto/" }, { title: "Nature Connection", description: "Harmonizing with the elements and natural world", image_url: "https://ucarecdn.com/8acec2c2-b492-4140-9c97-179a8fe3cfdc/-/format/auto/" }, { title: "Inner Light", description: "Awakening the divine spark within", image_url: "https://ucarecdn.com/0905ab21-a0b2-4968-8fcb-aa117d365146/-/format/auto/" } ]; for (const photo of photos){ try { const response = await fetch("/api/create-gallery-photo", { method: "POST", body: JSON.stringify(photo) }); if (!response.ok) { console.error(`Failed to add photo: ${photo.title}`); } } catch (err) { console.error(`Error adding photo ${photo.title}:`, err); } } fetchPhotos(); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f4f1]", __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2a1f1d] text-white p-4", __source: { fileName: "", lineNumber: 78, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-crimson-text", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Spiritual Journey"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-6 font-roboto", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/chakras", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Chakras"), /*#__PURE__*/ React.createElement("a", { href: "/sun-wisdom", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Sun Wisdom"), /*#__PURE__*/ React.createElement("a", { href: "/elements-nature", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Elements & Nature"), /*#__PURE__*/ React.createElement("a", { href: "/cosmic-connection", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "Cosmic Connection"), /*#__PURE__*/ React.createElement("a", { href: "/gallery", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("a", { href: "/spirituality-dimensions-frequency", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, "Book Pre-Order")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 107, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-crimson-text text-[#2a1f1d] mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, "Sacred Journey Gallery"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "Visual expressions of spiritual wisdom, meditation practices, and cosmic connections")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center mb-8", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, photos.map((photo)=>/*#__PURE__*/ React.createElement("div", { key: photo.id, className: "bg-white rounded-lg shadow-lg overflow-hidden transform transition-transform hover:scale-105", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-w-4 aspect-h-3", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: photo.image_url, alt: photo.title, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#2a1f1d] mb-3", __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }, photo.title), photo.description && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, photo.description))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-16 border-t border-[#2a1f1d]/10 pt-8", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-crimson-text text-[#2a1f1d] mb-6", __source: { fileName: "", lineNumber: 149, columnNumber: 13 }, __self: this }, "Connect With Us"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-8", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.instagram.com/ramelchizedek", target: "_blank", rel: "noopener noreferrer", className: "text-[#2a1f1d] hover:text-[#e6d5c9] transition-colors", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-3xl", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/Ramelchizedek", target: "_blank", rel: "noopener noreferrer", className: "text-[#2a1f1d] hover:text-[#e6d5c9] transition-colors", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-x-twitter text-3xl", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.tiktok.com/@ramelchizedek", target: "_blank", rel: "noopener noreferrer", className: "text-[#2a1f1d] hover:text-[#e6d5c9] transition-colors", __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-tiktok text-3xl", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://www.youtube.com/@ramelchizedek", target: "_blank", rel: "noopener noreferrer", className: "text-[#2a1f1d] hover:text-[#e6d5c9] transition-colors", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube text-3xl", __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }))))))); }