refactor: merge code and update main.css, delete file css in component

app/components/contact/ContactHero.tsx

@@ -0,0 +1,17 @@
+export default function ContactHero() {
+  return (
+    <section id="contact-hero" className="bg-white border-b border-gray-200 pt-16 pb-20 px-6 lg:px-12">
+      <div className="max-w-[1440px] mx-auto text-center">
+        <span className="inline-block bg-blue-50 text-xs font-bold px-4 py-2 uppercase tracking-wider rounded-full mb-3 border border-blue-100" style={{ color: "rgb(38, 60, 111)" }}>
+          Get in Touch
+        </span>
+        <div className="contact-heading font-display font-bold text-dark mb-6 leading-tight max-w-3xl mx-auto">
+          How can we help advance your research journey?
+        </div>
+        <p className="text-gray-600 text-lg mb-0 leading-relaxed max-w-2xl mx-auto">
+          Connect with our specialized departments to find the support, guidance, and resources you need to succeed at Paris Research University.
+        </p>
+      </div>
+    </section>
+  );
+}