Call to Action Card Updated

components/Donors/CustomDonors.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import Link from 'next/link';
+import { useTranslation } from 'next-i18next';
+
+const ClickHandler = () => {
+    window.scrollTo(10, 0);
+}
+
+const CustomDonors = () => {
+    const { t } = useTranslation('(home)/homeCalltoAction');
+
+    return (
+        <section className="wpo-donors-section section-padding pb-0">
+            <div className="container">
+                <div className="wpo-donors-wrap">
+                    <div className="row align-items-center">
+                        <div className="col-lg-12">
+                            <h2>Para cambiar al idioma español, haz clic en la opción en la parte superior derecha del encabezado.</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 CustomDonors;

components/MobileMenu/MobileMenu.js

@@ -80,7 +80,7 @@ const MobileMenu = () => {
 
                 <div className="language m-2" >
                     <select onChange={handleLanguageChange} value={router.locale} style={{ width: "100%", height: "40px" }}>
-                        <option value="es">Spanish</option>
+                        <option value="es">español</option>
                         <option value="en">English</option>
                     </select>
                 </div>

components/header2/Header2.js

@@ -83,7 +83,7 @@ const Header2 = (props) => {
                                 <div className="header-right d-flex align-items-center justify-content-end">
                                     <div className="language me-4">
                                         <select onChange={handleLanguageChange} value={router.locale}>
-                                            <option value="es">Spanish</option>
+                                            <option value="es">español</option>
                                             <option value="en">English</option>
                                         </select>
                                     </div>

pages/index.js

@@ -14,6 +14,7 @@ import Scrollbar from '../components/scrollbar/scrollbar';
 import introImg from '/public/images/home/expert-immigration-guidance.webp';
 
 import { serverSideTranslations } from 'next-i18next/serverSideTranslations';
+import CustomDonors from '../components/Donors/CustomDonors';
 
 const HomePage = () => {
     return (
@@ -21,6 +22,7 @@ const HomePage = () => {
             <Navbar hclass={'wpo-site-header-s1'} topbarNone={'topbar-none'} Logo={'/images/logo.svg'} />
             <Hero />
             <Features sClass={'wpo-service-section-s2'} />
+            <CustomDonors/>
             <About introImg={introImg} abClass={'wpo-about-section-s2'} />
             <ServiceSection />
             {/* <FunFact fnTpClass={'funfact-wrap-sec'} fnClass={'wpo-fun-fact-section-s3'} /> */}