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/page.tsx

@@ -47,7 +47,7 @@ export default function Home() {
   return (
     <>
       <section className="block md:flex justify-around items-center">
-        <div className="flex gap-4 w-full md:w-1/2 font-bold text-4xl text-center flex-col bg-gray-800/5 p-10 rounded-[40px] h-[500px] mb-16">
+        <div className="flex gap-4 w-full md:w-1/2 font-bold text-4xl text-center flex-col bg-gray-800/10 p-10 rounded-[40px] h-fit mb-16">
           <h2>
             <span>$</span>
             <span>12,345,678</span>
@@ -167,7 +167,7 @@ export default function Home() {
           </li>
         </ul>
       </section>
-      <section className="flex flex-col mt-36 gap-10 w-3/4 m-auto">
+      <section className="flex flex-col mt-36 gap-10 md:w-3/4 m-auto">
         <div>
           <h2 className="font-bold text-4xl">The Opplens Advantage</h2>
         </div>