{"size": 825, "ext": "js", "max_stars_repo_path": "src/sections/portfolio-details/one/RelatedProduct/index.js", "max_stars_repo_name": "yassinebridi/yc-landing", "max_stars_repo_stars_event_min_datetime": "2021-08-05T21:01:29.000Z", "max_stars_repo_stars_event_max_datetime": "2021-08-05T21:01:29.000Z", "max_issues_repo_path": "src/sections/portfolio-details/two/RelatedProduct/index.js", "max_issues_repo_name": "yassinebridi/yc-landing", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/sections/portfolio-details/two/RelatedProduct/index.js", "max_forks_repo_name": "yassinebridi/yc-landing", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 29.4642857143, "max_line_length": 74, "alphanum_fraction": 0.5975757576}
import React from 'react'
import Card from '../components/Card'
 import Data from "../../../../data/GalleryProducts"
export default function RelatedProductSection(){
return(
<>
<div className="related-works-area bg-catskillwhite">
  <div className="container">
    <div className="row">
      <div className="col-lg-12">
        <div className="related-works-title text-center">
          <h2>Related Works</h2>
        </div>
      </div>
    </div>
    <div className="row justify-content-center related-works-area-items">
      {Data.relatedProduct.map(({image,title,titleSmall},index) => {
          return <div className="col-xl-3 col-lg-4 col-sm-6" key={index}>
          <Card title={title} image={image} titleSmall={titleSmall}/>
        </div>
      })}
    </div>
  </div>
</div>

</>
)
}