fix: contact form and header styling

src/components/ContactFormBox.tsx

@@ -6,7 +6,7 @@ export default function ContactFormBox() {
       </div>
       <div className="cell-inner box-1-outer">
         <div className="box-1">
-          <h2>Find Your Property</h2>
+          <h2>Get in Touch with Us Today!</h2>
           <form className="rd-form">
             <div className="row row-x-20 row-20">
               <div className="col-sm-6 col-lg-12 col-xl-6">

src/components/layouts/Header.tsx

@@ -282,8 +282,8 @@ export default function Header() {
                     </a>
                   </li> */}
                 </ul>
-                <div className="rd-navbar-main-item">
-                  <a className="button button-sm button-primary" href="#">
+                <div className="rd-navbar-main-item context-dark">
+                  <a className="button button-sm button-primary-outline" href="#">
                     BOOK APPOINTMENT
                   </a>
                 </div>