text: import React from "react";
  
  const ProjectsHeader = () => {
    return (
      <div className="col-12 d-flex justify-content-center align-items-center">
        <span data-aos="fade-up" data-aos-delay="25" className="hover-up header">
          P
        </span>
        <span data-aos="fade-up" data-aos-delay="100" className="hover-up header">
          r
        </span>
        <span data-aos="fade-up" data-aos-delay="125" className="hover-up header">
          o
        </span>
        <span data-aos="fade-up" data-aos-delay="150" className="hover-up header">
          j
        </span>
        <span data-aos="fade-up" data-aos-delay="300" className="hover-up header">
          e
        </span>
        <span data-aos="fade-up" data-aos-delay="400" className="hover-up header">
          c
        </span>
        <span data-aos="fade-up" data-aos-delay="350" className="hover-up header">
          t
        </span>
        <span data-aos="fade-up" data-aos-delay="200" className="hover-up header">
          s
        </span>
      </div>
    );
  };
  
  export default ProjectsHeader;
  