I am working on a Next.js 14 project using the App Router, and I’m experimenting with animations using Framer Motion. I have a page in my app where I want text elements to animate into view when they come into the viewport. The animation should reveal the text from hidden to visible while a green line moves from left to right simultaneously.