import React, { Component } from 'react';
import PropTypes from 'prop-types';

export default class ProjectHero extends Component {
    render() {
        return(
            <div className="container">
                <div className="hero-content">
                    <br />
                    <div className="row">
                        <div className="col-lg-12">
                            <br />
                            
                            <h1 className="wow fadeInUp" data-wow-delay="1s">"{this.props.projectData.title}"</h1>
                            <br />
                            <br />
                            
                            <div className="row">
                                <div className="col-lg-4">
                                    <p className="wow fadeInUp" data-wow-delay="1.2s">service:</p>
                                    <h6 className="wow fadeInUp" data-wow-delay="1.3s">{this.props.projectData.service}</h6>
                                </div>

                                <div className="col-lg-4">
                                    <p className="wow fadeInUp" data-wow-delay="1.6s">completed:</p>
                                    <h6 className="wow fadeInUp" data-wow-delay="1.7s">{this.props.projectData.completed}</h6>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}

ProjectHero.propTypes = {
    projectData: PropTypes.object
}