components/AutoPopup.js

@@ -76,7 +76,7 @@ export default function AutoPopup() {
                 });
 
                 alert(t("form.successMessage"));
-                setShow(false)
+
                 setForms({
                     name: "",
                     email: "",
@@ -126,20 +126,15 @@ export default function AutoPopup() {
                 }}
             >
                 <div className="card shadow-lg">
-
+                    <div className="card-header d-flex justify-content-between align-items-center">
+                        <h5 className="mb-0">{t('contactInfo.pageTitle')}</h5>
+                        <button
+                            type="button"
+                            className="btn-close"
+                            onClick={() => setShow(false)}
+                        ></button>
+                    </div>
                     <div className="card-body p-0">
-                        <div className=" d-flex justify-content-between g-5 align-items-center p-3">
-                            <div>
-                                <h3 className="mb-0 " style={{ color: "#c4242a" }}>{t('contactInfo.pageTitle')}</h3>
-                                <p className="mb-0">{t('contactInfo.pageSubTitle')}</p>
-                            </div>
-
-                            <button
-                                type="button"
-                                className="btn-close"
-                                onClick={() => setShow(false)}
-                            ></button>
-                        </div>
                         <div style={{ padding: "15px 10px 15px 20px" }}>
                             <form onSubmit={submitHandler} className="contact-validation-active">
                                 <div className="row w-100">
@@ -225,7 +220,7 @@ export default function AutoPopup() {
                                     </div>
                                 </div>
 
-                                <button type="submit" className="theme-btn  w-100" >
+                                <button type="submit" className="btn btn-primary w-100" >
                                     {t("form.submitButton")}
                                 </button>
                             </form>

next-i18next.config.js

@@ -1,3 +1,4 @@
+
 module.exports = {
     i18n: {
         defaultLocale: 'en',
@@ -18,5 +19,4 @@ module.exports = {
 // Vidhya - OurApproach
 
 // Alagu Raj  - 'common', 'menu', 'homeHero', 'home4Card', '(home)/homeAbout', '(home)/homeFeature', '(home)/testimonial', '(home)/homeCalltoAction', 'blog'
-//
+
-//1

public/locales/en/contact.json

@@ -6,8 +6,7 @@
     "phone": "+1 (305) 330-7413",
     "questionTitle": "Have Any Question?",
     "questionDesc": "We’re here to help with all your U.S. immigration and legal needs — contact Janahan Law for trusted guidance today.",
-    "pageTitle": "Welcome to Janahan Law.",
+    "pageTitle": "Contact Us"
-    "pageSubTitle": "We’re here to help — send us a message below."
   },
   "form": {
     "namePlaceholder": "Your Name",

public/locales/es/contact.json

@@ -6,8 +6,7 @@
     "phone": "+1 (305) 330-7413",
     "questionTitle": "¿Tienes alguna pregunta?",
     "questionDesc": "Estamos aquí para ayudarte con todas tus necesidades legales y de inmigración en EE. UU. — contacta a Janahan Law para obtener orientación confiable hoy.",
-    "pageTitle": "Bienvenido a Janahan Law.",
+    "pageTitle": "Contáctenos"
-    "pageSubTitle": "Estamos aquí para ayudarte — envíanos un mensaje a continuación."
   },
   "form": {
     "namePlaceholder": "Tu Nombre",