App Flow vs Page Flow

I can see that Page Flows have access to Page Components whereas App Flows do not
I want to understand more about their differences and uses

1. What is the purpose of App Flow?
2. I can add both Page Flows and App Flows to my index.html page, what is the use case of adding an App Flow to a index.html (or any) Page