auto popup form style updated

components/AutoPopup.js

@@ -126,15 +126,20 @@ 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">

public/locales/en/contact.json

@@ -6,7 +6,8 @@
     "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": "Contact Us"
+    "pageTitle": "Welcome to Janahan Law.",
+    "pageSubTitle": "We’re here to help — send us a message below."
   },
   "form": {
     "namePlaceholder": "Your Name",

public/locales/es/contact.json

@@ -6,7 +6,8 @@
     "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": "Contáctenos"
+    "pageTitle": "Bienvenido a Janahan Law.",
+    "pageSubTitle": "Estamos aquí para ayudarte — envíanos un mensaje a continuación."
   },
   "form": {
     "namePlaceholder": "Tu Nombre",