mostly implemented project card.

src/components/ProjectCard.jsx

@@ -4,22 +4,35 @@ import { faGithub } from "@fortawesome/free-brands-svg-icons";
 
 export default function ProjectCard({
   title,
-  description,
+  descriptionA,
+  featureList,
   image,
   imageGallery,
   url,
 }) {
   return (
     <div className="project-card">
-      <img src={image} />
-      <div className="project-text">
-        <div className="row">
+      <div className="img-container">
+        <img src={image} />
+      </div>
+      <div className="project-text-column">
+        <div className="project-text">
           <h3 className="project-header">{title}</h3>
-          <a href={url} target="_blank">
-            <FontAwesomeIcon icon={faGithub} />
-          </a>
+          <p>{descriptionA}</p>
+          <div className="row">
+            <ul className="feature-list">
+              {featureList.map((item) => (
+                <li>{item}</li>
+              ))}
+            </ul>
+          </div>
+          <div className="button">
+            <a className="view-button-link" href={url} target="_blank">
+              View on GitHub
+              <FontAwesomeIcon icon={faGithub} />
+            </a>
+          </div>
         </div>
-        <p>{description}</p>
       </div>
     </div>
   );