text: import React, { Component } from "react";
  import { Container, Row, Col } from "reactstrap";
  import { Link } from "react-router-dom";
  
  // Modal Video
  import ModalVideo from "react-modal-video";
  import "../../../node_modules/react-modal-video/scss/modal-video.scss";
  
  import HomeUrl from '../../assets/images/home-border.png';
  import Img from '../../assets/images/features/img-2.png';
  
  class Section extends Component {
    constructor () {
      super()
      this.state = {
        isOpen: false
      }
      this.openModal = this.openModal.bind(this)
    }
   
    openModal () {
      this.setState({isOpen: true})
    }
  
    render() {
      return (
        <React.Fragment>
          <section className="bg-home bg-light" id="home">
            <div className="home-center">
              <div className="home-desc-center">
                <Container>
                  <Row className="align-items-center">
                    <Col lg={6}>
                      <div className="home-content">
                        {/* <p className="mb-0">Investing & Fund Raising</p> */}
                        <img src={HomeUrl} height="15" alt="Bizdateup logo png" />
                        <h1 className="home-title mt-4" style={{textAlign: 'left'}}> Invest in your<br/> favorite Startups <br/>& Fund Raising</h1>
                        <p className="text-muted mt-4 f-20">Start investing now so that you can be<br/> part of the Next Big thing.</p>
                        <div className="mt-4 pt-2">
                          <Link to="/Deals" className="btn btn-primary mr-3">Invest Now</Link>{" "}
                          <Link to="#" className="video-play-icon text-dark" onClick={this.openModal}><i className="mdi mdi-play-circle-outline text-dark mr-2"></i>Watch Intro Video</Link>
                        </div>
                      </div>
                    </Col>
                    <Col lg={6}>
                      <div className="home-img">
                        <div className="animation-1"></div>
                        <div className="animation-2"></div>
                        <div className="animation-3"></div>
                        <img src={Img} className="img-fluid" alt="" />
                      </div>
                    </Col>
                  </Row>
                </Container>
              </div>
              <ModalVideo
                channel="youtube"
                isOpen={this.state.isOpen}
                videoId="F3xCT9Oh3JI"
                onClose={() => this.setState({ isOpen: false })}
              />
            </div>
          </section>
        </React.Fragment>
      );
    }
  }
  
  export default Section;
  