woops i forgot to commit these files lul

2 files changed, 72 insertions, 0 deletions

diff --git a/src/components/home/FeaturedProjects.js b/src/components/home/FeaturedProjects.js
new file mode 100644
index 0000000..60cdf3b
--- /dev/null
+++ b/src/components/home/FeaturedProjects.js
@@ -0,0 +1,53 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+
+// import ProjectOne from '../project/ProjectOne';
+import ProjectTwo from '../project/ProjectTwo';
+// import ProjectThree from '../project/ProjectThree';
+
+export default class FeaturedProjects extends Component {
+    render() {
+        // const itemCount = this.props.projectData.featured.length;
+        // let itemIteration = 1;
+        // let itemLast = false;
+        return(
+            <div className="container-fluid">
+                <br /><br /><br />
+                
+                <h6>selected projects</h6>
+                
+                <br />
+
+                { /* <div className="vertical"></div>
+                <br />
+                
+                <div className="whitespace"></div> */ }
+                { /* <div className="whitespace"></div> */ }
+                
+                { /* this.props.projectData.featured && this.props.projectData.featured.map((item) => {
+                        if (itemIteration >= itemCount) itemLast = true;
+                        itemIteration++;
+                        return(
+                            <React.Fragment>
+                                <ProjectOne projectData={item} />
+                                { itemLast ? '' : <br /> }
+                            </React.Fragment>
+                        )
+                    }) */ }
+                    
+                <ProjectTwo projectData={this.props.projectData.work.categories[0]} projectClass="category3" />
+                <br />
+                <p className="wow fadeInUp" data-wow-delay="1.2s" style={{fontSize: "12px"}}>
+                    i just wanna say, in this pic, they seem to be using the c++ standard<br />
+                    library, <code>iostream</code> for input/ output, imagine using <code>using namespace std;</code>, couldn't be me.
+                </p>
+                
+                { /* <div className="whitespace"></div>*/ }
+            </div>
+        )
+    }
+}
+
+FeaturedProjects.propTypes = {
+    projectData: PropTypes.object
+}
\ No newline at end of file
diff --git a/src/components/home/Hero.js b/src/components/home/Hero.js
new file mode 100644
index 0000000..92a6271
--- /dev/null
+++ b/src/components/home/Hero.js
@@ -0,0 +1,19 @@
+import React, { Component } from 'react';
+
+export default class Hero extends Component {
+    render() {
+        return(
+            <React.Fragment>
+                <div className="hero">
+                    <div className="header">
+                        <h1 className="line anim-typewriter">
+                            "Under Construction"
+                        </h1>
+                    </div>
+                </div>
+                
+                { /* <div className="scroll-down"></div> */ }
+            </React.Fragment>
+        )
+    }
+}
\ No newline at end of file