feat(ourContacts): create responsive contact section with social links and email hover effect

- Added a responsive contact section with a background image and opacity.
- Integrated social media icons (Facebook, Instagram, Twitter, LinkedIn) with external links.
- Included email with a hover effect, applying a bottom border on hover for better user interaction.
- Used Tailwind CSS for layout, styling, and hover transitions.

Author: fabiobrasileiroo

src/app/(home)/page.tsx

@@ -1,4 +1,5 @@
 import FAQList from '@/components/FAQ/FAQList'
+import { OurContacts } from '@/components/ourContacts'
 
 import { About } from './about'
 import { EventLocation } from './eventLocation'
@@ -30,6 +31,10 @@ export default function Home() {
       <div id="FAQList" className="pt-32">
         <FAQList />
       </div>
+
+      <div id="OurContacts" className="pt-32">
+        <OurContacts />
+      </div>
     </div>
   )
 }