From 000fcd981b71467d26dd16ebb2b06261e75bdb03 Mon Sep 17 00:00:00 2001
From: akash <akash@metatroncube.com>
Date: Wed, 20 Aug 2025 11:14:45 +0530
Subject: [PATCH] Call to Action Card Updated

---
 components/Donors/CustomDonors.js   | 33 +++++++++++++++++++++++++++++
 components/MobileMenu/MobileMenu.js |  2 +-
 components/header2/Header2.js       |  2 +-
 pages/index.js                      |  2 ++
 4 files changed, 37 insertions(+), 2 deletions(-)
 create mode 100644 components/Donors/CustomDonors.js

diff --git a/components/Donors/CustomDonors.js b/components/Donors/CustomDonors.js
new file mode 100644
index 0000000..ad2e638
--- /dev/null
+++ b/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;
diff --git a/components/MobileMenu/MobileMenu.js b/components/MobileMenu/MobileMenu.js
index adcaaea..a44755b 100644
--- a/components/MobileMenu/MobileMenu.js
+++ b/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>
diff --git a/components/header2/Header2.js b/components/header2/Header2.js
index b29db5a..8b79ece 100644
--- a/components/header2/Header2.js
+++ b/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>
diff --git a/pages/index.js b/pages/index.js
index cdb01ca..2ded10d 100644
--- a/pages/index.js
+++ b/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'} /> */}