woops i forgot to commit these files lul

1 files changed, 39 insertions, 0 deletions

diff --git a/src/components/project/project-page/ProjectHero.js b/src/components/project/project-page/ProjectHero.js
new file mode 100644
index 0000000..3d5f7ce
--- /dev/null
+++ b/src/components/project/project-page/ProjectHero.js
@@ -0,0 +1,39 @@
+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
+}
\ No newline at end of file