function FrequencyVisualizer({ frequency, isPlaying }) { const canvasRef = useRef(null); const [audioContext, setAudioContext] = useState(null); const [analyser, setAnalyser] = useState(null); const animationRef = useRef(null); useEffect(()=>{ // Initialize Web Audio API if (!audioContext) { const newAudioContext = new (window.AudioContext || window.webkitAudioContext)(); const newAnalyser = newAudioContext.createAnalyser(); newAnalyser.fftSize = 2048; setAudioContext(newAudioContext); setAnalyser(newAnalyser); } return ()=>{ if (animationRef.current) { cancelAnimationFrame(animationRef.current); } }; }, []); useEffect(()=>{ if (!analyser || !isPlaying) return; const canvas = canvasRef.current; const ctx = canvas.getContext("2d"); const bufferLength = analyser.frequencyBinCount; const dataArray = new Uint8Array(bufferLength); const draw = ()=>{ animationRef.current = requestAnimationFrame(draw); analyser.getByteTimeDomainData(dataArray); // Clear canvas ctx.fillStyle = "rgb(42, 31, 29)"; ctx.fillRect(0, 0, canvas.width, canvas.height); ctx.lineWidth = 2; ctx.strokeStyle = "rgb(230, 213, 201)"; ctx.beginPath(); const sliceWidth = canvas.width * 1.0 / bufferLength; let x = 0; for(let i = 0; i < bufferLength; i++){ const v = dataArray[i] / 128.0; const y = v * canvas.height / 2; if (i === 0) { ctx.moveTo(x, y); } else { ctx.lineTo(x, y); } x += sliceWidth; } ctx.lineTo(canvas.width, canvas.height / 2); ctx.stroke(); }; draw(); return ()=>{ if (animationRef.current) { cancelAnimationFrame(animationRef.current); } }; }, [ analyser, isPlaying ]); return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-4", __source: { fileName: "", lineNumber: 78, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d]", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, "Current Frequency: ", frequency, " Hz")), /*#__PURE__*/ React.createElement("canvas", { ref: canvasRef, width: 600, height: 200, className: "w-full h-48 rounded-lg bg-[#2a1f1d]", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-sm text-gray-600 text-center", __source: { fileName: "", lineNumber: 90, columnNumber: 7 }, __self: this }, "Visualizing frequency waveform")); } function FrequencyVisualizerStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 space-y-8", __source: { fileName: "", lineNumber: 99, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, "Playing State"), /*#__PURE__*/ React.createElement(FrequencyVisualizer, { frequency: 432, isPlaying: true, __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, "Paused State"), /*#__PURE__*/ React.createElement(FrequencyVisualizer, { frequency: 432, isPlaying: false, __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text mb-4", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, "Different Frequency"), /*#__PURE__*/ React.createElement(FrequencyVisualizer, { frequency: 963, isPlaying: true, __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [heroImage, setHeroImage] = useState(null); const [sessions, setSessions] = useState([]); const [selectedFrequency, setSelectedFrequency] = useState(432); const [isPlaying, setIsPlaying] = useState(false); const [scheduledDate, setScheduledDate] = useState(""); const [error, setError] = useState(null); const [loading, setLoading] = useState(true); useEffect(()=>{ generateHeroImage(); fetchMeditations(); }, []); const generateHeroImage = async ()=>{ try { const response = await fetch("/integrations/dall-e-3/?prompt=" + encodeURIComponent("A serene digital illustration of kundalini energy rising through chakras, minimalist zen style, soft earth tones")); const data = await response.json(); setHeroImage(data.data[0]); } catch (err) { console.error("Error generating hero image:", err); setError("Failed to load meditation image"); } finally{ setLoading(false); } }; const fetchMeditations = async ()=>{ try { const response = await fetch("/api/get-meditations", { method: "POST" }); if (!response.ok) throw new Error("Failed to fetch meditations"); const data = await response.json(); setSessions(data.sessions || []); } catch (err) { console.error("Error fetching meditations:", err); setError("Could not load meditation sessions"); } }; const scheduleSession = async (e)=>{ e.preventDefault(); try { const response = await fetch("/api/schedule-meditation", { method: "POST", body: JSON.stringify({ date: scheduledDate }) }); if (!response.ok) throw new Error("Failed to schedule session"); setScheduledDate(""); alert("Meditation session scheduled successfully!"); } catch (err) { console.error("Error scheduling session:", err); setError("Could not schedule meditation session"); } }; if (loading) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f4f1] flex items-center justify-center", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl text-[#2a1f1d]", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Loading meditation guide...")); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f8f4f1]", __source: { fileName: "", lineNumber: 72, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2a1f1d] text-white p-4", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-wrap justify-between items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-crimson-text", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, "Spiritual Journey"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-6 font-roboto", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 77, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/kundalini-meditation", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, "Kundalini Meditation"), /*#__PURE__*/ React.createElement("a", { href: "/kundalini-yoga", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Kundalini Yoga"), /*#__PURE__*/ React.createElement("a", { href: "/chakras", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Chakras"), /*#__PURE__*/ React.createElement("a", { href: "/sun-wisdom", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, "Sun Wisdom"), /*#__PURE__*/ React.createElement("a", { href: "/elements-nature", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Elements & Nature"), /*#__PURE__*/ React.createElement("a", { href: "/cosmic-connection", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Cosmic Connection"), /*#__PURE__*/ React.createElement("a", { href: "/gallery", className: "hover:text-[#e6d5c9]", __source: { fileName: "", lineNumber: 98, columnNumber: 13 }, __self: this }, "Gallery")))), /*#__PURE__*/ React.createElement("div", { className: "relative h-[600px]", __source: { fileName: "", lineNumber: 105, columnNumber: 7 }, __self: this }, heroImage && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("img", { src: heroImage, alt: "Kundalini meditation visualization showing rising spiritual energy", className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black opacity-40", __source: { fileName: "", lineNumber: 113, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center text-center text-white", __source: { fileName: "", lineNumber: 116, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl px-4", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl md:text-6xl font-crimson-text mb-6", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, "Kundalini Meditation"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl font-roboto", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "Awakening the Divine Serpent Energy Within")))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-16", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8 mb-16", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 130, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#2a1f1d] mb-6", __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, "Key Concepts"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d] mb-2", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "Kundalini Energy"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 139, columnNumber: 17 }, __self: this }, "The dormant spiritual energy coiled at the base of the spine, waiting to be awakened through meditation and spiritual practices.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 145, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d] mb-2", __source: { fileName: "", lineNumber: 146, columnNumber: 17 }, __self: this }, "Energy Centers"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "The seven main chakras through which kundalini energy rises, bringing enlightenment and spiritual awakening.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 154, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d] mb-2", __source: { fileName: "", lineNumber: 155, columnNumber: 17 }, __self: this }, "Sacred Breathing"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Specific pranayama techniques that help activate and guide the kundalini energy upward through the chakras.")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8", __source: { fileName: "", lineNumber: 166, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#2a1f1d] mb-6", __source: { fileName: "", lineNumber: 167, columnNumber: 13 }, __self: this }, "Schedule a Session"), /*#__PURE__*/ React.createElement("form", { onSubmit: scheduleSession, className: "space-y-4", __source: { fileName: "", lineNumber: 170, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, "Select Date"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", value: scheduledDate, onChange: (e)=>setScheduledDate(e.target.value), className: "w-full p-2 border rounded", required: true, __source: { fileName: "", lineNumber: 173, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#2a1f1d] text-white px-6 py-2 rounded hover:bg-[#4a3f3d]", __source: { fileName: "", lineNumber: 181, columnNumber: 15 }, __self: this }, "Schedule Meditation")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-16", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#2a1f1d] mb-6", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, "Sacred Sound Frequency"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 195, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsPlaying(!isPlaying), className: "bg-[#2a1f1d] text-white px-6 py-2 rounded hover:bg-[#4a3f3d]", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, isPlaying ? "Pause" : "Play", " Frequency"), /*#__PURE__*/ React.createElement("select", { value: selectedFrequency, onChange: (e)=>setSelectedFrequency(Number(e.target.value)), className: "p-2 border rounded", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "432", __source: { fileName: "", lineNumber: 208, columnNumber: 17 }, __self: this }, "432 Hz - Natural Healing"), /*#__PURE__*/ React.createElement("option", { value: "528", __source: { fileName: "", lineNumber: 209, columnNumber: 17 }, __self: this }, "528 Hz - Transformation"), /*#__PURE__*/ React.createElement("option", { value: "639", __source: { fileName: "", lineNumber: 210, columnNumber: 17 }, __self: this }, "639 Hz - Heart Chakra"))), /*#__PURE__*/ React.createElement(FrequencyVisualizer, { frequency: selectedFrequency, isPlaying: isPlaying, __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-8 mb-16", __source: { fileName: "", lineNumber: 220, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-crimson-text text-[#2a1f1d] mb-6", __source: { fileName: "", lineNumber: 221, columnNumber: 11 }, __self: this }, "Safety Guidelines"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 225, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d] mb-4", __source: { fileName: "", lineNumber: 226, columnNumber: 15 }, __self: this }, "Precautions"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2 text-gray-700", __source: { fileName: "", lineNumber: 229, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 230, columnNumber: 17 }, __self: this }, "Start with shorter sessions (15-20 minutes)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 231, columnNumber: 17 }, __self: this }, "Practice in a quiet, safe environment"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 232, columnNumber: 17 }, __self: this }, "Listen to your body and its limits"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 233, columnNumber: 17 }, __self: this }, "Stay hydrated before and after practice"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, "Maintain a consistent daily practice"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 237, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#2a1f1d] mb-4", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, "When to Avoid Practice"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside space-y-2 text-gray-700", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "During illness or fever"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, "If experiencing mental instability"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, "Without proper guidance as a beginner"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, "When extremely fatigued"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "During acute physical pain"))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 252, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/spirituality-dimensions-frequency", className: "inline-block bg-[#2a1f1d] text-white px-8 py-3 rounded hover:bg-[#4a3f3d] font-roboto", __source: { fileName: "", lineNumber: 253, columnNumber: 11 }, __self: this }, "Pre-Order the Book")), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center p-4", __source: { fileName: "", lineNumber: 261, columnNumber: 19 }, __self: this }, error))); }