import styles from "./ContactUs.module.scss";

import React from "react";
import Head from "next/head";
import AppContext from "../../particles/contexts/app-context";

import AppTemplate from "../../templates/app";
import Footer from "../../organisms/footer";
import ContactUs from "../../organisms/contact-us";
import Header from "../../organisms/header";

const ContactUsPage = ({ appData }: any) => {
  return (
    <AppContext.Provider value={appData}>
      <AppTemplate header={<Header />} footer={<Footer />}>
        <Head>
          <title>BASS</title>
        </Head>

        <main className={styles.main}>
          <ContactUs />
        </main>
      </AppTemplate>
    </AppContext.Provider>
  );
};

export default ContactUsPage;
