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 AboutUsHero from "../../organisms/about-us-hero";
import AboutUsCountables from "../../organisms/about-us-countables";

import TermsAndConditions from "../../organisms/terms-and-conditions";
import SeoMessage from "../../organisms/seo-message";

import styles from "./OurPartners.module.scss";
import QualityStatement from "../../organisms/quality-statement";
import OurVision from "../../organisms/our-vision";
import ContactUs from "../../organisms/contact-us";
import Header from "../../organisms/header";
import OurClients from "../../organisms/our-clients";
import OurPartners from "../../organisms/our-partners";

const OurPartnersPage = ({ siteSettings, companies, partners, appData }: any) => {
  return (
    <AppContext.Provider value={appData}>
      <AppTemplate
        header={<Header />}
        hero={
          <div className={styles.hero}>
            <AboutUsHero />
          </div>
        }
        footer={<Footer />}
      >
        <Head>
          <title>BASS</title>
        </Head>

        <main>
          <div className={styles.ourClients}>
            <OurClients data={companies} />
          </div>
        </main>
      </AppTemplate>
    </AppContext.Provider>
  );
};

export default OurPartnersPage;
