import React from 'react';
import Link from 'next/link'
import { useTranslation } from 'next-i18next';

const ClickHandler = () => {
    window.scrollTo(10, 0);
}

const Donors = () => {
    const { t } = useTranslation("aboutDonor");
    return (
        <section className="wpo-donors-section section-padding3">
            <div className="container">
                <div className="wpo-donors-wrap">
                    <div className="row align-items-center">
                        <div className="col-lg-6">
                            <h2>{t("title")}</h2>
                        </div>
                        <div className="col-lg-6">
                            <div className="donors-btn">
                                {/* <Link onClick={ClickHandler} href="/donate">Free Consultation</Link> */}
                                <Link onClick={ClickHandler} href="/contact">
                                    {t("button")}
                                </Link>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
}

export default Donors;