import Head from 'next/head'
import Navbar from './Navbar'

const Layout = (props) => (
    <div>
        <Head>
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="<KEY>" crossorigin="anonymous" />
            <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
            <title>Ready Roofers</title>
        </Head>
        <div className="p-4">
            <Navbar />
            <div className="container-fluid">
                {props.children}
            </div>
        </div>
        <div>
            {/* <!-- Optional JavaScript -->
            <!-- jQuery first, then Popper.js, then Bootstrap JS --> */}
            <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="<KEY>" crossOrigin="anonymous"></script>
            <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="<KEY>" crossOrigin="anonymous"></script>
            <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="<KEY>" crossOrigin="anonymous"></script>
        </div>
    </div>
)

export default Layout