import { useState, useEffect } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" import { Textarea } from "@/components/ui/textarea" import { Switch } from "@/components/ui/switch" import { Moon, Sun } from "lucide-react" export default function App() { const [theme, setTheme] = useState<'light' | 'dark'>('light') useEffect(() => { const savedTheme = localStorage.getItem('theme') as 'light' | 'dark' | null if (savedTheme) { setTheme(savedTheme) document.documentElement.classList.toggle('dark', savedTheme === 'dark') } else { localStorage.setItem('theme', 'light') } }, []) const toggleTheme = () => { const newTheme = theme === 'light' ? 'dark' : 'light' setTheme(newTheme) document.documentElement.classList.toggle('dark', newTheme === 'dark') localStorage.setItem('theme', newTheme) } return (

Spiritual Web App

) } function MeditationTimer() { const [time, setTime] = useState(0) const [isActive, setIsActive] = useState(false) useEffect(() => { let interval: NodeJS.Timeout | null = null if (isActive && time > 0) { interval = setInterval(() => { setTime((prevTime) => prevTime - 1) }, 1000) } else if (time === 0) { clearInterval(interval!) setIsActive(false) } return () => clearInterval(interval!) }, [isActive, time]) const startTimer = () => { setTime(60 * 5) // 5 minutes setIsActive(true) } const pauseTimer = () => { setIsActive(false) } const resetTimer = () => { setTime(0) setIsActive(false) } const formatTime = (time: number) => { const minutes = Math.floor(time / 60) const seconds = time % 60 return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}` } return ( Meditation Timer

{formatTime(time)}

) } function ReflectionJournal() { const [reflection, setReflection] = useState('') const saveReflection = () => { // Here you can add logic to save the reflection, e.g., to local storage or a backend console.log('Reflection saved:', reflection) } return ( Reflection Journal