text: import React from 'react';
  import { Link } from 'react-router-dom';
  
  import Main from '../layouts/Main';
  
  import Cell from '../components/Projects/Cell';
  import data from '../data/projects';
  
  const Projects = () => (
    <Main
      title="Projects"
      description="Learn about Tyler's projects."
    >
      <article className="post" id="projects">
        <header>
          <div className="title">
            <h2 data-testid="heading"><Link to="/projects">Projects</Link></h2>
            <p>A selection of projects that I&apos;m not too ashamed of.</p>
            <p>I am planning on adding more soon once I stop being lazy.</p>
          </div>
        </header>
        {data.map((project) => (
          <Cell
            data={project}
            key={project.title}
          />
        ))}
      </article>
    </Main>
  );
  
  export default Projects;
  