import DistributorCollaps from "../../Components/Distributor/DistributorCollaps";
import DistributorWord from "../../Components/Ui/DistributorWord";
import HeaderLink from "../../Components/Ui/HeaderLink";
import { useFetchData } from "../../Hooks/useFetchData";

const Page = () => {
  const { data, isLoading } = useFetchData('api/home');
  const {t} = useTranslation();
  return (
    <div className='Distributors_page'>
      <HeaderLink text="Distributors"/>
      <div className="top">
            <img src="/App/BigGmap.png" alt="googleMap" />
        </div>
        <div className="bottom">
          <h1>{t("Our Distributors")}</h1>
          <DistributorCollaps/>
        </div>
    </div>
  )
}

export default Page