/* ----- Project Imports ----- */
import "@/styles/projects.css";
import { cppProjects } from "@/data/cppdata.js";


function CppProjects() {
  return (
    <section id="cpp-projects" className="projectInformationContainer">
      {cppProjects.map((item, index) => {
        return(
          <div key={item.Name} className="projectIndividualItemContainer">
            <div className="projectImageContainer">
              <img className ="projectImage" src={item.Image} alt={item.Name} />
            </div>
            <div className="projectTextContainer">
            <h3 className="projectTextTitle">{item.Name}</h3>
            <p className="projectTechnologies">{item.Technologies}</p>
            <div className="projectLinksContainer">
            <a className="individualProjectLinks" href={item.GitHub} target="_blank" >GitHub</a>
            </div>
            </div>
        </div>);
      })}
    </section>
  );
};

export default CppProjects;