From 1204b2d3db3409712553a7763d9f798a151b02e5 Mon Sep 17 00:00:00 2001
From: AmirReza Jamali <amir7jamali.ar@yahoo.com>
Date: Mon, 1 Dec 2025 12:59:42 +0330
Subject: [PATCH] feat(contact-us): add customizable button text and center
 button content

Pass `buttonText="Submit request"` prop to ContactUsForm on contact page. Enhance button styles with flexbox centering for better alignment of text and loading spinner.
---
 app/(home)/contact-us/page.tsx | 2 +-
 app/_contact-us/form.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/(home)/contact-us/page.tsx b/app/(home)/contact-us/page.tsx
index f0cc73d..093ba95 100644
--- a/app/(home)/contact-us/page.tsx
+++ b/app/(home)/contact-us/page.tsx
@@ -39,7 +39,7 @@ const ContactUsPage = () => {
       </div>
       <div className="flex flex-col items-center mt-16 px-8 ">
         <section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white">
-          <ContactUsForm columnsPerRow={1} />
+          <ContactUsForm columnsPerRow={1} buttonText="Submit request"/>
         </section>
       </div>
     </main>
diff --git a/app/_contact-us/form.tsx b/app/_contact-us/form.tsx
index 2eb3a81..bedb149 100644
--- a/app/_contact-us/form.tsx
+++ b/app/_contact-us/form.tsx
@@ -144,7 +144,7 @@ const ContactUsForm = ({
         }}
       />
       <div className={`${colSpanClass} flex justify-end`}>
-        <button className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6">
+        <button className="bg-(--primary) cursor-pointer w-fit text-white rounded-full py-4 px-6 flex justify-center items-center text-center">
           {isLoading ? <Loading /> : buttonText}
         </button>
       </div>