import "../styles/globals.scss";
import "bootstrap/dist/css/bootstrap.min.css";
import { NavbarMenu, Footer } from "../components";
import axios from "axios";
import Head from 'next/head'

function MyApp({ Component, pageProps }) {
  axios.defaults.baseURL = process.env.NEXT_PUBLIC_BACKEND_BASE_URL;

  return (
    <>
      <Head>
        <title>Community Connect</title>
      </Head>
      <div className="background1">
        <div className="background2">
          <div className="app">
            <NavbarMenu />
            <div className="flex-grow-3">
              <Component {...pageProps} className="content" />
            </div>
            <Footer />
          </div>
        </div>
      </div>
    </>
  );
}

export default MyApp;
