text: import React from "react";
  import { Container, Row, Col } from "react-bootstrap";
  import ProjectCard from "./ProjectCards";
  import Particle from "../Particle";
  
  import Linkedin from "../../Assets/Projects/linkedin-statistics.png";
  import Portfolio from "../../Assets/Projects/portfolio.PNG";
  import School from "../../Assets/Projects/schools_getty.jpg";
  
  
  function Projects() {
    return (
      <Container fluid className="project-section">
        <Particle />
        <Container>
          <h1 className="project-heading">
            My Recent <strong className="purple">Works </strong>
          </h1>
          <p style={{ color: "white" }}>
            Here are a few projects I've worked on recently.
          </p>
          <Row style={{ justifyContent: "center", paddingBottom: "10px" }}>
            <Col md={4} className="project-card">
              <ProjectCard
                imgPath={School}
                isBlog={false}
                title="School Website"
                description="Static School Website to 
                to make a good first impression as it often is the first contact that people have with the school build with Vanilla.js, CSS, and Bootstrap. Have features which allows user for realtime contact form."
                link="https://github.com/subhodip281/School-/"
              />
            </Col>
  
            <Col md={4} className="project-card">
              <ProjectCard
                imgPath={Linkedin}
                isBlog={false}
                title="Linkedin-Clone"
                description="Built a real time web app with reactjs, which allow all realtime social media features like login, post, delete. Worked with Redux and Google-Firebase. Handled login and validation with Google-Auth. Integrated Google authentication."
                link=""
              />
            </Col>
  
            <Col md={4} className="project-card">
              <ProjectCard
                imgPath={Portfolio}
                isBlog={false}
                title="Portfolio-Website"
                description="Website of professional information about myself and present a showcase of my work build with Reactjs and designed with meterial Ui"
               
                link=""
              />
            </Col>
  
            {/* <Col md={4} className="project-card">
              <ProjectCard
                imgPath={bitsOfCode}
                isBlog={false}
                title="Bits-0f-C0de"
                description="My personal blog page build with Next.js and Tailwind Css which takes the content from makdown files and renders it using Next.js. Supports dark mode and easy to write blogs using markdown."
                link="https://github.com/soumyajit4419/Bits-0f-C0de"
              />
            </Col> */}
  
            {/* <Col md={4} className="project-card">
              <ProjectCard
                imgPath={suicide}
                isBlog={false}
                title="Ai For Social Good"
                description="Using 'Natural Launguage Processing' for the detection of suicide-related posts and user's suicide ideation in cyberspace  and thus helping in sucide prevention."
                link="https://github.com/soumyajit4419/AI_For_Social_Good"
              />
            </Col> */}
  
            {/* <Col md={4} className="project-card">
              <ProjectCard
                imgPath={emotion}
                isBlog={false}
                title="Face Recognition and Emotion Detection"
                description="Trained a CNN classifier using 'FER-2013 dataset' with Keras and tensorflow backened. The classifier sucessfully predicted the various types of emotions of human. And the highest accuracy obtained with the model was 60.1%.
                Then used Open-CV to detect the face in an image and then pass the face to the classifer to predict the emotion of a person."
                link="https://github.com/soumyajit4419/Face_And_Emotion_Detection"
              />
            </Col> */}
          </Row>
        </Container>
      </Container>
    );
  }
  
  export default Projects;
  