modernized the pipeline section

[Youcef3939]

This pull request significantly improves the PipelineDiagram component and its styling to provide a more visually engaging and responsive representation of the pipeline process. It also makes minor content and copy updates to the landing page for clarity and consistency.

Pipeline Diagram Redesign and Responsiveness:

• PipelineDiagram.jsx, PipelineDiagram.module.css:
  • Replaces the linear step/arrow design with a custom SVG-based diagram featuring animated lines and circular nodes, visually mapping the pipeline steps in a non-linear fashion. [1] [2]
  • Adds a responsive mobile fallback: on small screens, the diagram switches to a vertical format with animated lines and stacked nodes. [1] [2]
  • Refactors step labels to include step numbers for clarity (e.g., "1. Machine", "2. TORQ Agent", etc.).
  • Removes the feedback loop SVG for a cleaner presentation. [1] [2]

Landing Page Content and Copy Updates:

• LandingPage.jsx:
  • Updates the pipeline section title and subtitle for clarity and improved messaging ("How TORQ drives the repair").
  • Adjusts the hero section badge and description for consistency (e.g., "Fault to Fix Engine", removes ampersand).
  • Changes "Self-Learning" to "Self Learning" in the features list for consistency.