text: import React from 'react'
  import { Link } from 'gatsby'
  import FrontBook from '../../static/books/Book_Cover.png'
  // import Accordions from '../containers/accordions'
  
  const MidBook = (props) => {
      return (
          <>
              <section className="upper-main">
                  <div className="container-gt separator-line">
  
                      <div className="grid-two-columns" id="wrapper-two-books">
  
                          <div className="book-wraps">
                              <img src={FrontBook} alt="Just a Couple of Days book cover"/>
                          </div>
  
                          <div className="content-wraps">
  
                              <span className="italic-tag">
                                  Read, listen, and learn in various formats
                              </span>
  
                              <h1 className="heading--featured">
                                  <span>Featured</span>
                                  <span>Book</span>
                              </h1>
  
                              <p>
                              The idea for “Just a Couple of Days” was an idea I’ve had for years. It wasn’t until I finally got help for my alcoholism that I was able to put it down on paper. It’s a fictional story of a miracle that happens to the character as a miracle had just happened in my life.
                              </p>
  
                              <button className="btn-book-featured">
                                  <Link to="/about-the-book">
                                      Read More
                                  </Link>
                              </button>
  
                          </div>
                      </div>
                  </div>
              </section>
          </>
      )
  }
  
  export default MidBook