feat(ui): Enhance contact page and add location flag to footer

This commit introduces several UI improvements to enhance user experience and visual appeal.

On the contact page, a new heading "Unlock Your Growth Potential" and a descriptive subheading have been added above the form. This provides better context and a stronger call-to-action for users.

In the footer, the location information now includes a flag icon for better visual identification. This was achieved by updating the `ContactInfo` component to accept an optional icon source.

Additionally, various styling adjustments have been made for improved responsiveness and visual consistency across the homepage and footer.

app/contact-us/page.tsx

@@ -2,8 +2,15 @@ import ContactUsForm from "./form";
 
 const ContactUs = () => {
   return (
-    <div className="flex flex-col items-center mt-20 px-4">
-      <section className="border border-gray-300 rounded-4xl w-full max-w-4xl flex flex-col items-center bg-white">
+    <div className="flex flex-col items-center mt-20 px-4 ">
+      <div className="md:w-2/3 m-auto flex flex-col gap-4 mb-12">
+        <h2 className="font-bold text-4xl">Unlock Your Growth Potential</h2>
+        <p className="font-normal text-[16px] text-gray-600">
+          Register for early access and a free consultation. Let's start winning
+          together.
+        </p>
+      </div>
+      <section className="border border-gray-300 rounded-4xl w-full md:max-w-2/3 flex flex-col items-center bg-white">
         <ContactUsForm />
       </section>
     </div>