import { useRouter } from 'next/router'; import { useState } from 'react'; import styles from '../../styles/Journal.module.css'; import Head from 'next/head'; export default function EmbeddedJournal() { const router = useRouter(); const { day } = router.query; const currentDay = parseInt(day as string) || 1; const [entries, setEntries] = useState({ morningIntention: '', eveningReflection: '' }); const getPhase = (day: number) => { if (day <= 7) return "Phase 1 - Awakening"; if (day <= 14) return "Phase 2 - Growth"; return "Phase 3 - Empowerment"; }; return ( <> Day {currentDay} - Self Love Journey

Day {currentDay} - Self Love Journey

{getPhase(currentDay)}

Morning Intention