From d71b2341a95b3703cab7ced931134521c0fb61be Mon Sep 17 00:00:00 2001
From: Alaguraj0361 <alaguraj0361@gmail.com>
Date: Sat, 23 Aug 2025 22:59:21 +0530
Subject: [PATCH] auto popup form style updated

---
 components/AutoPopup.js        | 21 +++++++++++++--------
 public/locales/en/contact.json |  3 ++-
 public/locales/es/contact.json |  3 ++-
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/AutoPopup.js b/components/AutoPopup.js
index a1a0b3f..7efcd59 100644
--- a/components/AutoPopup.js
+++ b/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">
diff --git a/public/locales/en/contact.json b/public/locales/en/contact.json
index c9e64f4..472f30d 100644
--- a/public/locales/en/contact.json
+++ b/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",
diff --git a/public/locales/es/contact.json b/public/locales/es/contact.json
index 6eb405a..d589cc9 100644
--- a/public/locales/es/contact.json
+++ b/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",