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
Evening Reflection
Day {currentDay}/21