/* eslint-disable @next/next/no-img-element */
import React from "react";
import Head from "next/head";
import { GetServerSideProps } from "next/types";
// @Antd
import { Button, Col, Form, notification, Input, Row } from "antd";
// @i18n
import { useTranslation } from "next-i18next";
import { serverSideTranslations } from "next-i18next/serverSideTranslations";
// @Images
import { BackgroundFill } from "../../public/images";
// @Layout
import { LayoutWrapper } from "../../src/components/layouts/wrapper";
import { Map } from "../../src/components/less/maps";
// @Styled
import styles from "../../src/components/pages/contact/index.module.less";
import {
Donations,
} from "../../public/images";
export const getServerSideProps: GetServerSideProps = async ({ locale }) => {
return {
props: {
...(await serverSideTranslations(locale as string, [
"common",
"donations",
])),
},
};
};
export default function Contact() {
const { t } = useTranslation();
return (
{t("donations:title")} | GHF
{t("donations:title")}
{t("donations:caption")}
{t("donations:body")}
);
}
Contact.getLayout = function getLayout(page: React.ReactElement) {
return {page};
};