function TimezoneConverter() { const [timezones, setTimezones] = useState([]); const [fromTimezone, setFromTimezone] = useState(""); const [toTimezone, setToTimezone] = useState(""); const [convertedTime, setConvertedTime] = useState(null); const [loading, setLoading] = useState(true); const [converting, setConverting] = useState(false); const [error, setError] = useState(null); const [useCurrentTime, setUseCurrentTime] = useState(true); const [customDateTime, setCustomDateTime] = useState(""); const [isDark, setIsDark] = useState(false); useEffect(()=>{ fetchTimezones(); }, []); useEffect(()=>{ if (fromTimezone && toTimezone) { convertTime(); } }, [ fromTimezone, toTimezone, useCurrentTime, customDateTime ]); useEffect(()=>{ if (fromTimezone && toTimezone && useCurrentTime) { const interval = setInterval(convertTime, 60000); return ()=>clearInterval(interval); } }, [ fromTimezone, toTimezone, useCurrentTime ]); useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const fetchTimezones = async ()=>{ try { const response = await fetch("/api/timezones", { method: "POST" }); if (!response.ok) { throw new Error(`Failed to fetch timezones: ${response.status}`); } const result = await response.json(); if (result.success && Array.isArray(result.data)) { setTimezones(result.data); setError(null); } else { throw new Error(result.error || "Failed to fetch timezone data"); } } catch (err) { setError("Unable to load timezones. Please try again later."); } finally{ setLoading(false); } }; const convertTime = async ()=>{ if (!fromTimezone || !toTimezone) return; if (!useCurrentTime && !customDateTime) return; setConverting(true); try { let dateTime; if (useCurrentTime) { const now = new Date(); dateTime = now.toLocaleString("sv").replace("T", " ").slice(0, 19); } else { const customDate = new Date(customDateTime); dateTime = customDate.toLocaleString("sv").replace("T", " ").slice(0, 19); } const response = await fetch("/api/convert-timezone", { method: "POST", body: JSON.stringify({ fromTimeZone: fromTimezone, toTimeZone: toTimezone, dateTime }), headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error(`HTTP error! status: ${response.status}`); } const result = await response.json(); if (!result || !result.data) { throw new Error("Failed to convert time"); } setConvertedTime(result.data); setError(null); } catch (err) { setError("Unable to convert time. Please try again later."); setConvertedTime(null); } finally{ setConverting(false); } }; const LoadingSkeleton = ()=>/*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 109, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-gray-200 rounded-lg", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this })); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white", __source: { fileName: "", lineNumber: 116, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 bg-black/90 backdrop-blur-lg z-50 border-b border-white/10", __source: { fileName: "", lineNumber: 117, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 118, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 119, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-2xl font-bold hover:text-white/80 transition-colors", __source: { fileName: "", lineNumber: 120, columnNumber: 13 }, __self: this }, "$VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/anonymous-board", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, "APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("a", { href: "/timezone-converter", className: "text-white/60 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, "Timezone Converter"))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 156, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen p-4 flex items-center justify-center", __source: { fileName: "", lineNumber: 157, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg bg-white/5 backdrop-blur-lg rounded-2xl border border-white/10 p-6", __source: { fileName: "", lineNumber: 158, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 159, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-semibold text-white", __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, "Time Converter"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUseCurrentTime(!useCurrentTime), className: "text-sm px-3 py-1.5 rounded-full bg-white/10 text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, useCurrentTime ? "Use Custom Time" : "Use Current Time")), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-900/50 text-red-200 p-3 rounded-lg mb-4 text-sm flex items-center", __source: { fileName: "", lineNumber: 172, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this }), error), loading ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 180, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-12 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 181, columnNumber: 17 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 184, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: fromTimezone, onChange: (e)=>setFromTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 191, columnNumber: 21 }, __self: this }, "From"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 193, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " ")))), /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right text-white/40", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("select", { value: toTimezone, onChange: (e)=>setToTimezone(e.target.value), className: "flex-1 p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 204, columnNumber: 21 }, __self: this }, "To"), timezones.map((tz)=>/*#__PURE__*/ React.createElement("option", { key: tz, value: tz, __source: { fileName: "", lineNumber: 206, columnNumber: 23 }, __self: this }, tz.split("/").pop().replace("_", " "))))), !useCurrentTime && /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: customDateTime, onChange: (e)=>setCustomDateTime(e.target.value), className: "w-full p-3 bg-black/50 border border-white/10 rounded-lg focus:ring-2 focus:ring-white/30 focus:border-transparent text-sm text-white", __source: { fileName: "", lineNumber: 214, columnNumber: 19 }, __self: this })), converting ? /*#__PURE__*/ React.createElement("div", { className: "mt-6 animate-pulse", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-20 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 226, columnNumber: 17 }, __self: this })) : convertedTime && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-white/5 rounded-lg", __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start gap-4", __source: { fileName: "", lineNumber: 231, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 232, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 233, columnNumber: 23 }, __self: this }, fromTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 236, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 241, columnNumber: 23 }, __self: this }, new Date(convertedTime.fromDateTime).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "flex-1 text-right", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60 mb-1", __source: { fileName: "", lineNumber: 248, columnNumber: 23 }, __self: this }, toTimezone.split("/").pop().replace("_", " ")), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-medium text-white", __source: { fileName: "", lineNumber: 251, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleTimeString()), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-white/60", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, new Date(convertedTime.conversionResult.dateTime).toLocaleDateString()))))))), /*#__PURE__*/ React.createElement("div", { className: "py-8 bg-black/80 backdrop-blur-sm", __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 271, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white/60", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, "ALL RIGHTS RESERVED 2025 $VICIT"), /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: "text-sm text-white/60 hover:text-white/80 transition-colors mt-2 inline-block", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, "Privacy Policy"))))); } function TimezoneConverterStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 291, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(TimezoneConverter, { __source: { fileName: "", lineNumber: 292, columnNumber: 7 }, __self: this })); } function MainComponent() { const [isDark, setIsDark] = useState(false); const [formData, setFormData] = useState({ solana_address: "", project_ticker: "" }); const [posts, setPosts] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [isSubmitting, setIsSubmitting] = useState(false); const [isDrawerOpen, setIsDrawerOpen] = useState(false); const [showTokenCA, setShowTokenCA] = useState(false); const tokenCA = "9RoX13KFnC62G6n3uUoYRV7YaFjEvd4v3hexRkWMpump"; // Updated token CA useEffect(()=>{ const link = document.querySelector("link[rel*='icon']") || document.createElement("link"); link.type = "image/png"; link.rel = "icon"; link.href = "https://ucarecdn.com/77dac108-8d6d-446c-97b6-f51f15ca8cf1/-/format/auto/"; document.getElementsByTagName("head")[0].appendChild(link); }, []); const fetchPosts = useCallback(async ()=>{ try { const response = await fetch("/api/posts", { method: "POST" }); if (!response.ok) { throw new Error("Failed to fetch entries"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setPosts(data.posts || []); setError(null); } catch (err) { setError(err.message || "Unable to load entries"); console.error("Error fetching posts:", err); } finally{ setLoading(false); } }, []); useEffect(()=>{ fetchPosts(); }, [ fetchPosts ]); useEffect(()=>{ document.body.classList.toggle("dark-theme", isDark); document.body.classList.toggle("light-theme", !isDark); }, [ isDark ]); const handleSubmit = async (e)=>{ e.preventDefault(); if (!formData.solana_address.trim() || !formData.project_ticker.trim()) return; setIsSubmitting(true); setError(null); try { const response = await fetch("/api/posts", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (!response.ok || data.error) { throw new Error(data.error || "Failed to submit entry"); } setFormData({ solana_address: "", project_ticker: "" }); await fetchPosts(); } catch (err) { console.error("Error submitting entry:", err); setError(err.message || "Failed to submit entry. Please try again."); } finally{ setIsSubmitting(false); } }; const handleReaction = async (postId, reactionType)=>{ try { const response = await fetch("/api/posts", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "react", post_id: postId, reaction_type: reactionType }) }); if (!response.ok) { throw new Error("Failed to add reaction"); } fetchPosts(); } catch (err) { console.error(err); } }; const handleChange = (e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; const copyTokenCA = ()=>{ navigator.clipboard.writeText(tokenCA); setShowTokenCA(true); setTimeout(()=>setShowTokenCA(false), 2000); }; return /*#__PURE__*/ React.createElement("div", { className: `min-h-screen ${isDark ? "bg-black text-white" : "bg-white text-black"}`, __source: { fileName: "", lineNumber: 122, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `fixed inset-0 bg-black/50 backdrop-blur-sm z-50 md:hidden ${isDrawerOpen ? "block" : "hidden"}`, onClick: ()=>setIsDrawerOpen(false), __source: { fileName: "", lineNumber: 125, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 right-0 h-full w-64 ${isDark ? "bg-black" : "bg-white"} z-50 transform transition-transform duration-300 ease-in-out md:hidden ${isDrawerOpen ? "translate-x-0" : "translate-x-full"}`, __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 132, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end", __source: { fileName: "", lineNumber: 133, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(false), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 138, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-6 mt-8", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 142, columnNumber: 13 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 148, columnNumber: 13 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors text-lg`, __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, "Leaderboard"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mt-4", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 169, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 175, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, "𝕏"))))), /*#__PURE__*/ React.createElement("div", { className: `fixed top-0 left-0 right-0 ${isDark ? "bg-black/90" : "bg-white/90"} backdrop-blur-lg z-50 border-b ${isDark ? "border-white/10" : "border-black/10"}`, __source: { fileName: "", lineNumber: 191, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 194, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://vicit.fun/", className: `text-2xl font-bold hover:opacity-80 transition-colors mr-3`, __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, "$VICIT")), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center gap-6", __source: { fileName: "", lineNumber: 205, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 207, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-xl", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://discord.com/invite/bbM2zdgM", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-discord text-xl", __source: { fileName: "", lineNumber: 221, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://x.com/vicitfun", target: "_blank", rel: "noopener noreferrer", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors font-bold`, style: { fontFamily: "Arial, sans-serif" }, __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, "𝕏")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-6 text-sm", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/app", className: `${isDark ? "text-white hover:text-white" : "text-black hover:text-black"} transition-colors font-medium`, __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, "Launch APP"), /*#__PURE__*/ React.createElement("a", { href: "/draw", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, "Draw"), /*#__PURE__*/ React.createElement("a", { href: "/leaderboard", className: `${isDark ? "text-white/60 hover:text-white" : "text-black/60 hover:text-black"} transition-colors`, __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "Leaderboard")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 253, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 257, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 md:hidden", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDark(!isDark), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isDark ? "sun" : "moon"}`, __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsDrawerOpen(true), className: `p-2 rounded-full ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 272, columnNumber: 17 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "pt-16", __source: { fileName: "", lineNumber: 279, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 280, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 281, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-2", __source: { fileName: "", lineNumber: 282, columnNumber: 13 }, __self: this }, "Enter the Raffle"), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 283, columnNumber: 13 }, __self: this }, "Submit your Solana address and project ticker to participate")), /*#__PURE__*/ React.createElement("div", { className: `mb-12 ${isDark ? "bg-white/5" : "bg-black/5"} backdrop-blur-xl p-4 md:p-6 rounded-2xl shadow-lg transform transition-all duration-300 hover:shadow-2xl`, __source: { fileName: "", lineNumber: 288, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between gap-4", __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 w-full md:w-auto", __source: { fileName: "", lineNumber: 292, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-12 h-12 md:w-16 md:h-16 rounded-full flex items-center justify-center ${isDark ? "bg-white/10" : "bg-black/10"} flex-shrink-0`, __source: { fileName: "", lineNumber: 293, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://e1a4c9d0d2f9f737c5e1.ucr.io/-/preview/https://api.urlbox.io/v1/NTYqWgJv5s0qDIxN/jpeg?url=https%3A%2F%2Fpump.fun%2F&full_page=true&width=1024&max_height=2048&quality=80", alt: "pump.fun", className: "w-8 h-8 md:w-10 md:h-10 rounded-full object-cover", __source: { fileName: "", lineNumber: 296, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-left flex-1 min-w-0", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-sm md:text-base font-bold", __source: { fileName: "", lineNumber: 303, columnNumber: 19 }, __self: this }, "$VICIT Token"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-1 w-full", __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `px-2 py-1 rounded-md ${isDark ? "bg-white/10" : "bg-black/10"} text-xs md:text-sm font-mono relative group w-full`, __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-1 overflow-hidden", __source: { fileName: "", lineNumber: 310, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 311, columnNumber: 25 }, __self: this }, tokenCA), /*#__PURE__*/ React.createElement("button", { onClick: copyTokenCA, className: `ml-1 p-1 rounded-full ${isDark ? "hover:bg-white/20" : "hover:bg-black/20"} transition-colors flex-shrink-0`, __source: { fileName: "", lineNumber: 312, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-copy text-xs", __source: { fileName: "", lineNumber: 316, columnNumber: 27 }, __self: this }))), showTokenCA && /*#__PURE__*/ React.createElement("span", { className: "absolute -top-8 left-1/2 transform -translate-x-1/2 px-2 py-1 bg-black/80 text-white text-xs rounded whitespace-nowrap z-10", __source: { fileName: "", lineNumber: 320, columnNumber: 25 }, __self: this }, "Copied!"))))), /*#__PURE__*/ React.createElement("a", { href: "https://moonshot.money/Xo8zm5eQpbUaEBWXApkBF5Ii?ref=F4Mkxg3oOz", target: "_blank", rel: "noopener noreferrer", className: `px-6 py-3 rounded-xl ${isDark ? "bg-gradient-to-r from-white to-white/90 text-black" : "bg-gradient-to-r from-black to-black/90 text-white"} text-sm md:text-base font-bold transition-all hover:scale-105 shadow-lg w-full md:w-auto text-center`, __source: { fileName: "", lineNumber: 328, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 338, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, "Buy on Moonshot"))))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-16 space-y-6", __source: { fileName: "", lineNumber: 346, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 347, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "solana_address", value: formData.solana_address, onChange: handleChange, placeholder: "Enter your Solana address", className: `w-full p-6 rounded-2xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors text-lg`, disabled: isSubmitting, __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 359, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "project_ticker", value: formData.project_ticker, onChange: handleChange, placeholder: "Enter project ticker (e.g., $VICIT)", className: `w-full p-6 rounded-2xl border-2 ${isDark ? "border-white/10 bg-black text-white placeholder-white/40" : "border-black/10 bg-white text-black placeholder-black/40"} focus:outline-none ${isDark ? "focus:border-white/30" : "focus:border-black/30"} transition-colors text-lg`, disabled: isSubmitting, __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting || !formData.solana_address.trim() || !formData.project_ticker.trim(), className: `w-full p-6 ${isDark ? "bg-white text-black hover:bg-white/90" : "bg-black text-white hover:bg-black/90"} rounded-2xl transition-colors disabled:opacity-50 disabled:cursor-not-allowed text-xl font-bold`, __source: { fileName: "", lineNumber: 371, columnNumber: 13 }, __self: this }, isSubmitting ? "Submitting..." : "ENTER RAFFLE")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-400 text-center mb-8 text-lg font-medium", __source: { fileName: "", lineNumber: 385, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 390, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, "Recent Entries")), loading ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8", __source: { fileName: "", lineNumber: 395, columnNumber: 13 }, __self: this }, [ 1, 2, 3 ].map((i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `animate-pulse ${isDark ? "bg-white/5" : "bg-black/5"} rounded-2xl h-48`, __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }))) : posts.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: `text-center ${isDark ? "text-white/40" : "text-black/40"} py-16 text-xl font-medium`, __source: { fileName: "", lineNumber: 404, columnNumber: 13 }, __self: this }, "Be the first to enter the raffle") : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-8", __source: { fileName: "", lineNumber: 410, columnNumber: 13 }, __self: this }, posts.map((post)=>/*#__PURE__*/ React.createElement("div", { key: post.id, className: `${isDark ? "bg-white/5 hover:bg-white/10" : "bg-black/5 hover:bg-black/10"} backdrop-blur-lg rounded-2xl p-8 border ${isDark ? "border-white/10" : "border-black/10"} transform transition-all`, __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 416, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: isDark ? "text-white/60" : "text-black/60", "text-lg": true, __source: { fileName: "", lineNumber: 417, columnNumber: 21 }, __self: this }, "Address: ", post.solana_address), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this }, post.project_ticker), /*#__PURE__*/ React.createElement("p", { className: `${isDark ? "text-white/40" : "text-black/40"} text-base mt-4 font-medium`, __source: { fileName: "", lineNumber: 424, columnNumber: 21 }, __self: this }, new Date(post.created_at).toLocaleDateString("en-US", { month: "long", day: "numeric", hour: "numeric", minute: "numeric" })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mt-4", __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReaction(post.id, "like"), className: `flex items-center gap-2 px-3 py-2 rounded-lg ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 436, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", role: "img", "aria-label": "like", __source: { fileName: "", lineNumber: 444, columnNumber: 25 }, __self: this }, "👍"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 447, columnNumber: 25 }, __self: this }, post.likes || 0)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReaction(post.id, "love"), className: `flex items-center gap-2 px-3 py-2 rounded-lg ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 449, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", role: "img", "aria-label": "love", __source: { fileName: "", lineNumber: 457, columnNumber: 25 }, __self: this }, "❤️"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 460, columnNumber: 25 }, __self: this }, post.loves || 0)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleReaction(post.id, "rocket"), className: `flex items-center gap-2 px-3 py-2 rounded-lg ${isDark ? "bg-white/10 hover:bg-white/20" : "bg-black/10 hover:bg-black/20"} transition-colors`, __source: { fileName: "", lineNumber: 462, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl", role: "img", "aria-label": "rocket", __source: { fileName: "", lineNumber: 470, columnNumber: 25 }, __self: this }, "🚀"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 477, columnNumber: 25 }, __self: this }, post.rockets || 0))))))))), /*#__PURE__*/ React.createElement("div", { className: `py-8 ${isDark ? "bg-black/80" : "bg-black/5"} backdrop-blur-sm`, __source: { fileName: "", lineNumber: 488, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 491, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 492, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: `text-sm ${isDark ? "text-white/60" : "text-black/60"}`, __source: { fileName: "", lineNumber: 493, columnNumber: 13 }, __self: this }, "ALL RIGHTS RESERVED 2025 $VICIT"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center gap-4 mt-2", __source: { fileName: "", lineNumber: 498, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/privacy-policy", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 499, columnNumber: 15 }, __self: this }, "Privacy Policy"), /*#__PURE__*/ React.createElement("a", { href: "/terms-of-service", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 505, columnNumber: 15 }, __self: this }, "Terms of Service"), /*#__PURE__*/ React.createElement("a", { href: "/contact-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 511, columnNumber: 15 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("a", { href: "/about-us", className: `text-sm ${isDark ? "text-white/60 hover:text-white/80" : "text-black/60 hover:text-black/80"} transition-colors inline-block`, __source: { fileName: "", lineNumber: 517, columnNumber: 15 }, __self: this }, "About Us"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 528, columnNumber: 7 }, __self: this }, ` @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .grid > div { animation: fadeSlideUp 0.4s ease-out forwards; } .dark-theme { background-color: black; color: white; } .light-theme { background-color: white; color: black; } `)); }