text: import React, { Component } from 'react';
  import Header from '../../components/header/Header';
  import Footer from '../../components/footer/Footer';
  import GithubRepoCard from '../../components/githubRepoCard/GithubRepoCard';
  import Button from "../../components/button/Button";
  import {Fade} from 'react-reveal';
  import ProjectsData from '../../shared/opensource/projects.json';
  import './Projects.css';
  
  const projectsHeader = {
      title: "Projects",
      description: "My projects makes use of vast variety of latest technology tools. My best experience is to create Data Science projects and deploy them to web applications using cloud infrastructure.",
      avatar_image_path: "projects_image.svg"
  }
  
  
  class Projects extends Component {
      render(){
          return (
  					<div className="projects-main">
  						<Header />
  						<div className="basic-projects">
  							<Fade bottom duration={1000} distance="40px">
  								<div className="projects-heading-div">
  									<div className="projects-heading-img-div">
  										<img
  											src={require(`../../assests/images/${projectsHeader["avatar_image_path"]}`)}
  											alt=""
  										/>
  									</div>
  									<div className="projects-heading-text-div">
  										<h1 className="projects-heading-text">
  											{projectsHeader.title}
  										</h1>
  										<p className="projects-header-detail-text subTitle">
  											{projectsHeader["description"]}
  										</p>
  									</div>
  								</div>
  							</Fade>
  						</div>
  						<div className="repo-cards-div-main">
  							<Fade bottom duration={1000} distance="40px">
  								{ProjectsData.data.map(repo => {
  									return <GithubRepoCard repo={repo} />;
  								})}
  							</Fade>
  						</div>
  						<Button
  							text={"More Projects"}
  							className="project-button"
  							href="https://github.com/ashutosh1919"
  							newTab={true}
  						/>
  						<Footer />
  					</div>
  				);
      }
  }
  
  export default Projects;