AuraSpace

Original Prompt

“Build a responsive Guided Mindfulness web app called "AuraSpace" using React and CSS modules. The homepage should feature a minimalist, center-aligned 'Breathing Circle' animation that expands and contracts smoothly on an 8-second loop (inhale 4s, exhale 4s) to guide the user immediately.Key Features: Below the breathing guide, render a horizontal scrolling card deck of audio sessions categorized by 'Sleep', 'Focus', and 'Anxiety'. Each card should show a duration badge and a simple play icon. Clicking a session opens a full-screen, minimalist audio player overlay. UI/UX: Use a soft, organic color palette — think muted sage greens, warm oats, and soft lavender gradients. Avoid sharp edges, heavy shadows, or cluttered text.”