1  import React from "react";
 2  import "./RoadMap.css";
 3  import roadmapImage from "../images/NFTroadmap.jpg"; // Make sure this path is correct based on your project structure
 4  
 5  const RoadMap = () => {
 6    return (
 7      <div className="roadmap-container">
 8        <div className="roadmap-image">
 9          <img src={roadmapImage} alt="Roadmap" />
10        </div>
11        <div className="roadmap-text">
12          <h2>Project Roadmap</h2>
13          <p>
14            We are building an unique platform as a service that focus on
15            fundraising to the tech industry by helping raise funds to charities,
16            foundations and social entrepreneurs to educate and upgrade people
17            skills in software.
18            <br /> Our roadmap outlines the key milestones and objectives we aim
19            to achieve in the coming months.
20          </p>
21          <p>- **Pre-start**: Research and planning has already been done.</p>
22          <p>- **Month 1**: Setup repo, user stories, ticket creation.</p>
23          <p>- **Month 1 until end**: Frontend and backend development.</p>
24          <p>
25            - **Month 3**: Cryptocurrency donation integration and affiliate
26            fundraising exploration.
27          </p>
28          <p>
29            - **Month 2-7**: Platform testing, feedback collection, and feature
30            enhancements.
31          </p>
32          <p>
33            - **Month 8**: Final testing, debugging, documentation preparation,
34            and training videos.
35          </p>
36          <p>- **Final**: Launch of the platform for wider use.</p>
37          {/* Add more roadmap details as needed */}
38        </div>
39      </div>
40    );
41  };
42  
43  export default RoadMap;