{"size": 877, "ext": "js", "max_stars_repo_path": "src/components/sections/Hero/Hero.js", "max_stars_repo_name": "selmansamet/jargon.ist", "max_stars_repo_stars_event_min_datetime": "2018-04-18T10:40:36.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-30T18:47:25.000Z", "max_issues_repo_path": "src/components/sections/Hero/Hero.js", "max_issues_repo_name": "selmansamet/jargon.ist", "max_issues_repo_issues_event_min_datetime": "2018-04-18T12:00:23.000Z", "max_issues_repo_issues_event_max_datetime": "2021-09-20T21:01:40.000Z", "max_forks_repo_path": "src/components/sections/Hero/Hero.js", "max_forks_repo_name": "selmansamet/jargon.ist", "max_forks_repo_forks_event_min_datetime": "2018-04-18T11:17:01.000Z", "max_forks_repo_forks_event_max_datetime": "2020-10-06T11:23:30.000Z"}
{"max_stars_count": 218, "max_issues_count": 67, "max_forks_count": 76, "avg_line_length": 26.5757575758, "max_line_length": 99, "alphanum_fraction": 0.6305587229}
// @flow

import React from 'react';

import { LinkButton } from '../../ui';

import hero from '../../../img/hero.svg';

import './Hero.scss';

const Hero = () => (
  <div className="c-hero row u-align-items-center">
    <div className="col col--lg-5">
      <h1 className="u-color-primary u-clear-gap-top u-gap-bottom-small">jargon.ist</h1>
      <p className="u-gap-bottom">
        Jargon.ist, bilgisayar bilimleri alanında kullanılan jargonların topluluk tarafından Türkçe
        olarak açıklanmasını sağlayan bir web uygulamasıdır.
      </p>

      <LinkButton to="/dizin" primary>
        Dizini Görüntüle
        <span className="u-pad-left-2xsmall">⟶</span>
      </LinkButton>
    </div>

    <div className="col col--lg-7 u-hidden@md-down u-text-right">
      <img src={hero} alt="jargon.ist" className="c-hero__img" />
    </div>
  </div>
);

export default Hero;
