import React, { Component } from 'react';

export default class Hero extends Component {
    render() {
        return(
            <React.Fragment>
                <div className="hero">
                    <div className="header">
                        <img className="wow fadeInUp" data-wow-delay="1s"
                            src="https://web.archive.org/web/20090830171432im_/http://geocities.com/gapc/lgm-nosmovimos.gif"
                            alt="lost gif" />
                        <br /><br />

                        <h6 className="wow fadeInUp" data-wow-delay="1.2s">wow, you seem to be <span style={{"letterSpacing": "4px", "fontStyle": "italic", "fontWeight": "bold"}}>lost</span> ...</h6>
                        <br />

                        <center>
                            <a href="/">
                                <center>
                                    <img className="wow fadeInUp" data-wow-delay="1s"
                                        src="https://web.archive.org/web/20091021193614/http://www.geocities.com/moz_compilation/homeswrl_e0.gif"
                                        alt="home gif" />
                                </center>
                            </a>
                        </center>
                    </div>
                </div>
                
                { /* <div className="scroll-down"></div> */ }
            </React.Fragment>
        )
    }
}