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('(home)/homeCalltoAction');

    return (
        <section className="wpo-donors-section no-padding">
            <div className="container">
                <div className="wpo-donors-wrap">
                    <div className="row align-items-center">
                        <div className="col-lg-6">
                            <h2>{t('donorsTitle')}</h2>
                        </div>
                        <div className="col-lg-6">
                            <div className="donors-btn">
                                {/* <Link onClick={ClickHandler} href="/donate">$10 Donation</Link> */}
                                <Link href="/contact">{t('donorsButton')}</Link>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    );
}

export default Donors;