The Prompt
Collection

Manus AI, create a basic Single Page Application (SPA) using React.js with React Router. The application should simulate a small blog with three main pages: Home, About, and Blog Posts. 

**Application Structure:**
1.  **App Component:** The root component that sets up the React Router.
2.  **Navigation Bar:** A simple navigation bar with links to 'Home', 'About', and 'Blog Posts'.
3.  **Home Page Component:** A simple page with a welcome message.
4.  **About Page Component:** A page with some dummy 'about us' text.
5.  **Blog Posts Page Component:**
    *   Display a list of dummy blog post titles (e.g., 'Post 1', 'Post 2', 'Post 3').
    *   Each title should be a link to a detailed blog post page.
6.  **Blog Post Detail Component:**
    *   This component should display the content of a specific blog post, dynamically loaded based on a URL parameter (e.g., `/blog/:id`).
    *   Display a dummy title and paragraph for the blog post content.

**Technical Requirements:**
*   Use `create-react-app` structure (or similar for a clean React project).
*   Implement React Router DOM for client-side routing.
*   Use functional components and React Hooks (e.g., `useState`, `useEffect`) where appropriate.
*   Basic styling using plain CSS or inline styles for readability.
*   Ensure proper routing setup for dynamic routes (e.g., `/blog/:id`).

Provide the complete project structure, including `package.json`, `src/App.js`, `src/index.js`, and separate component files (e.g., `src/components/Home.js`, `src/components/About.js`, `src/components/BlogPosts.js`, `src/components/BlogPostDetail.js`). Include instructions on how to run the application.