text: import React, { Component } from 'react'
  import HeaderComponent2 from './HeaderComponent2'
  import { withRouter } from 'react-router-dom'
  import FooterComponentSearchPage from './FooterComponentSearchPage'
  
  
  class AboutPageRoute extends Component {
  
      componentDidMount(){
          document.querySelector('body').scrollTo({
              top: 0,
              left: 0,
              behavior: 'auto'
          });
      }
  
      render() {
          return (
              <div>
              <HeaderComponent2 />
              <div className="container aboutContainer">
                  <h2 className="aboutTitle">
                      About Us / FAQ
                  </h2>
                  <ul className="aboutListItems">
                      <div className="row aboutRow">
                          <div className="offset-2 col-9">
                              <li>
                                  <h4 className="listItemTitle">Hello and Welcome to Poof!</h4>
                                  <p className="listItemContent">
                                      Poof! is here to help you shop online in the most efficient and comprehensive way!
                                  </p>
                              </li>
                          </div>
                      </div>
                      <div className="row aboutRow">
                          <div className="offset-2 col-9">
                              <li>
                                  <h4 className="listItemTitle">Your first stop in finding the best deals</h4>
                                  <p className="listItemContent">
                                      Think of Poof! as your first stop in finding a product online. Poof! helps ensure confidence in making the right purchase for the right price.
                                  </p>
                              </li>
                          </div>
                      </div>
                      <div className="row aboutRow">
                          <div className="offset-2 col-9">
                              <li>
                                  <h4 className="listItemTitle">Save time and avoid shopping headaches</h4>
                                  <p className="listItemContent">
                                      Rather than search for the same item on 10 different sites and compare that item on 10 different tabs, just do it all in one place and with <b>JUST ONE</b> search!
                                  </p>
                              </li>
                          </div>
                      </div>
                      <div className="row aboutRow">
                          <div className="offset-2 col-9">
                              <li>
                                  <h4 className="listItemTitle">So........What's in it for Poof? Do I have to pay anything? How does this all work?</h4>
                                  <p className="listItemContent">
                                      Using Poof! is <b>100% FREE! </b>Poof's mission is to provide you with the smoothest online shopping experience. We aim to get you from searching for a product to checking out in the fastest, most reliable way possible, while ensuring you're paying a minimal price. 
                                      By directing you to a product and consequently a 
                                      seller, Poof! is able to receive an affiliate commision from the seller, with <b>NO EXTRA COST</b>, whatsoever, to you the buyer.
                                  </p>
                              </li>
                          </div>
                      </div>
                  </ul>
              </div>
              <FooterComponentSearchPage />
          </div>
          )
      }
  }
  
  export default withRouter(AboutPageRoute)
  
  